*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.login{text-align:center;background:#fff;border-radius:12px;max-width:360px;margin:120px auto;padding:40px;box-shadow:0 2px 12px #00000014}.login h2{color:#f60;margin-bottom:24px}.login input{border:1px solid #ddd;border-radius:8px;width:100%;height:44px;margin-bottom:16px;padding:0 12px;font-size:15px;display:block}.login button{color:#fff;cursor:pointer;background:#f60;border:none;border-radius:8px;width:100%;height:44px;font-size:16px}.layout{min-height:100vh;display:flex}.sidebar{color:#ccc;background:#1a1a2e;flex-direction:column;flex-shrink:0;width:200px;display:flex}.sidebar-head{color:#f60;border-bottom:1px solid #2a2a3e;padding:20px;font-size:18px;font-weight:600}.sidebar-nav{flex:1;padding:12px 0}.menu-item{cursor:pointer;border-left:3px solid #0000;padding:14px 20px;font-size:14px;transition:all .2s}.menu-item:hover{color:#fff;background:#16213e}.menu-item.active{color:#f60;background:#16213e;border-left-color:#f60}.sidebar-foot{border-top:1px solid #2a2a3e;padding:16px}.btn-logout{color:#999;cursor:pointer;background:0 0;border:1px solid #444;border-radius:6px;width:100%;padding:8px;font-size:13px}.btn-logout:hover{color:#fff;border-color:#666}.main{flex:1;overflow-x:auto}.toolbar{background:#fff;border-bottom:1px solid #eee;align-items:center;gap:16px;padding:16px 24px;display:flex}.toolbar h2{color:#f60;font-size:18px}.filters{gap:8px;display:flex}.filters button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 16px;font-size:13px}.filters button.active{color:#fff;background:#f60;border-color:#f60}.btn-refresh{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;margin-left:auto;padding:6px 20px}.btn-export{color:#fff;cursor:pointer;background:#f60;border:none;border-radius:6px;padding:6px 20px;font-size:13px}.usr-search{border:1px solid #ddd;border-radius:6px;width:220px;padding:6px 10px;font-size:13px}.date-input{border:1px solid #ddd;border-radius:6px;padding:5px 8px;font-size:13px}.category-select{color:#999;background:#fff;border:1px solid #ddd;border-radius:4px;padding:4px 8px;font-size:13px}.category-select.set{color:#f60;background:#fff8f0;border-color:#ffc999}.modal-error{color:#ee0a24;margin-top:8px;font-size:12px;line-height:1.5}.import-table{border-collapse:collapse;width:100%;font-size:13px}.import-table th{text-align:left;color:#666;background:#fafafa;border-bottom:1px solid #eee;padding:8px;font-weight:600}.import-table td{border-bottom:1px solid #f5f5f5;padding:6px 8px}.import-table .mono{font-family:ui-monospace,Menlo,monospace}.match-ok{color:#4caf50;white-space:nowrap}.match-warn{color:#999;white-space:nowrap}.step-list{color:#666;margin:0 0 10px 18px;padding:0;font-size:13px;line-height:1.9}.step-list li{list-style:decimal}.modal-note{color:#999;margin-bottom:10px;font-size:12px;line-height:1.7}.modal-note code{background:#f5f5f5;border-radius:3px;padding:1px 5px;font-size:12px}.import-summary{color:#555;background:#fafafa;border-radius:6px;margin-bottom:12px;padding:12px 14px;font-size:13px;line-height:1.8}.import-summary p{margin:0}.ok-text{color:#4caf50}.warn-text{color:#ee0a24}.range-sep{color:#999;font-size:13px}.btn-channel-filter{cursor:pointer;color:#333;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 16px;font-size:13px}.btn-channel-filter.active{color:#fff;background:#f60;border-color:#f60}.btn-new{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;padding:6px 16px;font-size:13px}.notice-content{text-overflow:ellipsis;white-space:nowrap;color:#666;max-width:420px;overflow:hidden}.form-row textarea{resize:vertical;box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}.table-wrap{min-height:160px;position:relative}.loading-mask{color:#999;z-index:5;background:#ffffffb8;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex;position:absolute;inset:0}.spinner{border:2px solid #eee;border-top-color:#f60;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-search{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:6px;padding:6px 16px;font-size:13px}.ch-yes{color:#4caf50;background:#e8f5e9}.ch-no{color:#999;background:#f5f5f5}table{border-collapse:collapse;background:#fff;width:100%;font-size:14px}th{text-align:left;color:#666;background:#fafafa;border-bottom:2px solid #eee;padding:12px 16px;font-weight:600}td{border-bottom:1px solid #f0f0f0;padding:12px 16px}.amount{color:#f60;font-weight:600}.tag{border-radius:10px;padding:2px 10px;font-size:12px}.s0{color:#ff9800;background:#fff3e0}.s1{color:#2196f3;background:#e3f2fd}.s2{color:#4caf50;background:#e8f5e9}.s3{color:#f44336;background:#ffebee}.actions{white-space:nowrap}.btn-approve{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:4px;margin-right:6px;padding:4px 14px;font-size:13px}.btn-reject{color:#fff;cursor:pointer;background:#f44336;border:none;border-radius:4px;padding:4px 14px;font-size:13px}.btn-edit{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:4px;padding:4px 14px;font-size:13px}.btn-unbind{color:#f60;cursor:pointer;background:#fff;border:1px solid #f60;border-radius:4px;margin-left:6px;padding:4px 14px;font-size:13px}.modal-hint{color:#999;margin-top:10px;font-size:12px;line-height:1.5}.shelf-on{color:#4caf50;background:#e8f5e9}.shelf-off{color:#999;background:#f5f5f5}.btn-shelf{cursor:pointer;border:1px solid;border-radius:4px;margin-left:6px;padding:4px 14px;font-size:13px}.btn-shelf.on{color:#4caf50;background:#fff;border-color:#4caf50}.btn-shelf.off{color:#999;background:#fff;border-color:#ddd}.toolbar-hint{color:#999;margin-left:12px;font-size:12px}.btn-top{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:4px;padding:4px 12px;font-size:12px}.btn-top.on{color:#fff;background:#f60;border-color:#f60}.sort-input{border:1px solid #ddd;border-radius:4px;width:72px;padding:4px 8px;font-size:13px}.upload-row{align-items:center;gap:10px;display:flex}.upload-row input[type=file]{font-size:12px}.upload-hint{color:#999;font-size:12px}.btn-clear{color:#999;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:4px 12px;font-size:12px}.btn-clear-filter{color:#999;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 12px;font-size:13px}.export-hint{color:#999;margin-bottom:14px;font-size:12px;line-height:1.5}.pict-preview{border:1px solid #eee;border-radius:6px;max-width:100%;max-height:140px;margin-top:8px;display:block}.empty-row{text-align:center;color:#999;padding:40px!important}.pager{justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.pager button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 16px}.pager button:disabled{opacity:.4;cursor:default}.modal-mask{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:420px;max-width:90vw;padding:28px}.modal h3,.modal-body{margin-bottom:20px}.modal-body label{color:#666;margin-bottom:8px;font-size:14px;display:block}.modal-body input[type=file]{font-size:14px}.preview{border-radius:8px;max-width:100%;max-height:200px;margin-top:12px}.modal-wide{flex-direction:column;width:560px;max-height:85vh;display:flex}.modal-wide .modal-scroll{flex:1;min-height:0}.modal-wide h3,.modal-wide .modal-btns{flex-shrink:0}.form-row{margin-bottom:14px}.form-row label{color:#666;margin-bottom:4px;font-size:13px;display:block}.form-row input,.form-row textarea{border:1px solid #ddd;border-radius:6px;width:100%;padding:8px 10px;font-size:14px}.form-row input:disabled{color:#999;background:#f5f5f5}.form-row textarea{resize:vertical}.modal-scroll{max-height:60vh;overflow-y:auto}.form-inline{gap:16px;display:flex}.form-half{flex:1}.form-half label{color:#666;margin-bottom:4px;font-size:13px;display:block}.form-half input{border:1px solid #ddd;border-radius:6px;width:100%;padding:8px 10px;font-size:14px}.modal-btns{justify-content:flex-end;gap:12px;display:flex}.btn-cancel{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 20px}.btn-confirm{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 20px;display:flex}.btn-confirm:disabled{opacity:.6;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.thumb{object-fit:cover;cursor:pointer;border-radius:4px;width:40px;height:40px}.thumb:hover{opacity:.8}.zoomed-img{border-radius:8px;max-width:90vw;max-height:90vh}