:root{--navy:#1a1a2e;--indigo:#6366f1;--indigo-hover:#4f46e5;--indigo-light:#a5b4fc;--indigo-faint:#6366f11a;--page-bg:#e5e7eb;--white:#fff;--border:#e5e7eb;--border-light:#f3f4f6;--border-input:#d1d5db;--text:#374151;--text-muted:#6b7280;--text-faint:#9ca3af;--success:#16a34a;--error:#dc2626;--warning:#d97706}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--page-bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14.5px}a{color:inherit;text-decoration:none}.mono{font-family:ui-monospace,Menlo,monospace}.ck-header{background:var(--white);border-bottom:3px solid var(--navy);align-items:center;gap:14px;height:92px;padding:0 40px;display:flex;box-shadow:0 2px 12px #0000001a}.ck-header img.logo{height:64px}.ck-header .divider{color:#cbd5e1;font-size:26px;font-weight:200}.ck-header .app-tag{color:var(--navy);letter-spacing:.01em;font-size:19px;font-weight:700}.ck-header .spacer{flex:1}.ck-header .whoami{color:var(--text-muted);text-align:right;font-size:13px;line-height:1.5}.ck-header .whoami b{color:var(--navy)}.tabs{background:var(--white);border-bottom:1px solid var(--border);padding:0 40px;display:flex;overflow-x:auto}.tab{color:var(--text-muted);white-space:nowrap;cursor:pointer;border-bottom:3px solid #0000;padding:14px 22px;font-size:15px;font-weight:500}.tab.active{color:var(--indigo);border-bottom-color:var(--indigo)}.tab:hover{color:var(--navy)}.pane{max-width:1680px;margin:0 auto;padding:26px 40px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:860px){.grid-2{grid-template-columns:1fr}.pane{padding:16px}.ck-header{padding:0 16px}.tabs{padding:0 8px}}.metrics{flex-wrap:wrap;gap:15px;margin-bottom:20px;display:flex}.metric{background:var(--white);border:1px solid var(--border-input);border-top:4px solid var(--indigo);border-radius:10px;flex:1;min-width:155px;padding:16px 22px;box-shadow:0 1px 3px #00000012}.metric.red{border-top-color:#ef4444}.metric.amber{border-top-color:#f59e0b}.metric.blue{border-top-color:#3b82f6}.metric.green{border-top-color:#10b981}.metric.cyan{border-top-color:#06b6d4}.metric .label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:600}.metric .value{color:var(--navy);font-size:28px;font-weight:700}.metric .sub{color:var(--text-muted);margin-top:2px;font-size:12px}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 17px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--indigo);color:#fff}.btn-primary:hover{background:var(--indigo-hover)}.btn-primary:disabled{background:var(--indigo-light);cursor:not-allowed}.btn-secondary{background:var(--white);color:var(--text);border:1px solid var(--border-input)}.btn-secondary:hover{background:var(--border-light)}.btn-danger{color:var(--error);background:#fff;border:1px solid #fecaca}.btn-danger:hover{background:#fef2f2}.btn-sm{border-radius:5px;padding:4px 10px;font-size:12px;font-weight:500}.check-row{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.check-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--indigo)}input,select,textarea{border:1px solid var(--border-input);background:var(--white);color:var(--text);border-radius:6px;min-height:36px;padding:8px 11px;font-family:inherit;font-size:13px}select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:32px}input[type=date]{appearance:none}input[type=checkbox]{min-height:0}input:focus,select:focus,textarea:focus{border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-faint);outline:none}label.field{display:block}label.field span.lbl{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:5px;font-size:11px;font-weight:600;display:block}label.field input,label.field select,label.field textarea{width:100%}.card{background:var(--white);border:1px solid var(--border-input);border-radius:10px;margin-bottom:16px;padding:16px 18px;box-shadow:0 1px 3px #00000012}.card h3{color:var(--navy);margin-bottom:12px;font-size:15px;font-weight:700}.card h3 .hint{color:var(--text-muted);margin-left:6px;font-size:11px;font-weight:400}.table-wrap{background:var(--white);border:1px solid var(--border-input);border-radius:10px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px #00000012}.scroll-x{overflow-x:auto}.tbl-min{min-width:760px}table{border-collapse:collapse;width:100%;font-size:13.5px}thead th{color:var(--text);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;background:#f9fafb;padding:11px 14px;font-weight:600}tbody td{border-bottom:1px solid var(--border-light);color:var(--text);padding:10px 14px}tbody tr:nth-child(2n){background:#ebedf1}tbody tr:hover{background:#dfe3ea}.pill{border-radius:12px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.pill-green{color:#15803d;background:#dcfce7}.pill-red{color:#b91c1c;background:#fee2e2}.pill-amber{color:#92400e;background:#fef9c3}.pill-grey{color:#6b7280;background:#f3f4f6}.pill-blue{color:#1d4ed8;background:#dbeafe}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.toolbar .spacer{flex:1}.preset{border:1px solid var(--border-input);background:var(--white);color:var(--text);cursor:pointer;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500}.preset:hover{border-color:var(--indigo);color:var(--indigo)}.preset.active{background:var(--indigo);color:#fff;border-color:var(--indigo)}#toast{background:var(--navy);color:#fff;z-index:100;opacity:0;pointer-events:none;border-radius:8px;padding:12px 20px;font-size:13px;transition:opacity .25s;position:fixed;bottom:24px;right:24px}#toast.show{opacity:1}.login-wrap{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--white);border:1px solid var(--border-input);border-top:4px solid var(--indigo);border-radius:12px;width:380px;max-width:92vw;padding:36px;box-shadow:0 4px 24px #00000014}.login-card img{height:54px;margin:0 auto 8px;display:block}.login-card h1{color:var(--navy);text-align:center;margin-bottom:22px;font-size:17px;font-weight:700}.login-card form{flex-direction:column;gap:14px;display:flex}.err{color:var(--error);font-size:12.5px}.empty{color:var(--text-faint);text-align:center;padding:24px;font-size:13px}