*{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}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}.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}@keyframes spin{to{transform:rotate(360deg)}}.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}