*{box-sizing:border-box;margin:0;padding:0}:root{--primary: #1d4ed8;--primary-dark: #1e40af;--danger: #dc2626;--warning: #d97706;--success: #16a34a;--bg: #f1f5f9;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--bg-hover: #f1f5f9;--border: #e2e8f0;--text: #0f172a;--muted: #64748b}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e3a8a,#1d4ed8)}.login-card{background:var(--surface);padding:40px 36px;border-radius:12px;width:360px;box-shadow:0 20px 40px #00000040}.login-card h1{font-size:20px;margin-bottom:4px;color:var(--text)}.login-card p{color:var(--muted);margin-bottom:24px;font-size:13px}.login-card .logo{font-size:34px;margin-bottom:12px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text)}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff;color:var(--text);font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1d4ed826}.field input.input-readonly{background:#f1f5f9;color:#475569;cursor:not-allowed}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:var(--warning);color:#fff}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg);color:var(--text)}.btn-block{width:100%;justify-content:center}.btn-sm{padding:5px 10px;font-size:12px;border-radius:6px}.btn-xs{padding:3px 8px;font-size:11px;border-radius:5px}.error-banner{background:#fee2e2;color:var(--danger);padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px}.layout{min-height:100vh;display:flex;flex-direction:column}.topbar{background:#0f172a;color:#e2e8f0;display:flex;align-items:center;height:52px;padding:0 16px;flex-shrink:0;z-index:20;position:sticky;top:0}.topbar-brand{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;padding-right:20px;margin-right:8px;border-right:1px solid rgba(255,255,255,.12);white-space:nowrap}.topbar-nav{display:flex;align-items:center;gap:4px;flex:1}.topbar-nav a{display:flex;align-items:center;gap:7px;padding:8px 14px;color:#94a3b8;text-decoration:none;font-size:14px;border-radius:8px;transition:all .15s;white-space:nowrap}.topbar-nav a:hover{background:#ffffff14;color:#fff}.topbar-nav a.active{background:var(--primary);color:#fff}.topbar-user{display:flex;align-items:center;gap:10px;font-size:13px;white-space:nowrap}.topbar-role{color:#94a3b8;font-size:12px}.topbar-name{font-weight:600;color:#fff}.topbar-user .btn{background:none;border:1px solid rgba(255,255,255,.2);color:#94a3b8}.topbar-user .btn:hover{color:#fff;border-color:#fff6}.main{flex:1;padding:16px;overflow-x:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:10px}.page-header h2{font-size:20px}.page-header .sub{color:var(--muted);font-size:13px;margin-top:2px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px}.stat-card .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.stat-card .value{font-size:28px;font-weight:700}.stat-card .value.red{color:var(--danger)}.stat-card .value.orange{color:var(--warning)}.stat-card .value.green{color:var(--success)}.stat-card .value.blue{color:var(--primary)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:24px}.panel h3{font-size:15px;margin-bottom:16px}.panel-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin-bottom:16px;color:var(--primary)}.panel-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.panel-sub{color:var(--muted);font-size:12px;margin-top:8px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;align-items:start}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.field-check{padding-bottom:6px}.check-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:600}.check-label input[type=checkbox]{width:auto}.field-row{display:flex;gap:8px}.field-row input{flex:1}.field-hint{font-weight:400;color:var(--muted);font-size:12px}.profile-sep{grid-column:1 / -1;border:none;border-top:1px solid var(--border);margin:4px 0 16px}.profile-section-title{grid-column:1 / -1;font-weight:700;font-size:14px;color:var(--text);margin-bottom:4px}.qr-2fa{display:block;margin:10px auto;width:200px;height:200px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:10px}.field-hint code{background:var(--surface-3);border:1px solid var(--border);border-radius:4px;padding:1px 6px;font-size:12px;word-break:break-all}.field input[type=number]{width:100%}.success-banner{grid-column:1 / -1;background:#dcfce7;color:var(--success);padding:10px 14px;border-radius:8px;font-size:13px}.temp-pass-box{background:#f8fafc;border:1px dashed var(--primary);border-radius:8px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;text-align:center;color:var(--primary);-webkit-user-select:all;user-select:all}.error-banner.full{grid-column:1 / -1}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-bottom:24px}.list-expiring{list-style:none}.list-expiring li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.list-expiring li:last-child{border-bottom:none}.badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge-red{background:#fee2e2;color:var(--danger)}.badge-orange{background:#fef3c7;color:var(--warning)}.badge-green{background:#dcfce7;color:var(--success)}.badge-gray{background:#f1f5f9;color:var(--muted)}.badge-blue{background:#dbeafe;color:var(--primary)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.toolbar input[type=text],.toolbar select{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:#fff;color:var(--text)}.toolbar input[type=text]{min-width:240px}.search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:50%;background:transparent;color:#dc2626;cursor:pointer}.search-clear:hover{background:#fee2e2;color:#b91c1c}.toolbar-date{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--border);border-radius:8px;background:#fff}.toolbar-date-label{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap}.toolbar-date input[type=date]{border:1px solid var(--border);border-radius:6px;padding:3px 6px;font-size:12px;font-family:inherit;background:#f8fafc;color:var(--text)}.toolbar-date input[type=date]:focus{outline:none;border-color:var(--primary)}.toolbar-date-sep{color:var(--muted);font-size:12px}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:visible}table.table{width:100%;border-collapse:collapse;table-layout:fixed}table.table th{background:#f8fafc;text-align:left;padding:5px 6px;border-bottom:1px solid var(--border);font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;z-index:2}table.table th .th-label{display:block;overflow:hidden;text-overflow:ellipsis}table.table th .th-sort{font-size:9px;color:#94a3b8}.filter-funnel{position:absolute;top:3px;right:3px;border:1px solid transparent;background:transparent;color:#94a3b8;border-radius:4px;padding:2px 3px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.filter-funnel:hover{background:#e2e8f0;color:var(--text)}.filter-funnel.active{background:var(--primary);color:#fff;border-color:var(--primary)}.col-resize-handle{position:absolute;top:0;right:-5px;width:9px;height:100%;cursor:col-resize;z-index:4}.col-resize-handle:hover{background:#0e6cff59}.filter-funnel{z-index:7}.table-wrap.drag-over{outline:3px dashed var(--primary);outline-offset:-3px;border-radius:8px;background:#0e6cff0a}.table-wrap.drag-over .table{background:#0e6cff0f}.table-wrap.drag-over *{pointer-events:none}.clients-page .table-wrap{max-height:calc(100vh - 210px);overflow:auto}.clients-page table.table thead th{position:sticky;top:0;z-index:6}.clients-page table.table th.col-sticky{position:sticky;z-index:7}.clients-page table.table td.col-sticky{position:sticky;z-index:5;background:var(--surface)}.clients-page table.table th.col-actions{left:0;z-index:9;background:#f8fafc;box-shadow:1px 0 0 var(--border)}.clients-page table.table td.col-actions{left:0;z-index:6;background:var(--surface);box-shadow:1px 0 0 var(--border)}.clients-page table.table th.col-customer{background:#f8fafc}.clients-page table.table td.col-customer{background:var(--surface);box-shadow:1px 0 0 var(--border)}.clients-page table.table tr:hover td.col-actions,.clients-page table.table tr:hover td.col-customer{background:#f8fafc}.clients-page table.table th .th-meta{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:2px}.clients-page table.table th .filter-funnel{position:static;flex-shrink:0}.clients-page table.table thead tr:first-child th{box-shadow:inset 0 1px #64748b,inset 1px 0 #64748b,inset -1px 0 #64748b,inset 0 -2px #64748b}.report-wrap{max-height:calc(100vh - 190px);overflow:auto}.report-wrap table.table thead th{position:sticky;top:0;z-index:6}.btn-files{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:30px}.btn-files svg{flex-shrink:0}.cf-panel{position:absolute;top:calc(100% + 2px);left:0;width:max-content;min-width:230px;max-width:480px;max-height:360px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px #00000026;z-index:60;display:flex;flex-direction:column;cursor:default}.cf-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--border);font-size:12px}.cf-close{background:none;border:none;color:var(--muted);cursor:pointer;padding:2px;display:flex}.cf-close:hover{color:var(--text)}.cf-search{display:flex;align-items:center;gap:6px;padding:8px 10px;color:var(--muted);border-bottom:1px solid var(--border)}.cf-search input{flex:1;border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:12px;min-width:0}.cf-search input:focus{outline:none;border-color:var(--primary)}.cf-list{overflow-y:auto;flex:1;max-height:180px;padding:4px 0}.cf-item{display:flex;align-items:center;gap:8px;padding:5px 10px;font-size:12px;cursor:pointer;white-space:normal}.cf-item:hover{background:#f1f5f9}.cf-item input[type=checkbox]{flex-shrink:0}.cf-all{font-weight:600;border-bottom:1px solid var(--border)}.cf-label{flex:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.cf-count{font-size:11px;color:var(--muted);background:#eef2f7;border-radius:999px;padding:0 6px;flex-shrink:0}.cf-empty{padding:12px;text-align:center;color:var(--muted);font-size:12px}.cf-footer{display:flex;justify-content:flex-end;gap:8px;padding:8px 10px;border-top:1px solid var(--border)}.cf-date-range{padding:10px;display:flex;flex-direction:column;gap:8px}.cf-date-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-bottom:2px}.cf-date-field{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600}.cf-date-field span{width:24px}.cf-date-field input[type=date]{flex:1;border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:12px;font-family:inherit;min-width:0}.cf-date-field input[type=date]:focus{outline:none;border-color:var(--primary)}.cf-date-hint{font-size:11px;color:var(--muted)}table.table thead tr.filter-row th{cursor:default;padding:4px 6px;background:#f1f5f9;border-bottom:2px solid var(--border)}.filter-input{width:100%;padding:3px 5px;border:1px solid #cbd5e1;border-radius:4px;font-size:11px;background:#fff;color:var(--text);min-width:0}.filter-input:focus{outline:none;border-color:var(--primary)}.table-select{width:100%;padding:1px 2px;border:1px solid #cbd5e1;border-radius:4px;font-size:11px;background:#fff;color:var(--text);min-width:0;cursor:pointer}.table-select:focus{outline:none;border-color:var(--primary)}.table-checkbox{width:14px;height:14px;cursor:pointer;accent-color:var(--success);vertical-align:middle}table.table td{padding:4px 6px;border-bottom:1px solid var(--border);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}table.table tr:hover td{background:#f8fafc}table.table .cell-red{color:var(--danger);font-weight:700}table.table .cell-orange{color:var(--warning);font-weight:700}table.table td.cell-info{white-space:normal;min-width:0}table.table td .badge{font-size:9px;padding:1px 6px}.row-actions{display:flex;gap:3px;white-space:nowrap}.row-actions .btn{padding:1px 6px;font-size:10px}.table-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;color:var(--muted);font-size:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;z-index:50;overflow-y:auto}.modal{background:var(--surface);border-radius:12px;width:100%;max-width:700px;box-shadow:0 25px 50px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:16px}.modal-body{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-body .full{grid-column:1 / -1}.contract-form-body{grid-template-columns:repeat(4,1fr)}.contract-form-body .field{grid-column:span 2}.contract-form-body .field.full{grid-column:1 / -1}.contract-form-body .field.w-quarter{grid-column:span 1}@media (max-width: 1000px){.contract-form-body{grid-template-columns:1fr 1fr}}.confirm-overlay{display:flex;align-items:center;justify-content:center;padding:20px}.confirm-modal{max-width:420px}.confirm-body{display:flex;gap:16px;align-items:flex-start;padding:24px}.confirm-icon{flex-shrink:0;width:48px;height:48px;border-radius:50%;background:#fee2e2;color:var(--danger);display:flex;align-items:center;justify-content:center}.confirm-text h3{font-size:16px;margin-bottom:6px}.confirm-text p{color:var(--muted);font-size:13px;line-height:1.4}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.close-btn{background:none;border:none;font-size:22px;cursor:pointer;color:var(--muted);line-height:1}.empty-state{text-align:center;color:var(--muted);padding:40px;font-size:14px}.spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:24px;right:24px;background:#0f172a;color:#fff;padding:12px 20px;border-radius:8px;font-size:13px;z-index:100;box-shadow:0 10px 25px #0003;animation:fadeIn .2s}.spin{animation:spin .9s linear infinite}.charts-total{float:right;font-size:12px;font-weight:600;color:var(--muted)}.nowrap{white-space:nowrap}table.table.clients-bordered th,table.table.clients-bordered td{border:1px solid #d3dae3}table.table.clients-bordered th{border-bottom:1px solid #b9c3d0}table.table.report-bordered th,table.table.report-bordered td{border:1px solid #d3dae3}table.table.report-bordered th{border-bottom:1px solid #b9c3d0}table.table tr.cell-muted td{color:var(--muted)}table.table tr.cell-muted td b{color:var(--muted);font-weight:600}.report-wrap{overflow-x:auto}.report-wrap .empty-state{display:flex;flex-direction:column;align-items:center;gap:8px}.report-wrap .empty-state p{margin:0}.report-sum-row{background:var(--bg-hover, #f1f5f9)}.report-sum-row td{font-weight:600;white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.backup-actions{display:flex;gap:10px;flex-wrap:wrap}.backup-warn{display:flex;gap:8px;align-items:flex-start;background:#fffbeb;border:1px solid #fcd34d;color:#92400e;border-radius:8px;padding:10px 14px;font-size:13px}.backup-warn svg{flex:none;margin-top:2px}.modal.modal-lg{width:720px;max-width:94vw}.dropzone{border:2px dashed #b9c3d0;border-radius:10px;padding:26px 16px;cursor:pointer;text-align:center;color:var(--muted);transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.drag-over{border-color:#1d4ed8;background:#eff6ff}.dropzone.has-file{border-color:#16a34a;background:#f0fdf4}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px}.dropzone-meta{font-size:12px;color:var(--muted)}.import-warning{display:flex;gap:8px;align-items:flex-start;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;border-radius:8px;padding:10px 14px;font-size:13px;margin:12px 0}.import-warning svg{flex:none;margin-top:2px}.import-preview{border:1px solid #e2e8f0;border-radius:8px;overflow:auto;max-height:260px}.import-preview table{margin:0;min-width:600px}.import-preview th,.import-preview td{padding:4px 8px;font-size:12px;white-space:nowrap}.result-box{display:flex;gap:8px;align-items:center;font-weight:600;border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:10px}.result-box.ok{background:#f0fdf4;border:1px solid #86efac;color:#166534}.result-err{display:flex;gap:6px;color:var(--danger);font-size:12px;padding:2px 0}.muted{color:var(--muted)}.text-right{text-align:right}.col-picker-hint{font-size:12px;color:var(--muted);padding:0 2px 8px}.col-picker-body{display:flex;flex-direction:column;gap:2px;max-height:55vh;overflow-y:auto;padding:4px 2px}.col-picker-row{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 6px;border-radius:4px;cursor:grab;-webkit-user-select:none;user-select:none;background:#fff}.col-picker-row:hover{background:var(--bg-hover, #f1f5f9)}.col-picker-row:active{cursor:grabbing}.col-picker-row-locked{cursor:default;background:#f8fafc}.col-picker-row-locked .col-picker-grip{color:var(--primary)}.col-picker-row.unselected{color:var(--muted)}.col-picker-row.unselected label{opacity:.75}.col-picker-grip{color:#94a3b8;flex:none}.col-picker-row label{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer}.set-value{display:flex;align-items:center;gap:6px}.set-value input{flex:1}.set-value .btn{flex:none}.cell-check{text-align:center}.cell-check input,.check-field input{width:15px;height:15px;cursor:pointer;accent-color:#1d4ed8;vertical-align:middle}.check-field{display:flex;align-items:center;gap:8px;height:36px}.check-field span{font-size:13px;color:var(--muted)}.text-center{text-align:center}.remarks-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.remarks-head label{margin:0;flex:1}.remarks-table{max-height:240px;overflow-y:auto;border:1px solid var(--border);border-radius:8px}.remarks-table th{background:#f8fafc;font-size:10px;text-transform:uppercase;letter-spacing:.3px;color:var(--muted);padding:5px 8px;border-bottom:1px solid var(--border);text-align:left}.remarks-table td{padding:5px 8px;border-bottom:1px solid var(--border);vertical-align:middle}.remarks-table th,.remarks-table td{border-left:1px solid var(--border)}.remarks-table th:first-child,.remarks-table td:first-child{border-left:none}.remarks-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;line-height:1.4;cursor:default}.remarks-date{width:120px;white-space:nowrap;font-size:10px;color:var(--muted);text-align:center}.remarks-actions{width:64px;text-align:center}.remarks-actions .btn{padding:1px 5px}.remarks-actions .btn svg{flex-shrink:0}.note-dialog-overlay{align-items:center;padding:20px;z-index:70}.modal-sm{max-width:760px;width:90vw}.note-dialog-body{padding:18px 24px;display:block}.note-dialog-body textarea{width:100%;min-height:300px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px;line-height:1.5;resize:vertical;background:var(--surface);color:var(--text)}@media (max-width: 1100px){table.table{min-width:100%}}@media (max-width: 800px){.topbar{flex-wrap:wrap;height:auto;padding:8px 12px;gap:6px}.topbar-brand{border:none;padding:0;margin-right:8px}.topbar-nav a{padding:6px 10px;font-size:13px}.topbar-user{margin-left:auto}.modal-body{grid-template-columns:1fr}}[data-theme=dark]{color-scheme:dark;--primary: #3b82f6;--primary-dark: #2563eb;--danger: #f87171;--warning: #fbbf24;--success: #4ade80;--bg: #0b1220;--surface: #111a2b;--surface-2: #172136;--surface-3: #1c2941;--bg-hover: #1b2538;--border: #26334c;--text: #e5eaf3;--muted: #93a1b8}[data-theme=dark] body{background:var(--bg);color:var(--text)}[data-theme=dark] .topbar{border-bottom:1px solid var(--border)}[data-theme=dark] .field input,[data-theme=dark] .field select,[data-theme=dark] .field textarea,[data-theme=dark] .toolbar input[type=text],[data-theme=dark] .toolbar select,[data-theme=dark] .toolbar-date,[data-theme=dark] .filter-input,[data-theme=dark] .table-select,[data-theme=dark] .cf-search input,[data-theme=dark] .cf-date-field input[type=date],[data-theme=dark] .col-picker-row{background:var(--surface-3);border-color:var(--border);color:var(--text)}[data-theme=dark] .field input.input-readonly{background:#22304a;color:var(--muted)}[data-theme=dark] .toolbar-date input[type=date]{background:var(--surface-3);color:var(--text);border-color:var(--border)}[data-theme=dark] .temp-pass-box{background:var(--surface-2)}[data-theme=dark] .search-clear{color:#f87171}[data-theme=dark] .search-clear:hover{background:#f8717129;color:#fca5a5}[data-theme=dark] table.table th,[data-theme=dark] .remarks-table th,[data-theme=dark] .clients-page table.table th.col-actions,[data-theme=dark] .clients-page table.table th.col-customer{background:var(--surface-2)}[data-theme=dark] table.table thead tr.filter-row th{background:var(--surface-3)}[data-theme=dark] table.table tr:hover td,[data-theme=dark] .clients-page table.table tr:hover td.col-actions,[data-theme=dark] .clients-page table.table tr:hover td.col-customer{background:var(--surface-2)}[data-theme=dark] .filter-funnel:hover,[data-theme=dark] .cf-item:hover,[data-theme=dark] .cf-count{background:var(--surface-3)}[data-theme=dark] .col-picker-row:hover{background:var(--bg-hover)}[data-theme=dark] .col-picker-row-locked{background:var(--surface-2)}[data-theme=dark] table.table.clients-bordered th,[data-theme=dark] table.table.clients-bordered td,[data-theme=dark] table.table.report-bordered th,[data-theme=dark] table.table.report-bordered td{border-color:var(--border)}[data-theme=dark] .clients-page table.table thead tr:first-child th{box-shadow:inset 0 1px #475569,inset 1px 0 #475569,inset -1px 0 #475569,inset 0 -2px #475569}[data-theme=dark] .dropzone,[data-theme=dark] .import-preview{border-color:var(--border)}[data-theme=dark] .badge-red,[data-theme=dark] .error-banner,[data-theme=dark] .confirm-icon{background:#f8717129}[data-theme=dark] .badge-red{color:#fca5a5}[data-theme=dark] .badge-orange{background:#fbbf2429;color:#fcd34d}[data-theme=dark] .badge-green,[data-theme=dark] .success-banner{background:#4ade8029}[data-theme=dark] .badge-green{color:#86efac}[data-theme=dark] .badge-gray{background:#94a3b826}[data-theme=dark] .badge-blue{background:#3b82f633;color:#93c5fd}[data-theme=dark] .success-banner{color:#86efac}[data-theme=dark] .backup-warn{background:#fbbf241f;border-color:#fbbf2466;color:#fcd34d}[data-theme=dark] .import-warning{background:#fb923c1f;border-color:#fb923c66;color:#fdba74}[data-theme=dark] .result-box.ok{background:#4ade8026;border-color:#4ade8066;color:#86efac}[data-theme=dark] .dropzone:hover,[data-theme=dark] .dropzone.drag-over{background:#3b82f61f}[data-theme=dark] .dropzone.has-file{background:#4ade801f}[data-theme=dark] .btn-ghost{color:var(--muted)}[data-theme=dark] .toast{border:1px solid var(--border)}.topbar-logo{font-size:18px;line-height:1}.appearance-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 18px;margin-bottom:6px}.appearance-color{display:flex;align-items:center;gap:8px}.appearance-color input[type=color]{width:34px;height:26px;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--surface);cursor:pointer}.appearance-color-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text)}.appearance-clear{border:none;background:transparent;color:var(--muted);cursor:pointer;padding:0;display:flex;align-items:center}.appearance-clear:hover{color:var(--danger)}.appearance-fields{max-height:420px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;margin-bottom:12px}.appearance-field-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-bottom:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;background:var(--surface)}.appearance-field-row:last-child{border-bottom:none}.appearance-field-row:hover{background:var(--bg-hover)}.appearance-grip{color:var(--muted);flex:0 0 auto}.appearance-field-label{flex:1 1 auto;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appearance-label-input{flex:0 1 180px;min-width:90px;padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--surface-3);color:var(--text);font-size:12px}.appearance-field-row select{flex:0 0 auto;padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--surface-3);color:var(--text);font-size:12px}.appearance-actions{display:flex;gap:10px;align-items:center}.theme-toggle{display:inline-flex;align-items:center;justify-content:center}