:root{--bg-0:#fff;--bg-1:#f8fcfd;--bg-2:#eef8fa;--bg-3:#ddf2f6;--cyan:#28c3e3;--cyan-dark:#1caac8;--cyan-xdark:#147a93;--cyan-light:#ebf9fc;--cyan-mid:#a8e5f3;--navy:#08085e;--navy-mid:#12126e;--navy-soft:#e8e8f7;--navy-muted:#6a6aaa;--coral:#f05a78;--coral-dim:#fef0f3;--n-900:#0a0f14;--n-800:#14202a;--n-700:#1e2e3a;--n-600:#2e4050;--n-500:#4a5e6e;--n-400:#6b8090;--n-300:#92a8b5;--n-200:#c4d4da;--n-100:#e0eaed;--n-50:#f3f8fa;--t-primary:#0a0f14;--t-secondary:#2e4050;--t-muted:#6b8090;--t-disabled:#92a8b5;--t-brand:#1caac8;--t-navy:#08085e;--t-on-brand:#fff;--b-subtle:#d6edf2;--b-default:#b8d8e0;--b-strong:#8bbecb;--b-brand:#28c3e3;--b-navy:#08085e;--s-success:#0f7b45;--s-success-bg:#d6f5e5;--s-warning:#8a6000;--s-warning-bg:#fff4c2;--s-danger:#c41e2a;--s-danger-bg:#fdecea;--s-info:#0861c4;--s-info-bg:#dcf0ff;--f-ui:"Inter",-apple-system,system-ui,sans-serif;--f-thai:"Kanit","Inter",sans-serif;--f-mono:"JetBrains Mono","SF Mono",monospace;--r-2:2px;--r-4:4px;--r-6:6px;--r-8:8px;--r-12:12px;--r-16:16px;--sh-xs:0 1px 2px rgba(8,135,160,.06);--sh-sm:0 1px 4px rgba(8,135,160,.08),0 1px 2px rgba(8,135,160,.04);--sh-md:0 4px 12px rgba(8,135,160,.1),0 1px 3px rgba(8,135,160,.05);--sh-brand:0 0 0 3px rgba(40,195,227,.18);--seg-champions:#08085e;--seg-potential:#1caac8;--seg-new:#0f7b45;--seg-loyal:#2e75b6;--seg-attention:#8a6000;--seg-sleep:#b58900;--seg-atrisk:#c46500;--seg-hibernate:#dd8a55;--seg-lost:#c41e2a}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:14px}body{font-family:var(--f-thai);background:var(--bg-1);color:var(--t-primary);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--t-brand);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--f-mono);font-size:12px;color:var(--t-secondary)}.app-shell{min-height:100vh}.sidebar{position:fixed;top:0;left:0;width:220px;height:100vh;background:var(--bg-0);border-right:1px solid var(--b-subtle);display:flex;flex-direction:column;overflow-y:auto}.sidebar-brand{padding:16px 16px 12px;border-bottom:1px solid var(--b-subtle)}.sidebar-logo{font-size:16px;font-weight:700;color:var(--t-navy);letter-spacing:.4px}.sidebar-tag{font-size:10px;color:var(--t-muted);margin-top:2px}.sidebar-section{padding:10px 16px 4px;font-size:10px;color:var(--t-disabled);text-transform:uppercase;letter-spacing:.08em}.nav-link{display:flex;align-items:center;gap:8px;padding:8px 16px;color:var(--t-secondary);font-size:13px;border-left:3px solid transparent;cursor:pointer}.nav-link:hover{background:var(--bg-2);color:var(--t-primary)}.nav-link.active{background:var(--bg-2);color:var(--t-brand);border-left-color:var(--b-brand);font-weight:600}.nav-link .icon{width:16px;text-align:center;font-size:12px;color:var(--t-muted)}.main-wrap{margin-left:220px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:48px;background:var(--bg-0);border-bottom:1px solid var(--b-subtle);justify-content:space-between;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar,.topbar-path{display:flex;align-items:center}.topbar-path{gap:6px;font-size:12px;color:var(--t-muted)}.topbar-page{color:var(--t-secondary);font-weight:600}.topbar-right{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--t-muted)}.user-pill{padding:4px 10px;border:1px solid var(--b-subtle);border-radius:var(--r-6);background:var(--bg-1);white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis}.auth-shell,.page{padding:20px}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-1)}.auth-card{width:100%;max-width:380px}.auth-title{font-size:18px;font-weight:700;color:var(--t-navy);margin-bottom:4px}.auth-sub{font-size:13px;color:var(--t-muted);margin-bottom:16px}.field-label{display:block;font-size:12px;color:var(--t-secondary);font-weight:600;margin-bottom:4px;margin-top:10px}.card{background:var(--bg-0);border:1px solid var(--b-subtle);border-radius:var(--r-12);padding:20px;box-shadow:var(--sh-sm)}.card-title{font-size:14px;font-weight:700;color:var(--t-navy);margin-bottom:12px}.card-sub{font-size:12px;color:var(--t-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px;border:1px solid transparent;border-radius:var(--r-6);font-family:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;background:transparent;color:var(--t-primary);transition:background .12s ease,border-color .12s ease,color .12s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:26px;padding:0 10px;font-size:12px}.btn-lg{height:40px;padding:0 18px;font-size:14px}.btn-primary{background:var(--cyan);color:var(--t-on-brand);border-color:var(--cyan)}.btn-primary:not(:disabled):hover{background:var(--cyan-dark);border-color:var(--cyan-dark)}.btn-navy{background:var(--navy);color:var(--t-on-brand);border-color:var(--navy)}.btn-navy:not(:disabled):hover{background:var(--navy-mid)}.btn-outline{background:var(--bg-0);border-color:var(--b-default);color:var(--t-secondary)}.btn-outline:not(:disabled):hover{background:var(--bg-2);border-color:var(--b-strong);color:var(--t-primary)}.btn-ghost{background:transparent;color:var(--t-secondary)}.btn-ghost:not(:disabled):hover{background:var(--bg-2);color:var(--t-primary)}.btn-danger{background:var(--s-danger);color:var(--t-on-brand);border-color:var(--s-danger)}.btn-danger:not(:disabled):hover{background:#a21520}.input,.select,.textarea{display:block;width:100%;height:34px;padding:0 10px;border:1px solid var(--b-default);border-radius:var(--r-6);background:var(--bg-0);color:var(--t-primary);font-family:inherit;font-size:13px}.textarea{height:auto;min-height:80px;padding:8px 10px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--b-brand);box-shadow:var(--sh-brand)}.input::placeholder,.textarea::placeholder{color:var(--t-disabled)}.alert{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--r-6);border-left:3px solid;font-size:13px;margin-top:12px}.alert-info{background:var(--s-info-bg);border-left-color:var(--s-info);color:var(--s-info)}.alert-success{background:var(--s-success-bg);border-left-color:var(--s-success);color:var(--s-success)}.alert-warning{background:var(--s-warning-bg);border-left-color:var(--s-warning);color:var(--s-warning)}.alert-danger{background:var(--s-danger-bg);border-left-color:var(--s-danger);color:var(--s-danger)}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.kpi-cell{background:var(--bg-0);border-radius:var(--r-8);border:1px solid var(--b-subtle);border-top:3px solid var(--b-default);padding:12px 14px;box-shadow:var(--sh-xs)}.kpi-cell.brand{border-top-color:var(--cyan)}.kpi-cell.navy{border-top-color:var(--navy)}.kpi-cell.coral{border-top-color:var(--coral)}.kpi-cell.success{border-top-color:var(--s-success)}.kpi-cell.warning{border-top-color:var(--s-warning)}.kpi-cell.danger{border-top-color:var(--s-danger)}.kpi-label{font-size:11px;color:var(--t-muted);font-weight:600}.kpi-value{font-size:22px;font-weight:700;color:var(--t-navy);margin-top:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-hint{font-size:11px;color:var(--t-disabled);margin-top:2px}.dna-table{width:100%;border-collapse:collapse;border:1px solid var(--b-subtle);border-radius:var(--r-8);overflow:hidden;font-size:13px;background:var(--bg-0)}.dna-table thead th{background:var(--bg-2);color:var(--t-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:8px 10px;text-align:left;border-bottom:1px solid var(--b-subtle)}.dna-table tbody td{padding:9px 10px;border-bottom:1px solid var(--b-subtle);color:var(--t-primary);vertical-align:middle}.dna-table tbody tr:last-child td{border-bottom:none}.dna-table tbody tr:hover td{background:var(--bg-1)}.dna-table td.num,.dna-table th.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dna-table .muted{color:var(--t-muted)}.pill{display:inline-block;padding:2px 8px;border-radius:var(--r-4);font-size:11px;font-weight:600;line-height:1.4}.pill-champions{background:rgba(8,8,94,.1);color:var(--seg-champions)}.pill-potential{background:rgba(28,170,200,.12);color:var(--seg-potential)}.pill-new{background:rgba(15,123,69,.12);color:var(--seg-new)}.pill-loyal{background:rgba(46,117,182,.12);color:var(--seg-loyal)}.pill-attention{background:rgba(138,96,0,.1);color:var(--seg-attention)}.pill-sleep{background:rgba(181,137,0,.1);color:var(--seg-sleep)}.pill-atrisk{background:rgba(196,101,0,.1);color:var(--seg-atrisk)}.pill-hibernate{background:rgba(221,138,85,.12);color:var(--seg-hibernate)}.pill-lost{background:rgba(196,30,42,.1);color:var(--seg-lost)}.pri-badge{padding:2px 8px;border-radius:var(--r-4);font-size:11px;font-weight:700;text-transform:uppercase}.pri-CRITICAL{background:var(--s-danger-bg);color:var(--s-danger)}.pri-HIGH{background:var(--s-warning-bg);color:var(--s-warning)}.pri-MEDIUM{background:var(--s-info-bg);color:var(--s-info)}.pri-LOW{background:var(--bg-2);color:var(--t-muted)}.status-badge{padding:2px 8px;border-radius:var(--r-4);font-size:11px;font-weight:600}.status-PENDING{background:var(--bg-2);color:var(--t-secondary)}.status-IN_PROGRESS{background:var(--s-info-bg);color:var(--s-info)}.status-DONE{background:var(--s-success-bg);color:var(--s-success)}.status-SKIPPED{background:var(--bg-2);color:var(--t-disabled)}.status-CANCELLED{background:var(--s-danger-bg);color:var(--s-danger)}.progress-wrap{display:flex;align-items:center;gap:8px}.progress-track{flex:1 1;height:6px;background:var(--bg-3);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--cyan)}.progress-fill.navy{background:var(--navy)}.progress-fill.coral{background:var(--coral)}.progress-fill.danger{background:var(--s-danger)}.progress-fill.success{background:var(--s-success)}.progress-pct{font-size:11px;color:var(--t-muted);min-width:40px;text-align:right}.filter-bar{background:var(--bg-0);border:1px solid var(--b-subtle);border-radius:var(--r-8);padding:10px 12px;margin-bottom:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-label{font-size:12px;color:var(--t-muted);font-weight:600}.filter-bar .input,.filter-bar .select{width:auto;min-width:130px;height:30px;font-size:12px}.filter-bar input[type=text]{min-width:220px}.tabs{display:flex;gap:0;border-bottom:1px solid var(--b-subtle);margin-bottom:16px}.tab{padding:10px 16px;background:transparent;font-size:13px;font-weight:600;color:var(--t-muted);border:none;border-bottom:3px solid transparent;cursor:pointer}.tab.active{color:var(--t-brand);border-bottom-color:var(--b-brand)}.tab:hover:not(.active){color:var(--t-primary)}.tab-badge{display:inline-block;min-width:18px;padding:0 6px;margin-left:6px;background:var(--s-danger);color:#fff;font-size:10px;font-weight:700;border-radius:999px}.tab-badge.success{background:var(--s-success)}.modal-backdrop{position:fixed;inset:0;background:rgba(8,8,94,.25);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-panel{background:var(--bg-0);border-radius:var(--r-12);box-shadow:var(--sh-md);width:100%;max-width:520px;display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.modal-header{padding:14px 18px;border-bottom:1px solid var(--b-subtle);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:15px;font-weight:700;color:var(--t-navy)}.modal-body{padding:16px 18px;overflow-y:auto;flex:1 1}.modal-footer{padding:12px 18px;border-top:1px solid var(--b-subtle);display:flex;gap:8px;justify-content:flex-end;background:var(--bg-1)}.flex{display:flex}.flex-1{flex:1 1}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.muted{color:var(--t-muted)}.mono{font-family:var(--f-mono)}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.right{text-align:right}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.hidden{display:none!important}@media (max-width:880px){.sidebar{position:relative;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--b-subtle)}.main-wrap{margin-left:0}.grid-2{grid-template-columns:1fr}.topbar{height:auto;padding:8px 16px;flex-wrap:wrap;row-gap:6px}.user-pill{max-width:100%}}