:root{--brand:#7a1f2b;--brand-soft:#f4e7e8;--gold:#c9a227;--gold-soft:#faf3dc;--bg:#f6f3ee;--surface:#fff;--surface-2:#faf8f4;--text:#24211e;--muted:#6e6860;--line:#e6e1d8;--ok:#2e7d4f;--warn:#a07d10;--bad:#b3261e;--info:#2a7f8f;--shadow:0 1px 2px #0000000d, 0 2px 8px #0000000a;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--brand:#d9727f;--brand-soft:#3a2226;--gold:#e0bd52;--gold-soft:#3a3320;--bg:#161412;--surface:#201d1a;--surface-2:#26221f;--text:#ece7e0;--muted:#a59e94;--line:#3a3632;--ok:#5fbf86;--warn:#e0bd52;--bad:#ef7a72;--info:#63b7c6;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:15px/1.55 IBM Plex Sans Thai,Noto Sans Thai,system-ui,sans-serif}button,select,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}code{background:var(--surface-2);border:1px solid var(--line);word-break:break-all;border-radius:5px;padding:1px 5px;font:12.5px/1.4 ui-monospace,SF Mono,Menlo,monospace}h1,h2,h3,h4{margin:0;line-height:1.3}.muted{color:var(--muted)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.app{grid-template-columns:272px minmax(0,1fr);min-height:100vh;display:grid}body{overflow-x:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--line);height:100vh;padding:18px 12px;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:0 8px 18px;display:flex}.brand .logo{background:var(--brand);color:#fff;letter-spacing:.5px;border-radius:10px;padding:8px 9px;font-weight:700}.brand strong{display:block}.brand small{color:var(--muted);font-size:12px}.nav-group{margin-bottom:14px}.nav-label{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);padding:6px 10px;font-size:11.5px;display:block}.side-nav a{border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.side-nav a:hover{background:var(--surface-2)}.side-nav a.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.side-nav a .chip{margin-left:auto}.nav-icon{text-align:center;width:20px}.main{min-width:0;padding:20px 28px 48px}.page-head{margin-bottom:18px}.crumb-row{align-items:center;gap:10px;font-size:13px;display:flex}.mock-banner{background:var(--gold-soft);color:var(--warn);border:1px solid color-mix(in srgb, var(--gold) 50%, transparent);border-radius:999px;margin-left:auto;padding:2px 10px;font-size:12px;font-weight:600}.title-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:8px;display:flex}.title-row h1{font-size:26px}.title-row p{margin:4px 0 0}.filters{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.filters label{color:var(--muted);flex-direction:column;gap:3px;font-size:12px;display:flex}.filters select{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--text);border-radius:8px;max-width:240px;padding:6px 10px}.filters .toggle{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--text);cursor:pointer;border-radius:8px;flex-direction:row;align-items:center;gap:8px;padding:0 12px;font-size:14px}.as-of{margin:10px 0 0;font-size:13px}.questions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.q{border:1px solid var(--line);background:var(--surface);border-radius:999px;min-height:40px;padding:8px 14px;font-weight:500}.q.on{background:var(--brand);border-color:var(--brand);color:#fff}.icon-btn.hamburger,.bottom-nav{display:none}.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.widget{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;min-width:0;transition:opacity .2s;display:flex;position:relative}.widget.dimmed{opacity:.3}.w-head{justify-content:space-between;align-items:flex-start;gap:8px;padding:14px 16px 6px;display:flex}.w-title{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.w-title h3{margin-right:4px;font-size:15px;font-weight:600}.w-actions{flex-shrink:0;gap:4px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);border-radius:8px;place-items:center;min-width:36px;height:36px;font-size:15px;display:inline-grid}.icon-btn:hover{background:var(--surface-2)}.w-body{flex:1;min-width:0;padding:4px 16px 10px}.w-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:8px 16px;font-size:12px;display:flex}.trust{border-radius:5px;padding:1px 7px;font-weight:600}.t-A{color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, transparent)}.t-B{color:var(--info);background:color-mix(in srgb, var(--info) 12%, transparent)}.t-C{color:var(--warn);background:color-mix(in srgb, var(--gold) 15%, transparent)}.t-D{color:var(--bad);background:color-mix(in srgb, var(--bad) 12%, transparent)}.mock-tag{letter-spacing:.5px;color:var(--warn);margin-left:auto;font-weight:600}.chip{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11.5px}.chip.rel{font-weight:600}.rel-R1{color:var(--ok)}.rel-R2{color:var(--info);border-color:color-mix(in srgb, var(--info) 40%, transparent)}.rel-R3{color:var(--brand);border-color:color-mix(in srgb, var(--brand) 40%, transparent)}.rel-R4{color:var(--warn);border-color:color-mix(in srgb, var(--gold) 50%, transparent)}.src-overlay{border:1px dashed var(--gold);background:var(--gold-soft);text-align:left;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;margin:0 16px 6px;padding:8px 10px;display:flex}.src-chip{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:1px 8px;font-size:12.5px;font-weight:600}.src-ds{color:var(--muted);width:100%;font:11.5px ui-monospace,Menlo,monospace}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.widget:not(.is-strip) .kpi-grid{grid-template-columns:1fr}.kpi{text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;min-width:0;padding:12px 14px;display:flex}.kpi.clickable:hover{border-color:var(--brand)}.kpi-name{color:var(--muted);font-size:13px}.kpi-value{letter-spacing:-.3px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.kpi-value small{color:var(--muted);font-size:13px;font-weight:500}.kpi-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:12.5px;display:flex}.kpi-meta .up{color:var(--ok);font-weight:600}.kpi-meta .down{color:var(--bad);font-weight:600}.kpi-detail{color:var(--muted);font-size:12px}.table-wrap{max-width:100%;overflow-x:auto}.w-body .table-wrap{max-height:440px;overflow-y:auto}.w-body .tbl thead th{background:var(--surface);z-index:1;position:sticky;top:0}.tbl{border-collapse:collapse;width:100%;font-size:13.5px}.tbl th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px;font-size:12.5px;font-weight:600}.tbl td{border-bottom:1px solid var(--line);vertical-align:top;padding:8px}.tbl.small{font-size:12.5px}.tbl.small td,.tbl.small th{padding:6px 8px}.tbl td.wrap{white-space:normal;min-width:180px}.tbl .right{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tbl tr.clickable{cursor:pointer}.tbl tr.clickable:hover td{background:var(--surface-2)}.tbl .empty{text-align:center;color:var(--muted);padding:24px}.badge{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.badge:before{content:"●";vertical-align:1px;margin-right:4px;font-size:9px}.s-achieved,.s-completed,.s-green,.s-passed,.s-low{color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, transparent)}.s-on_track,.s-in_progress{color:var(--info);background:color-mix(in srgb, var(--info) 12%, transparent)}.s-at_risk,.s-yellow,.s-delayed,.s-medium{color:var(--warn);background:color-mix(in srgb, var(--gold) 16%, transparent)}.s-off_track,.s-red,.s-overdue,.s-high{color:var(--bad);background:color-mix(in srgb, var(--bad) 12%, transparent)}.s-not_started,.s-not_assessed{color:var(--muted);background:var(--surface-2)}.panel-backdrop{z-index:50;background:#00000052;justify-content:flex-end;display:flex;position:fixed;inset:0}.panel{background:var(--surface);flex-direction:column;width:min(760px,58vw);height:100%;animation:.18s ease-out slide;display:flex;box-shadow:-8px 0 24px #00000026}@keyframes slide{0%{opacity:.6;transform:translate(24px)}}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.panel-head h2{margin-top:2px;font-size:19px}.panel-body{flex:1;padding:16px 20px 32px;overflow-y:auto}.crumbs{flex-wrap:wrap;align-items:center;gap:2px;margin-bottom:14px;font-size:14px;display:flex}.crumbs button{color:var(--brand);background:0 0;border:0;border-radius:6px;padding:4px 6px;font-weight:500}.crumbs button:hover{background:var(--brand-soft)}.crumbs .sep{color:var(--muted)}.drill-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.drill-summary>div{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;flex-direction:column;padding:10px 12px;display:flex}.drill-summary span{font-size:12px}.drill-summary strong{font-variant-numeric:tabular-nums;font-size:18px}.drill-dim{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;display:flex}.pill{border:1px solid var(--line);background:var(--surface);border-radius:999px;min-height:32px;padding:4px 12px;font-size:13px}.pill.on{background:var(--brand);color:#fff;border-color:var(--brand)}.note{color:var(--muted);margin:8px 0;font-size:12.5px}.note.warn{color:var(--warn);background:var(--gold-soft);border-radius:8px;padding:8px 12px}.restricted{background:var(--gold-soft);color:var(--warn);border-radius:8px;margin-bottom:10px;padding:10px 12px;font-size:13px}.ds-ref{text-align:left;border:1px dashed var(--gold);background:var(--gold-soft);border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;width:100%;margin-top:18px;padding:12px 14px;font-size:13px;display:flex}.spec h4{margin:18px 0 8px;font-size:14px}.meta{grid-template-columns:140px 1fr;gap:6px 12px;margin:0 0 8px;font-size:13.5px;display:grid}.meta dt{color:var(--muted)}.meta dd{min-width:0;margin:0}.notes{margin:6px 0;padding-left:20px;font-size:13.5px}.notes li{margin:3px 0}.ds-card{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-bottom:10px}.ds-card.open{border-color:color-mix(in srgb, var(--brand) 35%, var(--line))}.ds-head{text-align:left;background:0 0;border:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex}.ds-name{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.ds-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.caret{color:var(--muted)}.ds-body{padding:0 14px 14px;font-size:13.5px}.ds-body>p{margin:0 0 10px}.tabs{border-bottom:1px solid var(--line);gap:2px;margin:12px 0 8px;display:flex;overflow-x:auto}.tabs button{white-space:nowrap;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 12px}.tabs button.on{border-color:var(--brand);color:var(--brand);font-weight:600}.code-block{position:relative}.code-block pre{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;max-height:420px;margin:0;padding:12px;font:12px/1.5 ui-monospace,Menlo,monospace;overflow:auto}.btn-sm{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:3px 10px;font-size:12px;position:absolute;top:8px;right:8px}.release-banner{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--info);border-radius:10px;align-items:flex-start;gap:10px;margin-top:12px;padding:10px 14px;font-size:13.5px;display:flex}.w-note{color:var(--muted);margin:0 16px 8px;font-size:12px}.matrix-wrap{grid-template-rows:1fr auto;grid-template-columns:auto 1fr;gap:6px;padding:4px 0 8px;display:grid}.matrix-y{writing-mode:vertical-rl;color:var(--muted);text-align:center;font-size:12px;transform:rotate(180deg)}.matrix-x{color:var(--muted);text-align:center;grid-column:2;font-size:12px}.matrix{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;min-width:0;display:grid}.cell{color:#fff;border:0;border-radius:6px;min-width:0;height:56px;font-size:18px;font-weight:700}.cell.lv-high{background:var(--bad)}.cell.lv-medium{background:var(--gold);color:#2b2412}.cell.lv-low{background:var(--ok)}.cell.zero{opacity:.35;cursor:default}.cell:not(.zero):hover{outline:2px solid var(--text)}.scn-controls{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:14px 16px}.scn-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.scn-head h3{font-size:16px}.scn-head p{margin:2px 0 0;font-size:13px}.scn-presets{flex-wrap:wrap;gap:6px;display:flex}.scn-sliders{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 24px;margin-top:12px;display:grid}.scn-slider{grid-template-columns:1fr auto;gap:2px 10px;font-size:13.5px;display:grid}.scn-slider input{accent-color:var(--brand);grid-column:1/-1;min-height:28px}.scn-slider output{font-variant-numeric:tabular-nums;grid-area:1/2;font-weight:600}.catalog section{margin-bottom:22px}.catalog h2{margin-bottom:10px;font-size:18px}.cat-intro{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.cat-intro p{margin:0 0 12px}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.btn{background:var(--brand);color:#fff;border:1px solid var(--brand);border-radius:8px;min-height:40px;padding:8px 14px;font-weight:500}.btn.ghost{background:var(--surface);color:var(--brand)}.src-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.src-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;padding:12px 14px;font-size:13px;display:flex}.src-card strong{font-size:14px}.src-card.on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.src-count{color:var(--brand);margin-top:4px;font-weight:600}.cat-filter{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.cat-filter h2{margin:0 auto 0 0}.cat-filter input,.cat-filter select{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:38px;padding:6px 10px}.link{color:var(--brand);background:0 0;border:0;padding:0 6px 0 0;font:12px ui-monospace,Menlo,monospace;text-decoration:underline}@media (width<=1439px){.span-3,.span-4{grid-column:span 6}.span-8{grid-column:span 12}}@media (width<=1023px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.icon-btn.hamburger{display:inline-grid}.main{padding:14px 16px 88px}.span-6{grid-column:span 12}.panel{width:min(100vw,620px)}.drawer-backdrop{z-index:60;background:#00000052;position:fixed;inset:0}.drawer{background:var(--surface);width:290px;max-width:85vw;height:100%;padding:16px 10px;overflow-y:auto}.bottom-nav{z-index:40;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a,.bottom-nav button{min-height:56px;color:var(--muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:1px;padding:8px 2px;font-size:11.5px;display:flex}.bottom-nav .active{color:var(--brand);font-weight:600}}@media (width<=767px){.grid{gap:12px}.span-3,.span-4,.span-6,.span-8,.span-12{grid-column:1/-1}.title-row h1{font-size:21px}.filters{width:100%}.filters label{flex:140px}.filters select{width:100%;max-width:none}.is-strip .kpi-grid{scroll-snap-type:x mandatory;padding-bottom:4px;display:flex;overflow-x:auto}.is-strip .kpi{scroll-snap-align:start;flex:0 0 72%}.panel-backdrop{align-items:flex-end}.panel{border-radius:16px 16px 0 0;width:100vw;height:92vh;animation:.2s ease-out rise}@keyframes rise{0%{transform:translateY(40px)}}.drill-summary{grid-template-columns:1fr 1fr}.meta{grid-template-columns:1fr;gap:0}.meta dt{margin-top:8px;font-size:12px}.mock-banner{font-size:11px}.crumb-row>.muted,.widget .tbl thead{display:none}.widget .tbl tr{border-bottom:1px solid var(--line);padding:6px 0;display:block}.widget .tbl td{text-align:right;border:0;justify-content:space-between;gap:12px;padding:3px 0;display:flex}.widget .tbl td:before{content:attr(data-label);color:var(--muted);text-align:left;font-size:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}