:root{--teal-700: #047857;--teal-600: #059669;--teal-500: #10b981;--teal-100: #d1fae5;--teal-50: #ecfdf5;--amber-500: #f59e0b;--amber-600: #d97706;--ink: #0f172a;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--border: #e2e8f0;--surface: #ffffff;--canvas: #f8fafc;--text: var(--ink);--muted: var(--slate-600);--faint: var(--slate-400);--bg: var(--canvas);--surface-2: #f1f5f9;--surface-hover: #f8fafc;--border-strong: #cbd5e1;--primary: var(--teal-600);--primary-hover: var(--teal-700);--primary-ink: var(--teal-700);--accent: var(--amber-500);--on-primary: #ffffff;--st-synced-fg: #059669;--st-synced-bg: #ecfdf5;--st-queued-fg: #64748b;--st-queued-bg: #f1f5f9;--st-syncing-fg: #0d9488;--st-syncing-bg: #f0fdfa;--st-duplicate-fg: #7c3aed;--st-duplicate-bg: #f5f3ff;--st-failed-fg: #dc2626;--st-failed-bg: #fef2f2;--st-warning-fg: #d97706;--st-warning-bg: #fffbeb;--chart-teal: #059669;--chart-amber: #f59e0b;--chart-violet: #7c3aed;--chart-grid: #e2e8f0;--chart-axis: #64748b;--chart-fill-teal: rgba(5, 150, 105, .14);--radius-card: 16px;--radius-control: 12px;--radius-pill: 999px;--radius-sm: 9px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 14px rgba(15, 23, 42, .08), 0 2px 6px rgba(15, 23, 42, .05);--shadow-lg: 0 20px 48px rgba(15, 23, 42, .2);--ring: 0 0 0 3px rgba(5, 150, 105, .22);--ring-amber: 0 0 0 4px rgba(245, 158, 11, .18);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sidebar-w: 250px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;font-family:var(--font);color-scheme:light;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ink: #e2e8f0;--slate-600: #94a3b8;--slate-500: #94a3b8;--slate-400: #64748b;--border: #1e293b;--surface: #111a2e;--canvas: #0b1220;--muted: #94a3b8;--faint: #64748b;--surface-2: #1b2740;--surface-hover: #17233c;--border-strong: #334155;--primary: #10b981;--primary-hover: #34d399;--primary-ink: #6ee7b7;--teal-50: rgba(16, 185, 129, .1);--teal-100: rgba(16, 185, 129, .18);--st-synced-fg: #34d399;--st-synced-bg: rgba(5, 150, 105, .16);--st-queued-fg: #94a3b8;--st-queued-bg: rgba(100, 116, 139, .18);--st-syncing-fg: #2dd4bf;--st-syncing-bg: rgba(13, 148, 136, .18);--st-duplicate-fg: #a78bfa;--st-duplicate-bg: rgba(124, 58, 237, .2);--st-failed-fg: #f87171;--st-failed-bg: rgba(220, 38, 38, .18);--st-warning-fg: #fbbf24;--st-warning-bg: rgba(217, 119, 6, .18);--chart-teal: #10b981;--chart-amber: #f59e0b;--chart-violet: #a78bfa;--chart-grid: #1e293b;--chart-axis: #94a3b8;--chart-fill-teal: rgba(16, 185, 129, .16);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 56px rgba(0, 0, 0, .55);--ring: 0 0 0 3px rgba(16, 185, 129, .32);color-scheme:dark}}:root[data-theme=dark]{--ink: #e2e8f0;--slate-600: #94a3b8;--slate-500: #94a3b8;--slate-400: #64748b;--border: #1e293b;--surface: #111a2e;--canvas: #0b1220;--muted: #94a3b8;--faint: #64748b;--surface-2: #1b2740;--surface-hover: #17233c;--border-strong: #334155;--primary: #10b981;--primary-hover: #34d399;--primary-ink: #6ee7b7;--teal-50: rgba(16, 185, 129, .1);--teal-100: rgba(16, 185, 129, .18);--st-synced-fg: #34d399;--st-synced-bg: rgba(5, 150, 105, .16);--st-queued-fg: #94a3b8;--st-queued-bg: rgba(100, 116, 139, .18);--st-syncing-fg: #2dd4bf;--st-syncing-bg: rgba(13, 148, 136, .18);--st-duplicate-fg: #a78bfa;--st-duplicate-bg: rgba(124, 58, 237, .2);--st-failed-fg: #f87171;--st-failed-bg: rgba(220, 38, 38, .18);--st-warning-fg: #fbbf24;--st-warning-bg: rgba(217, 119, 6, .18);--chart-teal: #10b981;--chart-amber: #f59e0b;--chart-violet: #a78bfa;--chart-grid: #1e293b;--chart-axis: #94a3b8;--chart-fill-teal: rgba(16, 185, 129, .16);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 56px rgba(0, 0, 0, .55);--ring: 0 0 0 3px rgba(16, 185, 129, .32);color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;font-weight:400;line-height:1.5}h1,h2,h3,h4,h5{margin:0;font-weight:700;letter-spacing:-.01em;color:var(--text)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.num,.tabular{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:13px}.nowrap{white-space:nowrap}.icon{flex:none;display:inline-block;vertical-align:middle}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:9px 15px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--radius-control);cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .05s ease}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn .icon{margin:-1px 0}.btn-sm{padding:7px 11px;font-size:13px;border-radius:10px}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary);box-shadow:0 1px 2px #05966959}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-accent{background:var(--amber-500);border-color:var(--amber-500);color:#3b2600}.btn-accent:hover:not(:disabled){background:var(--amber-600);border-color:var(--amber-600);color:#fff}.btn-danger{color:var(--st-failed-fg);border-color:color-mix(in srgb,var(--st-failed-fg) 45%,transparent)}.btn-danger:hover:not(:disabled){background:var(--st-failed-bg);border-color:var(--st-failed-fg)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-block{width:100%}.btn-row{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted);cursor:pointer;padding:8px;border-radius:10px;transition:background .15s ease,color .15s ease}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn:focus-visible{outline:none;box-shadow:var(--ring)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span{font-size:12.5px;font-weight:600;color:var(--muted)}.field input,.field select,.inline-field select,.input{width:100%;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface);color:var(--text);font-size:14px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder{color:var(--faint)}.field input:focus,.field select:focus,.inline-field select:focus,.input:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.field-grow{flex:1 1 240px}.input-icon{position:relative;display:flex;align-items:center}.input-icon>.icon{position:absolute;left:12px;color:var(--faint);pointer-events:none}.input-icon input{padding-left:38px}.inline-field{display:inline-flex;align-items:center;gap:var(--sp-2)}.inline-field select{width:auto}.checkbox{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:14px;cursor:pointer}.checkbox input{width:17px;height:17px;accent-color:var(--primary)}.form{display:flex;flex-direction:column;gap:var(--sp-4)}.form-actions{display:flex;justify-content:flex-end;gap:var(--sp-2);margin-top:var(--sp-1)}.login-screen{min-height:100%;display:grid;place-items:center;padding:var(--sp-6);background:radial-gradient(1100px 620px at 12% -8%,var(--teal-50),transparent 60%),radial-gradient(900px 520px at 108% 6%,rgba(245,158,11,.12),transparent 55%),var(--canvas)}.login-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);padding:30px 28px;display:flex;flex-direction:column;gap:var(--sp-4)}.login-head{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);text-align:center;margin-bottom:var(--sp-1)}.login-head h1{font-size:21px}.login-head p{margin:4px 0 0;color:var(--muted);font-size:14px}.login-hint{text-align:center;color:var(--muted);font-size:12.5px;margin:0}.logo{display:inline-flex;align-items:center;gap:11px;min-width:0}.brand-mark{flex:none;box-shadow:0 2px 6px #0478574d}.logo-text{display:flex;flex-direction:column;line-height:1.1;min-width:0}.logo-eyebrow{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.logo-wordmark{font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.logo-kyc{color:var(--primary)}.app{display:flex;min-height:100%}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);z-index:40;display:flex;flex-direction:column;gap:var(--sp-2);padding:18px 14px;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto}.sidebar-brand{padding:6px 8px 14px;margin-bottom:2px;border-bottom:1px solid var(--border)}.sidebar-nav{display:flex;flex-direction:column;gap:3px;flex:1;padding-top:var(--sp-2)}.nav-label{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);padding:10px 12px 4px}.nav-item{display:flex;align-items:center;gap:11px;border:none;background:transparent;color:var(--muted);font-family:inherit;font-size:14.5px;font-weight:550;text-align:left;padding:10px 12px;border-radius:var(--radius-control);cursor:pointer;transition:background .15s ease,color .15s ease}.nav-item .icon{color:var(--faint);transition:color .15s ease}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item:hover .icon{color:var(--muted)}.nav-item:focus-visible{outline:none;box-shadow:var(--ring)}.nav-item.active{background:var(--teal-50);color:var(--primary-ink);font-weight:650}.nav-item.active .icon{color:var(--primary)}.sidebar-foot{border-top:1px solid var(--border);padding-top:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.user-chip{display:flex;align-items:center;gap:10px;padding:4px 6px;min-width:0}.avatar{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--teal-100);color:var(--primary-ink);font-weight:700;font-size:13px}.user-meta{display:flex;flex-direction:column;min-width:0;line-height:1.25}.user-name{font-weight:650;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-sub{font-size:12px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{flex:1;min-width:0;margin-left:var(--sidebar-w);display:flex;flex-direction:column}.topbar-mobile{display:none;position:sticky;top:0;z-index:30;align-items:center;gap:var(--sp-3);height:58px;padding:0 var(--sp-4);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--border)}.sidebar-backdrop{display:none}.content{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:28px}.page{display:flex;flex-direction:column;gap:var(--sp-5)}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.page-head h2{font-size:24px}.page-title-wrap{display:flex;flex-direction:column;gap:3px}.section-note{margin:0;font-size:13px;color:var(--muted);max-width:68ch}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--sp-4)}.kpi-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;transition:box-shadow .15s ease,transform .15s ease}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-chip{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--teal-50);color:var(--primary)}.kpi-chip.tone-amber{background:var(--st-warning-bg);color:var(--amber-600)}.kpi-chip.tone-violet{background:var(--st-duplicate-bg);color:var(--st-duplicate-fg)}.kpi-chip.tone-emerald{background:var(--st-synced-bg);color:var(--st-synced-fg)}.kpi-value{font-size:30px;font-weight:700;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi-label{color:var(--muted);font-size:13.5px;font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:18px 20px;box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-4)}.card-head h3{font-size:15.5px;font-weight:650;display:inline-flex;align-items:center;gap:8px}.card-head h3 .icon{color:var(--faint)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--sp-4)}.chart{width:100%}.chart-empty{height:200px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:var(--faint)}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px}.seg{border:none;background:transparent;padding:5px 12px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;color:var(--muted);border-radius:8px;transition:background .15s ease,color .15s ease}.seg:hover{color:var(--text)}.seg.active{background:var(--surface);color:var(--primary-ink);box-shadow:var(--shadow-sm)}.u-legend{font-family:var(--font)!important;font-size:12.5px;color:var(--muted);margin-top:6px}.u-legend .u-marker{border-radius:3px}.u-legend .u-value{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}.data-table th,.data-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table thead th{position:sticky;top:0;z-index:1;background:var(--surface-2);font-weight:650;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--surface-2) 45%,transparent)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover td{background:var(--teal-50)}.row-actions{display:flex;gap:6px}.cell-primary{font-weight:600;color:var(--text)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.pagination-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.page-indicator{font-size:13px;color:var(--muted);padding:0 var(--sp-2);font-variant-numeric:tabular-nums}.filters{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:flex-end;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px 18px;box-shadow:var(--shadow-sm)}.filter-actions{display:flex;gap:var(--sp-2);align-items:flex-end;margin-left:auto}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px 3px 8px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}.pill .pill-icon{margin:0}.pill-synced{background:var(--st-synced-bg);color:var(--st-synced-fg)}.pill-queued{background:var(--st-queued-bg);color:var(--st-queued-fg)}.pill-syncing{background:var(--st-syncing-bg);color:var(--st-syncing-fg)}.pill-duplicate{background:var(--st-duplicate-bg);color:var(--st-duplicate-fg)}.pill-failed{background:var(--st-failed-bg);color:var(--st-failed-fg)}.pill-warning{background:var(--st-warning-bg);color:var(--st-warning-fg)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);flex-wrap:wrap}.tab{display:inline-flex;align-items:center;gap:7px;border:none;background:transparent;padding:11px 14px;font-size:14px;font-family:inherit;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease}.tab .icon{color:var(--faint)}.tab:hover{color:var(--text)}.tab.active{color:var(--primary-ink);border-bottom-color:var(--primary)}.tab.active .icon{color:var(--primary)}.tab-panel{padding-top:var(--sp-5)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-4)}.spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:40px;justify-content:center;color:var(--muted)}.spinner{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:15px;height:15px;border-width:2px;display:inline-block;vertical-align:-2px}.btn-primary .spinner-sm{border-color:#fff6;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{position:relative;overflow:hidden;background:var(--surface-2);border-radius:8px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface) 60%,transparent),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-card{height:96px;border-radius:var(--radius-card)}.skeleton-line{height:12px;border-radius:6px}.empty-state{padding:52px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-card)}.empty-icon{width:56px;height:56px;border-radius:var(--radius-pill);display:grid;place-items:center;background:var(--teal-50);color:var(--primary)}.empty-state p{margin:0;color:var(--muted);font-size:14px;max-width:42ch}.errorbox{display:flex;align-items:center;gap:var(--sp-3);background:var(--st-failed-bg);border:1px solid color-mix(in srgb,var(--st-failed-fg) 35%,transparent);color:var(--st-failed-fg);padding:13px 15px;border-radius:var(--radius-control);font-size:13.5px;font-weight:500}.errorbox .icon{flex:none}.errorbox span{flex:1}.errorbox .btn{color:inherit;border-color:currentColor;background:transparent}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:var(--sp-5);z-index:60;animation:fade .15s ease}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);width:100%;max-width:460px;max-height:90vh;overflow:auto;animation:pop .16s ease-out}@keyframes pop{0%{transform:translateY(8px) scale(.98);opacity:.6}}.modal-wide{max-width:640px}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:16px 18px;border-bottom:1px solid var(--border)}.modal-head h3{font-size:16.5px;display:inline-flex;align-items:center;gap:9px}.modal-body{padding:20px 18px}.warn-box{display:flex;align-items:flex-start;gap:10px;background:var(--st-warning-bg);border:1px solid color-mix(in srgb,var(--st-warning-fg) 35%,transparent);color:var(--st-warning-fg);padding:12px 14px;border-radius:var(--radius-control);font-size:13px;line-height:1.45}.warn-box .icon{flex:none;margin-top:1px}.key-reveal{display:flex;align-items:stretch;gap:var(--sp-2)}.key-value{flex:1;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-control);padding:11px 12px;font-size:13px;word-break:break-all;color:var(--text)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1200;display:flex;justify-content:flex-end;animation:fade .15s ease}.drawer{width:100%;max-width:540px;background:var(--canvas);height:100%;overflow:auto;box-shadow:var(--shadow-lg);animation:slidein .2s cubic-bezier(.22,1,.36,1)}@keyframes slidein{0%{transform:translate(32px);opacity:.5}}.drawer-dock{display:flex;flex:0 0 clamp(360px,34%,480px);min-width:0;height:100%;position:relative;z-index:1200}.drawer-dock .drawer{max-width:none;border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}.drawer-head{position:sticky;top:0;background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px);display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--border);z-index:2}.drawer-head h3{font-size:15px;display:inline-flex;align-items:center;gap:8px}.drawer-body{padding:18px;display:flex;flex-direction:column;gap:var(--sp-5)}.drawer-title{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px;box-shadow:var(--shadow-sm)}.drawer-title .avatar{width:44px;height:44px;border-radius:12px;font-size:16px}.drawer-title-text{display:flex;flex-direction:column;gap:3px;min-width:0}.drawer-title h4{font-size:18px}.drawer-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin-bottom:8px;display:inline-flex;align-items:center;gap:7px}.detail-grid{margin:0;display:grid;grid-template-columns:1fr;border:1px solid var(--border);border-radius:var(--radius-control);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm)}.detail-row{display:grid;grid-template-columns:40% 60%;gap:10px;padding:10px 13px;border-bottom:1px solid var(--border);align-items:center}.detail-row:last-child{border-bottom:none}.detail-row dt{color:var(--muted);font-size:13px}.detail-row dd{margin:0;display:flex;align-items:center;gap:8px;min-width:0}.detail-row dd>span{min-width:0;overflow-wrap:anywhere}.detail-row dd .copy-btn{margin-left:auto}.copy-btn{flex:none;border:none;background:transparent;color:var(--faint);cursor:pointer;padding:4px;border-radius:7px;display:inline-flex;transition:background .15s ease,color .15s ease}.copy-btn:hover{background:var(--teal-50);color:var(--primary)}.copy-btn:focus-visible{outline:none;box-shadow:var(--ring)}.copy-btn.done{color:var(--st-synced-fg)}.drawer-map{border-radius:var(--radius-control);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--sp-3)}.photo{margin:0;border:1px solid var(--border);border-radius:var(--radius-control);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm)}.photo-caption{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--border)}.photo img{display:block;width:100%;height:auto}.photo-loading,.photo-error{padding:28px;text-align:center;font-size:13px;color:var(--muted)}.photo-none{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 12px;font-size:13px;color:var(--muted);background:repeating-linear-gradient(45deg,transparent,transparent 7px,color-mix(in srgb,var(--border) 45%,transparent) 7px,color-mix(in srgb,var(--border) 45%,transparent) 8px)}.photo-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.photo-open:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.photo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-4);background:#0f172ad1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .15s ease;cursor:zoom-out}.photo-lightbox img{max-width:min(1100px,94vw);max-height:82vh;object-fit:contain;border-radius:var(--radius-card);box-shadow:0 18px 50px #00000073;background:#fff;cursor:default}.photo-lightbox-label{font-size:13px;font-weight:600;color:#fff}.photo-lightbox-close{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff1f;color:#fff;cursor:pointer}.photo-lightbox-close:hover{background:#ffffff38}.page-map{height:calc(100vh - 130px)}.map-split{flex:1;min-height:0;display:flex;align-items:stretch;gap:var(--sp-4)}.map-container{flex:1;min-width:0;min-height:440px;border-radius:var(--radius-card);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.minimap{height:230px;width:100%}.map-popup{display:flex;flex-direction:column;gap:7px;min-width:170px;font-family:var(--font)}.map-popup strong{font-size:14px;color:var(--ink)}.map-popup-meta{color:var(--slate-600);font-size:12px}.brand-pin{filter:drop-shadow(0 2px 3px rgba(15,23,42,.35))}.leaflet-container{font-family:var(--font);background:var(--surface-2)}.marker-cluster-small,.marker-cluster-medium,.marker-cluster-large{background:#05966940}.marker-cluster-small div,.marker-cluster-medium div,.marker-cluster-large div{background:var(--teal-600);color:#fff;font-family:var(--font);font-weight:700}.marker-cluster.cluster-ok{background:#05966940}.marker-cluster.cluster-ok div{background:#059669}.marker-cluster.cluster-warning{background:#d9770647}.marker-cluster.cluster-warning div{background:#d97706}.marker-cluster.cluster-critical{background:#dc262647}.marker-cluster.cluster-critical div{background:#dc2626}.map-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:13px;color:var(--slate-600)}.map-legend span{display:inline-flex;align-items:center;gap:6px}.map-legend .dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot-critical{background:#dc2626}.dot-warning{background:#d97706}.dot-ok{background:#059669}.map-popup-issues{margin:6px 0 8px;max-width:240px}.toaster{position:fixed;bottom:20px;right:20px;z-index:80;display:flex;flex-direction:column;gap:var(--sp-2);max-width:380px}.toast{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-control);background:var(--surface);border:1px solid var(--border);border-left-width:4px;color:var(--text);box-shadow:var(--shadow-lg);font-size:13.5px;font-weight:500;cursor:pointer;animation:toastin .2s ease-out}@keyframes toastin{0%{transform:translateY(8px);opacity:0}}.toast .toast-icon{flex:none}.toast span{flex:1}.toast-success{border-left-color:var(--st-synced-fg)}.toast-success .toast-icon{color:var(--st-synced-fg)}.toast-error{border-left-color:var(--st-failed-fg)}.toast-error .toast-icon{color:var(--st-failed-fg)}.toast-info{border-left-color:var(--primary)}.toast-info .toast-icon{color:var(--primary)}.toast-close{border:none;background:transparent;color:var(--faint);cursor:pointer;padding:2px;display:inline-flex;border-radius:6px}.toast-close:hover{color:var(--text)}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--shadow-lg);width:min(84vw,300px)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .15s ease}.main{margin-left:0}.topbar-mobile{display:flex}.content{padding:18px 16px}.page-head h2{font-size:21px}.filter-actions{margin-left:0}.drawer-dock{position:fixed;top:0;right:0;bottom:0;left:0;flex:none;width:100%;height:100%}.drawer-dock .drawer{border:0;border-radius:0}.detail-row{grid-template-columns:1fr;gap:3px}.detail-row dd .copy-btn{margin-left:0}}@media(max-width:420px){.content{padding:14px 12px}.kpi-grid{grid-template-columns:1fr 1fr;gap:var(--sp-3)}.kpi-value{font-size:25px}.page-head h2{font-size:19px}}@media(prefers-reduced-motion:reduce){*,*:after,*:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.kpi-chip.tone-red{background:var(--st-failed-bg);color:var(--st-failed-fg)}.q-table td{vertical-align:middle}.q-group td{background:var(--surface-2)!important;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:8px;padding-bottom:8px}.q-zero{opacity:.55}.q-zero.clickable{cursor:default}.q-barcol{min-width:170px;white-space:nowrap}.q-bar{display:inline-block;width:110px;height:7px;border-radius:4px;background:var(--surface-2);overflow:hidden;vertical-align:middle;margin-right:8px}.q-bar i{display:block;height:100%;border-radius:4px}.q-bar i.q-critical{background:var(--st-failed-fg)}.q-bar i.q-warning{background:var(--st-warning-fg)}.q-bar i.q-info{background:var(--slate-400)}.q-link{display:inline-flex;align-items:center;gap:2px;color:var(--primary-ink);font-weight:600;font-size:12.5px}.q-ok{color:var(--st-synced-fg)}.q-tags{display:flex;flex-wrap:wrap;gap:4px;max-width:420px}.q-tag{font-size:11px;font-weight:600;padding:1px 7px;border-radius:var(--radius-pill);white-space:nowrap}.q-tag.q-critical{background:var(--st-failed-bg);color:var(--st-failed-fg)}.q-tag.q-warning{background:var(--st-warning-bg);color:var(--st-warning-fg)}.q-tag.q-info{background:var(--st-queued-bg);color:var(--st-queued-fg)}.q-filters{margin-bottom:12px}.edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.edit-grid .span-2{grid-column:1 / -1}.edit-sub{margin:6px 0 -4px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.field-flag>span{color:var(--st-failed-fg)}.field-flag input,.field-flag select{border-color:var(--st-failed-fg)!important;background:var(--st-failed-bg)}.field-changed input,.field-changed select{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--teal-100)}.form-error{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;background:var(--st-failed-bg);color:var(--st-failed-fg);font-size:13px;font-weight:600}.edit-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.edit-log li{padding:7px 9px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);overflow-wrap:anywhere}.q-fix{padding:2px 8px}@media(max-width:640px){.edit-grid{grid-template-columns:1fr}}.kf-kpi{text-align:left;border:1px solid var(--border);cursor:pointer;font:inherit;color:inherit}.kf-kpi:disabled{cursor:default}.kf-kpi.kf-bad .kpi-value{color:var(--st-failed-fg)}.kf-kpi.kf-warn .kpi-value{color:var(--st-warning-fg)}.kf-kpi.kf-good .kpi-value{color:var(--st-synced-fg)}.kf-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--sp-4);margin:var(--sp-4) 0}.kf-bars{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}.kf-bars li{display:grid;grid-template-columns:minmax(90px,160px) 1fr 56px;align-items:center;gap:var(--sp-2)}.kf-bar-label{text-transform:capitalize;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kf-bar{height:8px;background:var(--surface-2);border-radius:var(--radius-pill);overflow:hidden}.kf-bar i{display:block;height:100%;background:var(--primary);border-radius:var(--radius-pill)}.kf-filters{flex-wrap:wrap}.kf-filters select,.kf-filters input{min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit}.kf-msg{max-width:420px;overflow-wrap:anywhere}.kf-errlist,.kf-corrs{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3)}.kf-errlist li,.kf-corr{padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.kf-corr-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-1)}.kf-badges{display:inline-flex;flex-wrap:wrap;gap:var(--sp-1)}.kf-diff{margin:var(--sp-1) 0;padding-left:var(--sp-4)}.kf-diff s{color:var(--muted)}.kf-err{color:var(--st-failed-fg)}.kf-result{border-color:var(--primary)}.kf-proposed{background:var(--surface-2);padding:var(--sp-3);border-radius:var(--radius-sm);margin:var(--sp-3) 0}.kf-check.ok{color:var(--st-synced-fg);display:flex;gap:var(--sp-2);align-items:center;margin:var(--sp-2) 0}.kf-tabs{flex-wrap:wrap;margin-bottom:var(--sp-3)}.field textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--text);font:inherit;resize:vertical}.card{margin-bottom:var(--sp-4)}details summary{cursor:pointer;margin-top:var(--sp-3)}@media(max-width:640px){.kf-bars li{grid-template-columns:90px 1fr 44px}.kf-msg{max-width:220px}}.card{min-width:0;overflow-wrap:anywhere}.detail-row dd{display:block;overflow-wrap:anywhere}.kf-back{align-self:flex-start;margin-left:-8px}.content{min-width:0}@media(max-width:640px){.content{padding:16px}}.kf-sev-tiles{margin-bottom:12px}.kf-kpi.kf-active{outline:2px solid var(--teal-600, #0d9488);outline-offset:-2px}.kf-photofix{display:flex;flex-direction:column;gap:8px}.kf-gpsfix{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.kf-ok{color:var(--st-synced-fg);font-weight:600}.kf-boxform{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:end}.kf-boxform .form-actions{grid-column:1 / -1}.kf-addmeter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.kf-addmeter input{flex:1 1 220px;min-width:0}.kf-input-scan{display:flex;gap:6px;align-items:center}.kf-input-scan input{flex:1 1 auto;min-width:0}.kf-scan-btn{white-space:nowrap}.kf-scan-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:90;padding:16px}.kf-scan{background:var(--surface);border-radius:var(--radius, 12px);padding:14px;width:min(480px,100%);display:grid;gap:10px}.kf-scan-head{display:flex;justify-content:space-between;align-items:center}.kf-scan-view{position:relative;border-radius:10px;overflow:hidden;background:#000;aspect-ratio:4 / 3}.kf-scan-view video{width:100%;height:100%;object-fit:cover;display:block}.kf-scan-frame{position:absolute;left:10%;right:10%;top:30%;bottom:30%;border:3px solid rgba(255,255,255,.85);border-radius:8px;box-shadow:0 0 0 9999px #00000040}