:root{--ink-900:#0b1220;--ink-800:#131c2e;--ink-700:#1e2a41;--ink-500:#47566f;--ink-400:#64748b;--ink-300:#94a3b8;--line:#e2e8f0;--line-strong:#cbd5e1;--surface:#fff;--surface-muted:#f6f8fb;--surface-sunken:#eef2f7;--surface-inverse:#0b1220;--accent-700:#0d5c63;--accent-600:#10767f;--accent-500:#14919b;--accent-100:#e3f2f3;--danger-700:#9f1239;--danger-600:#be123c;--danger-100:#ffe4e6;--success-700:#14532d;--success-100:#dcfce7;--warning-700:#854d0e;--warning-100:#fef3c7;--info-700:#1e3a8a;--info-100:#dbeafe;--radius-sm:6px;--radius:10px;--radius-lg:14px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--sidebar-width:248px;--topbar-height:60px;--font-sans:"Noto Sans Thai", "IBM Plex Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--shadow-sm:0 1px 2px #0b12200f;--shadow:0 4px 16px #0b122014;--shadow-lg:0 16px 40px #0b122024}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--ink-800);background:var(--surface-muted);-webkit-font-smoothing:antialiased;margin:0;font-size:.9375rem;line-height:1.55}h1,h2,h3,h4{color:var(--ink-900);letter-spacing:-.01em;margin:0;font-weight:650;line-height:1.3}h1{font-size:1.375rem}h2{font-size:1.0625rem}h3{font-size:.9375rem}p{margin:0 0 var(--space-3)}p:last-child{margin-bottom:0}a{color:var(--accent-700);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent-600);outline-offset:2px;border-radius:var(--radius-sm)}.app{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.skip-link{z-index:100;padding:var(--space-2) var(--space-4);background:var(--ink-900);color:#fff;border-radius:0 0 var(--radius) 0;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.sidebar{background:var(--surface-inverse);color:#cbd5e1;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__brand{align-items:center;gap:var(--space-2);height:var(--topbar-height);padding:0 var(--space-4);border-bottom:1px solid #ffffff14;flex-shrink:0;display:flex}.sidebar__mark{background:var(--accent-500);color:#04212a;letter-spacing:.02em;border-radius:7px;place-items:center;width:26px;height:26px;font-size:.75rem;font-weight:800;display:grid}.sidebar__wordmark{color:#fff;letter-spacing:.06em;font-size:.9375rem;font-weight:700}.sidebar__nav{padding:var(--space-4) var(--space-3);flex:1}.sidebar__group+.sidebar__group{margin-top:var(--space-5)}.sidebar__group-label{text-transform:uppercase;letter-spacing:.09em;color:#64748b;padding:0 var(--space-3) var(--space-2);font-size:.6875rem;font-weight:700}.sidebar__link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:#cbd5e1;font-size:.875rem;font-weight:500;line-height:1.4;display:flex}.sidebar__link:hover{color:#fff;background:#ffffff0f;text-decoration:none}.sidebar__link[aria-current=page]{color:#fff;box-shadow:inset 2px 0 0 var(--accent-500);background:#14919b2e;font-weight:600}.sidebar__link--muted{color:#64748b;cursor:default}.sidebar__link--muted:hover{color:#64748b;background:0 0;text-decoration:none}.sidebar__icon{opacity:.85;flex-shrink:0;width:16px;height:16px}.sidebar__soon{letter-spacing:.05em;text-transform:uppercase;color:#475569;padding:0 var(--space-2);border:1px solid #334155;border-radius:999px;margin-left:auto;font-size:.625rem}.sidebar__footer{padding:var(--space-3) var(--space-4) var(--space-4);color:#64748b;border-top:1px solid #ffffff14;font-size:.75rem}.main{flex-direction:column;min-width:0;display:flex}.topbar{height:var(--topbar-height);background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:var(--space-4);padding:0 var(--space-5);z-index:20;display:flex;position:sticky;top:0}.topbar__search{flex:1;max-width:460px;position:relative}.topbar__actions{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.content{padding:var(--space-5);width:100%;max-width:1440px}.page-head{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.page-head__text{min-width:0}.page-head__actions{gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.page-subtitle{color:var(--ink-400);margin:var(--space-1) 0 0;font-size:.875rem}.breadcrumb{color:var(--ink-400);margin-bottom:var(--space-2);gap:var(--space-2);flex-wrap:wrap;align-items:center;font-size:.8125rem;display:flex}.breadcrumb a{color:var(--ink-500)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:.4375rem var(--space-4);border-radius:var(--radius-sm);font:inherit;cursor:pointer;background:var(--surface);color:var(--ink-800);border:1px solid #0000;border-color:var(--line-strong);white-space:nowrap;font-size:.875rem;font-weight:600;line-height:1.4;display:inline-flex}.btn:hover{background:var(--surface-muted);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent-700);border-color:var(--accent-700);color:#fff}.btn--primary:hover{background:var(--accent-600)}.btn--danger{background:var(--surface);border-color:var(--danger-100);color:var(--danger-700)}.btn--danger:hover{background:var(--danger-100)}.btn--ghost{color:var(--ink-500);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--surface-sunken)}.btn--sm{padding:.25rem var(--space-3);font-size:.8125rem}.btn-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);min-width:0}.card__head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);align-items:center;gap:var(--space-3);display:flex}.card__head h2,.card__head h3{margin:0}.card__actions{gap:var(--space-2);margin-left:auto;display:flex}.card__body{padding:var(--space-5)}.card__body--flush{padding:0}.grid{gap:var(--space-4);display:grid}.grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.grid--kpi{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.stack{gap:var(--space-4);display:grid}.stack--sm{gap:var(--space-2)}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-sm)}.kpi__label{color:var(--ink-400);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-2);font-size:.75rem;font-weight:600}.kpi__value{color:var(--ink-900);font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:700;line-height:1.1}.kpi__hint{color:var(--ink-400);margin-top:var(--space-1);font-size:.75rem}.kpi--alert .kpi__value{color:var(--danger-700)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-400);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);background:var(--surface-muted);white-space:nowrap;font-size:.6875rem;font-weight:700}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-muted)}.table__num{text-align:right;font-variant-numeric:tabular-nums}.table__primary{color:var(--ink-900);font-weight:600}.table__muted{color:var(--ink-400)}.badge{align-items:center;gap:var(--space-1);padding:.0625rem var(--space-2);background:var(--surface-sunken);color:var(--ink-500);white-space:nowrap;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1.6;display:inline-flex}.badge--success{background:var(--success-100);color:var(--success-700)}.badge--danger{background:var(--danger-100);color:var(--danger-700)}.badge--warning{background:var(--warning-100);color:var(--warning-700)}.badge--info{background:var(--info-100);color:var(--info-700)}.badge--accent{background:var(--accent-100);color:var(--accent-700)}.field{gap:var(--space-1);display:grid}.field__label{color:var(--ink-700);font-size:.8125rem;font-weight:600}.field__hint{color:var(--ink-400);font-size:.75rem}.field__error{color:var(--danger-700);font-size:.75rem;font-weight:500}.input,.select,.textarea{width:100%;padding:.4375rem var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);font:inherit;color:var(--ink-900);background:var(--surface);font-size:.875rem}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent-600);outline:2px solid var(--accent-100);outline-offset:0}.input[aria-invalid=true],.select[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger-600)}.textarea{resize:vertical;min-height:88px}.form-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;display:grid}.form-grid--full{grid-column:1/-1}.filters{gap:var(--space-2);flex-wrap:wrap;align-items:flex-end;display:flex}.filters .field{min-width:160px}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid;font-size:.875rem}.alert--error{background:var(--danger-100);color:var(--danger-700);border-color:#fecdd3}.alert--success{background:var(--success-100);color:var(--success-700);border-color:#bbf7d0}.alert--info{background:var(--accent-100);color:var(--accent-700);border-color:#c3e4e6}.empty{padding:var(--space-7) var(--space-5);text-align:center;color:var(--ink-400)}.empty__title{color:var(--ink-700);margin-bottom:var(--space-1);font-size:.9375rem;font-weight:650}.empty__body{max-width:46ch;margin:0 auto var(--space-4);font-size:.875rem}.detail{gap:var(--space-4);grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start;display:grid}@media (max-width:1080px){.detail{grid-template-columns:1fr}}.dl{gap:var(--space-2) var(--space-4);grid-template-columns:minmax(120px,auto) 1fr;margin:0;font-size:.875rem;display:grid}.dl dt{color:var(--ink-400)}.dl dd{color:var(--ink-800);margin:0}.tabs{gap:var(--space-1);border-bottom:1px solid var(--line);margin-bottom:var(--space-4);display:flex;overflow-x:auto}.tabs__link{padding:var(--space-3) var(--space-4);color:var(--ink-400);white-space:nowrap;border-bottom:2px solid #0000;font-size:.875rem;font-weight:600}.tabs__link:hover{color:var(--ink-800);text-decoration:none}.tabs__link[aria-current=page]{color:var(--accent-700);border-bottom-color:var(--accent-700)}.tabs__count{color:var(--ink-300);margin-left:var(--space-1);font-variant-numeric:tabular-nums;font-size:.75rem}.timeline{margin:0;padding:0;list-style:none}.timeline__item{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;display:grid}.timeline__item:last-child{border-bottom:none}.timeline__dot{background:var(--accent-100);width:28px;height:28px;color:var(--accent-700);text-transform:uppercase;border-radius:50%;flex-shrink:0;place-items:center;font-size:.6875rem;font-weight:700;display:grid}.timeline__subject{color:var(--ink-900);font-size:.875rem;font-weight:600}.timeline__meta{color:var(--ink-400);font-size:.75rem}.timeline__body{color:var(--ink-500);margin-top:var(--space-1);white-space:pre-wrap;font-size:.875rem}.kanban{gap:var(--space-3);padding-bottom:var(--space-3);grid-auto-columns:minmax(196px,1fr);grid-auto-flow:column;align-items:start;display:grid;overflow-x:auto}.kanban__column{background:var(--surface-sunken);border-radius:var(--radius);padding:var(--space-3);min-height:180px}.kanban__column--over{outline:2px dashed var(--accent-600);outline-offset:-2px}.kanban__head{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3);min-height:1.5rem;display:flex}.kanban__title{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-500);font-size:.8125rem;font-weight:700}.kanban__count{color:var(--ink-400);font-variant-numeric:tabular-nums;font-size:.75rem}.kanban__sum{color:var(--ink-400);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.75rem}.kanban__list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.deal-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-3);box-shadow:var(--shadow-sm);gap:var(--space-1);display:grid}.deal-card[draggable=true]{cursor:grab}.deal-card--dragging{opacity:.45}.deal-card__name{color:var(--ink-900);font-size:.875rem;font-weight:600}.deal-card__amount{font-variant-numeric:tabular-nums;color:var(--ink-700);font-size:.875rem}.deal-card__meta{color:var(--ink-400);font-size:.75rem}.deal-card__move{margin-top:var(--space-1);width:100%;padding:.125rem var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--ink-400);font:inherit;font-size:.75rem}.deal-card__move:hover{color:var(--ink-700);border-color:var(--line-strong)}.kanban__empty{color:var(--ink-300);text-align:center;padding:var(--space-4) 0;font-size:.8125rem}.modal-backdrop{z-index:50;padding:var(--space-6) var(--space-4);background:#0b122073;place-items:start center;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:min(640px,100%);max-height:calc(100vh - var(--space-7));flex-direction:column;display:flex}.modal__head{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line);display:flex}.modal__head h2{margin:0;font-size:1rem}.modal__body{padding:var(--space-5);overflow-y:auto}.modal__foot{padding:var(--space-4) var(--space-5);border-top:1px solid var(--line);gap:var(--space-2);justify-content:flex-end;display:flex}.search-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:40;max-height:400px;padding:var(--space-2);position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.search-group+.search-group{margin-top:var(--space-2)}.search-group__label{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-400);padding:var(--space-2) var(--space-3) var(--space-1);font-size:.6875rem;font-weight:700}.search-result{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--ink-800);font-size:.875rem;display:block}.search-result:hover,.search-result:focus{background:var(--surface-muted);text-decoration:none}.search-result__meta{color:var(--ink-400);font-size:.75rem}.search-empty{padding:var(--space-4);color:var(--ink-400);text-align:center;font-size:.875rem}.usermenu{position:relative}.usermenu__trigger{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font:inherit;cursor:pointer;color:var(--ink-800);background:0 0;border:1px solid #0000;display:flex}.usermenu__trigger:hover{background:var(--surface-muted)}.avatar{background:var(--accent-700);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:.75rem;font-weight:700;display:grid}.usermenu__id{text-align:left;line-height:1.25}.usermenu__name{font-size:.8125rem;font-weight:600}.usermenu__role{color:var(--ink-400);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.usermenu__panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:240px;box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:40;position:absolute;top:calc(100% + 8px);right:0}.usermenu__section{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);margin-bottom:var(--space-2)}.usermenu__item{text-align:left;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font:inherit;color:var(--ink-800);cursor:pointer;background:0 0;border:none;font-size:.875rem;display:block}.usermenu__item:hover{background:var(--surface-muted)}.login{min-height:100vh;padding:var(--space-5);background:radial-gradient(1100px 520px at 50% -10%, #10212f 0%, transparent 60%), var(--surface-inverse);place-items:center;display:grid}.login__card{background:var(--surface);border-radius:var(--radius-lg);width:min(400px,100%);box-shadow:var(--shadow-lg);padding:var(--space-6)}.login__brand{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);justify-content:center;display:flex}.login__brand .sidebar__wordmark{color:var(--ink-900)}.login__title{text-align:center;margin-bottom:var(--space-1)}.login__subtitle{text-align:center;color:var(--ink-400);margin-bottom:var(--space-5);font-size:.875rem}.muted{color:var(--ink-400)}.mono{font-family:var(--font-mono);font-size:.8125rem}.nowrap{white-space:nowrap}.right{text-align:right}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pager{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line);color:var(--ink-400);font-size:.8125rem;display:flex}.pager__spacer{margin-left:auto}@media (max-width:900px){.app{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar__nav{gap:var(--space-4);display:flex;overflow-x:auto}.sidebar__group+.sidebar__group{margin-top:0}.sidebar__footer{display:none}.content{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.raw-text{white-space:pre-wrap;word-break:break-word;padding:var(--space-3);background:var(--surface-sunken);border-left:3px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-700);margin:0;font-size:.9375rem;line-height:1.65}.evidence-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.evidence{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius);display:grid}.evidence__head{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.evidence__when{color:var(--ink-400);margin-left:auto;font-size:.75rem}.evidence__title{margin:0;font-weight:600}.evidence__meta{gap:.25rem var(--space-3);grid-template-columns:max-content 1fr;margin:0;font-size:.8125rem;display:grid}.evidence__meta dt{color:var(--ink-400)}.evidence__meta dd{word-break:break-word;margin:0}.dist{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.dist__row{align-items:center;gap:var(--space-3);grid-template-columns:minmax(0,9rem) 1fr max-content;font-size:.8125rem;display:grid}.dist__label{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-600);overflow:hidden}.dist__track{background:var(--surface-sunken);border-radius:999px;height:.5rem;overflow:hidden}.dist__bar{background:var(--accent-600);border-radius:999px;height:100%;display:block}.dist__value{font-variant-numeric:tabular-nums;color:var(--ink-600)}.dist__pct{margin-left:var(--space-2);color:var(--ink-400)}.score-headline{align-items:baseline;gap:var(--space-2);margin:0 0 var(--space-3);display:flex}.score-headline__value{font-variant-numeric:tabular-nums;font-size:2.25rem;font-weight:700;line-height:1}.score-headline__max{color:var(--ink-400)}.plain-list{gap:var(--space-2);margin:0;padding:0;font-size:.9375rem;list-style:none;display:grid}.table__wrap{white-space:normal;max-width:26rem}.table__sub{color:var(--ink-400);margin-top:.15rem;font-size:.8125rem;font-weight:400;display:block}.card__subtitle{color:var(--ink-400);margin:.15rem 0 0;font-size:.8125rem}.table tbody th{text-transform:none;letter-spacing:normal;color:var(--ink-800);font-size:.9375rem;font-weight:600}.kpi__value--text{font-size:1.125rem;line-height:1.35}.gate-condition{border:1px solid var(--border);border-radius:.5rem;padding:.75rem .875rem}.gate-condition__head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}