*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f1ea;--bg-alt:#ede9de;--surface:#fff;--surface-2:#faf8f2;--surface-3:#f1ecdf;--border:#e5dfd0;--border-strong:#d6cdb8;--text:#1f1e1b;--text-2:#5e5a50;--text-3:#95907f;--primary:#6fa587;--primary-ink:#2f5947;--primary-soft:#ddebe0;--accent:#d87b5f;--accent-ink:#7a3320;--accent-soft:#f4d9cc;--info:#7b9fcb;--info-ink:#2b4d7e;--info-soft:#dce6f4;--warn:#e8b461;--warn-ink:#7a4f0e;--warn-soft:#f7e5be;--danger:#c75a4a;--danger-ink:#6a1e13;--danger-soft:#f3cfc8;--plum:#a675ae;--plum-soft:#ebdded;--st-onplan:var(--primary);--st-onplan-soft:var(--primary-soft);--st-onplan-ink:var(--primary-ink);--st-likely:var(--warn);--st-likely-soft:var(--warn-soft);--st-likely-ink:var(--warn-ink);--st-risk:var(--accent);--st-risk-soft:var(--accent-soft);--st-risk-ink:var(--accent-ink);--st-delayed:var(--danger);--st-delayed-soft:var(--danger-soft);--st-delayed-ink:var(--danger-ink);--r-xs:8px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:24px;--r-pill:999px;--shadow-1:0 1px 2px #1f1e1b0a, 0 1px 1px #1f1e1b05;--shadow-2:0 2px 6px #1f1e1b0d, 0 6px 16px #1f1e1b0a;--shadow-3:0 8px 24px #1f1e1b14, 0 2px 4px #1f1e1b0a;--pad-card:22px;--pad-section:24px;--gap:18px;--gap-sm:12px;--row-h:44px;--f-en:"Sarabun", system-ui, sans-serif;--f-th:"Sarabun", sans-serif;--f-mono:"JetBrains Mono", ui-monospace, monospace}[data-theme=mist]{--bg:#eef0f4;--bg-alt:#e6e9f0;--surface:#fff;--surface-2:#f5f6fa;--surface-3:#e8ebf2;--border:#dce0e9;--border-strong:#c2c8d6;--text:#1b1e2a;--text-2:#535667;--text-3:#8a8e9f;--primary:#5a7bb5;--primary-ink:#243966;--primary-soft:#dde5f2;--accent:#a675ae;--accent-ink:#4d2c53;--accent-soft:#ebdded;--info:#6fa587;--info-ink:#2f5947;--info-soft:#ddebe0;--warn:#d9b95c;--warn-ink:#6e5414;--warn-soft:#f4e9c2;--danger:#b56b7b;--danger-ink:#602330;--danger-soft:#eed6dc;--plum:#8a6fb5;--plum-soft:#dfd4ed}[data-density=compact]{--pad-card:14px;--pad-section:16px;--gap:12px;--gap-sm:8px;--row-h:36px}body{font-family:var(--f-en), var(--f-th);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-width:1440px;font-size:14px;line-height:1.5}.thai,[lang=th]{font-family:var(--f-th)}button{font:inherit;cursor:pointer;color:inherit;background:0;border:0}input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.app{grid-template-columns:232px 1fr;min-height:100vh;display:grid}[data-density=compact] .app{grid-template-columns:200px 1fr}.sidebar{background:var(--bg-alt);border-right:1px solid var(--border);flex-direction:column;gap:2px;height:100vh;padding:24px 16px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:10px;padding:4px 8px 24px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--primary), var(--primary-ink));color:#fff;letter-spacing:-.02em;width:36px;height:36px;box-shadow:var(--shadow-1);border-radius:10px;place-items:center;font-size:14px;font-weight:700;display:grid}.brand-name{letter-spacing:-.01em;font-size:15px;font-weight:700}.brand-sub{color:var(--text-3);margin-top:1px;font-size:11px}.nav-section{color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;padding:16px 12px 8px;font-size:10px;font-weight:600}.nav-item{border-radius:var(--r-md);color:var(--text-2);cursor:pointer;text-align:left;align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.nav-item .nav-icon{opacity:.9;flex-shrink:0;width:18px;height:18px}.nav-item.active .nav-icon{color:var(--primary)}.nav-item .nav-badge{background:var(--accent-soft);color:var(--accent-ink);border-radius:var(--r-pill);margin-left:auto;padding:2px 7px;font-size:10px;font-weight:600}.sidebar-user{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-1);align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.user-av{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.user-name{font-size:12px;font-weight:600}.user-role{color:var(--text-3);font-size:10px}.main{min-width:0;padding:24px 32px 80px}[data-density=compact] .main{padding:16px 24px 60px}.topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}[data-density=compact] .topbar{margin-bottom:16px}.topbar-title{flex:1;align-items:baseline;gap:12px;min-width:0;display:flex}.topbar-h{letter-spacing:-.02em;white-space:nowrap;font-size:24px;font-weight:700}[data-density=compact] .topbar-h{font-size:19px}.topbar-crumb{color:var(--text-3);white-space:nowrap;font-size:13px}.topbar-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.live-pill{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-2);align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:500;display:inline-flex}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.icon-btn{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);width:38px;height:38px;color:var(--text-2);place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn .ping{background:var(--accent);border:2px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.card{background:var(--surface);border-radius:var(--r-lg);padding:var(--pad-card);box-shadow:var(--shadow-1);border:1px solid var(--border)}.card-hd{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}[data-density=compact] .card-hd{margin-bottom:10px}.card-title{letter-spacing:-.005em;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.card-title .ti{color:var(--text-3)}.card-sub{color:var(--text-3);font-size:11px}.kpi-grid{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:repeat(4,1fr);display:grid}.kpi{background:var(--surface);border-radius:var(--r-lg);padding:var(--pad-card);border:1px solid var(--border);box-shadow:var(--shadow-1);position:relative;overflow:hidden}.kpi-label{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600}.kpi-row{align-items:baseline;gap:8px;display:flex}.kpi-val{letter-spacing:-.02em;font-feature-settings:"tnum";font-size:32px;font-weight:700;line-height:1}[data-density=compact] .kpi-val{font-size:24px}.kpi-unit{color:var(--text-2);font-size:14px;font-weight:500}.kpi-delta{border-radius:var(--r-pill);align-items:center;gap:3px;margin-top:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.kpi-delta.up{background:var(--primary-soft);color:var(--primary-ink)}.kpi-delta.down{background:var(--danger-soft);color:var(--danger-ink)}.kpi-delta.warn{background:var(--warn-soft);color:var(--warn-ink)}.kpi-spark{opacity:.5;position:absolute;bottom:0;right:0}.pill{border-radius:var(--r-pill);letter-spacing:-.005em;white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.pill .dot{border-radius:50%;width:6px;height:6px}.pill-onplan{background:var(--st-onplan-soft);color:var(--st-onplan-ink)}.pill-onplan .dot{background:var(--st-onplan)}.pill-likely{background:var(--st-likely-soft);color:var(--st-likely-ink)}.pill-likely .dot{background:var(--st-likely)}.pill-risk{background:var(--st-risk-soft);color:var(--st-risk-ink)}.pill-risk .dot{background:var(--st-risk)}.pill-delayed{background:var(--st-delayed-soft);color:var(--st-delayed-ink)}.pill-delayed .dot{background:var(--st-delayed)}.pill-info{background:var(--info-soft);color:var(--info-ink)}.pill-info .dot{background:var(--info)}.pill-plum{background:var(--plum-soft);color:var(--accent-ink)}.pill-neutral{background:var(--surface-3);color:var(--text-2)}.btn{border-radius:var(--r-pill);align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;transition:transform 60ms,background .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-ink)}.btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface-3)}.btn-text{color:var(--text-2);padding:6px 10px;font-weight:500}.btn-text:hover{color:var(--text);background:var(--surface-2)}.map-wrap{background:linear-gradient(135deg, var(--surface-2), var(--surface-3));border-radius:var(--r-md);height:600px;position:relative;overflow:hidden}[data-density=compact] .map-wrap{height:480px}.map-svg{width:100%;height:100%;display:block}.proj-dot{cursor:pointer;transform-box:fill-box;transform-origin:50%;transition:transform .2s,filter .2s}.proj-dot:hover{filter:drop-shadow(0 4px 8px #00000026);transform:scale(1.18)}.proj-ring{fill:none;opacity:.4;pointer-events:none;transform-box:fill-box;transform-origin:50%;animation:2.4s ease-out infinite ringPulse}@keyframes ringPulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.map-tt{z-index:9999;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-3);pointer-events:none;min-width:220px;padding:12px 14px;font-size:12px;position:fixed}.map-tt-name{margin-bottom:8px;font-size:13px;font-weight:600}.map-tt-row{color:var(--text-2);justify-content:space-between;padding:2px 0;display:flex}.map-tt-row b{color:var(--text);font-weight:600}.map-tt-hint{color:var(--text-3);border-top:1px solid var(--border);margin-top:8px;padding-top:6px;font-size:10px}.legend{background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:6px;padding:10px 12px;font-size:11px;display:flex;position:absolute;top:14px;right:14px}.legend-row{color:var(--text-2);align-items:center;gap:8px;display:flex}.legend-row .swatch{border-radius:50%;width:10px;height:10px}.donut-wrap{align-items:center;gap:24px;display:flex}.donut-svg{flex-shrink:0}.donut-center{letter-spacing:-.02em;fill:var(--text);font-size:22px;font-weight:700;font-family:var(--f-en)}.donut-center-sub{fill:var(--text-3);font-size:10px;font-weight:500}.donut-legend{flex-direction:column;flex:1;gap:10px;display:flex}.donut-legend-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.donut-legend-left{color:var(--text-2);align-items:center;gap:8px;display:flex}.donut-legend-sw{border-radius:3px;width:10px;height:10px}.donut-legend-val{font-feature-settings:"tnum";font-weight:600}.wl-row{grid-template-columns:120px 1fr 70px 80px;align-items:center;gap:12px;padding:8px 0;font-size:12px;display:grid}[data-density=compact] .wl-row{padding:5px 0;font-size:11px}.wl-name{align-items:center;gap:8px;display:flex}.wl-avatar{border-radius:50%;place-items:center;width:26px;height:26px;font-size:10px;font-weight:600;display:grid}.wl-bar-wrap{background:var(--surface-3);border-radius:var(--r-pill);height:7px;overflow:hidden}.wl-bar{border-radius:var(--r-pill);height:100%;transition:width .8s}.wl-frac{color:var(--text-2);text-align:right;font-feature-settings:"tnum";font-size:11px}.wl-sla{flex-direction:column;align-items:flex-end;display:flex}.wl-sla-val{font-feature-settings:"tnum";font-size:13px;font-weight:700}.wl-sla-lbl{color:var(--text-3);letter-spacing:.05em;text-transform:uppercase;font-size:9px}.r-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.r-table thead th{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);text-align:left;border-bottom:1px solid var(--border);background:var(--surface-2);padding:10px 12px;font-size:10px;font-weight:600}.r-table thead th:first-child{border-top-left-radius:var(--r-md);border-bottom-left-radius:var(--r-md)}.r-table thead th:last-child{border-top-right-radius:var(--r-md);border-bottom-right-radius:var(--r-md);text-align:right}.r-table tbody tr{transition:background .1s}.r-table tbody tr:hover{background:var(--surface-2)}.r-table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 12px}[data-density=compact] .r-table tbody td{padding:9px 10px}.r-table tbody td:last-child{text-align:right}.r-table tbody tr:last-child td{border-bottom:0}.r-pname{font-weight:600}.r-ploc{color:var(--text-3);margin-top:2px;font-size:11px}.risk-bar{align-items:center;gap:8px;width:130px;display:inline-flex}.risk-bar-track{background:var(--surface-3);border-radius:var(--r-pill);flex:1;height:6px;overflow:hidden}.risk-bar-fill{border-radius:var(--r-pill);height:100%;transition:width .6s}.risk-pct{font-feature-settings:"tnum";text-align:right;min-width:36px;font-size:12px;font-weight:700}.proj-hero{background:var(--surface);border-radius:var(--r-xl);border:1px solid var(--border);box-shadow:var(--shadow-1);margin-bottom:var(--gap);grid-template-columns:1fr auto;align-items:center;gap:24px;padding:24px 28px;display:grid}[data-density=compact] .proj-hero{padding:16px 20px}.proj-hero-title{letter-spacing:-.025em;margin-bottom:4px;font-size:26px;font-weight:700}[data-density=compact] .proj-hero-title{font-size:20px}.proj-hero-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;display:flex}.proj-hero-meta .dot-sep{color:var(--text-3)}.proj-hero-pills{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.proj-hero-img{background:linear-gradient(135deg, var(--surface-3), var(--bg-alt));border-radius:var(--r-md);width:220px;height:130px;font-family:var(--f-mono);color:var(--text-3);letter-spacing:.04em;place-items:center;font-size:10px;display:grid;position:relative;overflow:hidden}.proj-hero-img:before{content:"";background-image:repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in srgb, var(--text-3) 12%, transparent) 6px 7px);position:absolute;inset:0}.flow-stage{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);padding:28px 24px;position:relative;overflow:hidden}.flow-row{grid-template-columns:repeat(6,1fr);align-items:stretch;gap:0;display:grid}.flow-cell{cursor:pointer;padding:0 8px;transition:transform .2s;position:relative}.flow-cell:hover{transform:translateY(-2px)}.flow-node{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-md);z-index:2;padding:14px;transition:all .25s;position:relative}.flow-cell.done .flow-node{background:var(--primary-soft);border-color:var(--primary)}.flow-cell.current .flow-node{background:var(--info-soft);border-color:var(--info);box-shadow:0 0 0 4px color-mix(in srgb, var(--info) 20%, transparent);animation:2.6s ease-in-out infinite currentGlow}.flow-cell.delayed .flow-node{background:var(--accent-soft);border-color:var(--accent);border-style:dashed}@keyframes currentGlow{0%,to{box-shadow:0 0 0 4px color-mix(in srgb, var(--info) 20%, transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb, var(--info) 28%, transparent)}}.flow-bu{letter-spacing:.1em;color:var(--text-3);font-size:10px;font-weight:700}.flow-cell.done .flow-bu{color:var(--primary-ink)}.flow-cell.current .flow-bu{color:var(--info-ink)}.flow-cell.delayed .flow-bu{color:var(--accent-ink)}.flow-label{letter-spacing:-.01em;margin:4px 0 6px;font-size:13px;font-weight:700}.flow-sub{color:var(--text-2);font-size:11px;line-height:1.35}.flow-status{color:var(--text-3);justify-content:space-between;align-items:center;margin-top:10px;font-size:10px;display:flex}.flow-status .pill{padding:2px 7px;font-size:9px}.flow-connector{background:var(--border-strong);z-index:1;width:16px;height:2px;position:absolute;top:38px;right:-8px}.flow-cell.done .flow-connector{background:var(--primary)}.flow-connector:after{content:"";border-left:6px solid var(--border-strong);border-top:4px solid #0000;border-bottom:4px solid #0000;width:0;height:0;position:absolute;top:-3px;right:-1px}.flow-cell.done .flow-connector:after{border-left-color:var(--primary)}.flow-cell:last-child .flow-connector{display:none}.flow-progress{background:var(--surface-3);border-radius:var(--r-pill);height:4px;margin-top:10px;overflow:hidden}.flow-progress-fill{border-radius:var(--r-pill);background:var(--primary);height:100%;transition:width 1s}.flow-cell.current .flow-progress-fill{background:var(--info)}.flow-cell.delayed .flow-progress-fill{background:var(--accent)}.gantt{position:relative}.gantt-months{border-bottom:1px solid var(--border);grid-template-columns:160px 1fr;gap:16px;margin-bottom:12px;padding-bottom:8px;display:grid}.gantt-months-cells{color:var(--text-3);text-align:center;grid-auto-columns:1fr;grid-auto-flow:column;font-size:10px;font-weight:600;display:grid}.gantt-row{grid-template-columns:160px 1fr;align-items:center;gap:16px;padding:6px 0;display:grid}.gantt-label{color:var(--text-2);font-size:12px;font-weight:500}.gantt-track{background:var(--surface-2);border-radius:var(--r-pill);height:22px;position:relative}.gantt-bar{border-radius:var(--r-pill);background:var(--primary);color:#fff;letter-spacing:.02em;align-items:center;padding:0 10px;font-size:10px;font-weight:600;display:flex;position:absolute;top:3px;bottom:3px}.gantt-bar.actual{opacity:.6}.gantt-bar.planned{border:1.5px dashed var(--border-strong);color:var(--text-3);background:0 0}.gantt-bar.delayed{background:var(--accent)}.gantt-bar.current{background:var(--info)}.gantt-today{background:var(--danger);z-index:3;width:2px;position:absolute;top:-4px;bottom:-4px}.gantt-today:before{content:"TODAY";color:var(--danger);letter-spacing:.1em;white-space:nowrap;font-size:8px;font-weight:700;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.feed{flex-direction:column;display:flex}.feed-item{border-bottom:1px solid var(--border);grid-template-columns:28px 1fr auto;gap:12px;padding:12px 0;display:grid}.feed-item:last-child{border-bottom:0}.feed-icon{border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.feed-icon.approve{background:var(--primary-soft);color:var(--primary-ink)}.feed-icon.alert{background:var(--accent-soft);color:var(--accent-ink)}.feed-icon.handoff{background:var(--info-soft);color:var(--info-ink)}.feed-icon.update{background:var(--surface-3);color:var(--text-2)}.feed-body{font-size:13px}.feed-text b{font-weight:600}.feed-meta{color:var(--text-3);margin-top:2px;font-size:11px}.feed-time{color:var(--text-3);white-space:nowrap;font-size:11px}.handoff-board{gap:var(--gap-sm);grid-template-columns:repeat(6,minmax(0,1fr));align-items:start;display:grid}.handoff-col{background:var(--surface-2);border-radius:var(--r-lg);border:1px solid var(--border);min-height:600px;padding:12px}.handoff-col-hd{justify-content:space-between;align-items:center;padding:4px 6px 12px;display:flex}.handoff-col-name{align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:700;display:flex}.handoff-col-name .label-th{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:11px;font-weight:500;overflow:hidden}.handoff-col-name .bu-chip{letter-spacing:.08em;border-radius:var(--r-pill);background:var(--surface);color:var(--text-2);padding:2px 7px;font-size:9px;font-weight:700}.handoff-col-count{color:var(--text-3);font-size:11px;font-weight:600}.handoff-col-cards{flex-direction:column;gap:8px;display:flex}.task-card{background:var(--surface);border-radius:var(--r-md);border:1px solid var(--border);cursor:pointer;padding:12px 12px 12px 16px;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.task-card:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.task-card.pulse{animation:1.6s ease-out taskPulse}@keyframes taskPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--info) 50%, transparent)}to{box-shadow:0 0 0 12px #0000}}.task-prj{color:var(--text-3);font-size:10px;font-weight:500}.task-name{letter-spacing:-.005em;margin:3px 0 8px;font-size:12.5px;font-weight:600;line-height:1.35}.task-row{color:var(--text-2);justify-content:space-between;align-items:center;gap:6px;font-size:10.5px;display:flex}.task-row .pill{flex-shrink:0}.task-handoff{letter-spacing:.04em;background:var(--surface-2);border-radius:var(--r-pill);color:var(--text-2);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:3px 7px;font-size:9px;font-weight:600;display:flex}.task-meta{border-top:1px dashed var(--border);color:var(--text-3);justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;font-size:10px;display:flex}.task-due.overdue{color:var(--danger-ink);font-weight:600}.task-due.soon{color:var(--warn-ink);font-weight:600}.task-owner{align-items:center;gap:5px;display:flex}.task-mini-av{background:var(--surface-3);width:18px;height:18px;color:var(--text-2);border-radius:50%;place-items:center;font-size:8.5px;font-weight:600;display:grid}.task-card .ribbon{width:3px;height:100%;position:absolute;top:0;left:0}.task-card.s-onplan .ribbon{background:var(--st-onplan)}.task-card.s-likely .ribbon{background:var(--st-likely)}.task-card.s-risk .ribbon{background:var(--st-risk)}.task-card.s-delayed .ribbon{background:var(--st-delayed)}.notif-stack{flex-direction:column;gap:10px;display:flex}.notif-item{background:var(--surface);border-radius:var(--r-md);border:1px solid var(--border);border-left:3px solid var(--primary);grid-template-columns:1fr auto;gap:12px;padding:12px 14px;display:grid}.notif-item.alert{border-left-color:var(--accent)}.notif-item.warn{border-left-color:var(--warn)}.notif-item.info{border-left-color:var(--info)}.notif-title{font-size:12.5px;font-weight:600}.notif-body{color:var(--text-2);margin-top:3px;font-size:11.5px;line-height:1.5}.notif-time{color:var(--text-3);white-space:nowrap;font-size:10.5px}.notif-cta{gap:6px;margin-top:8px;display:flex}.notif-cta button{border-radius:var(--r-pill);padding:5px 11px;font-size:11px}.grid-2{gap:var(--gap);grid-template-columns:1.4fr 1fr;display:grid}.grid-3{gap:var(--gap);grid-template-columns:repeat(3,1fr);display:grid}.grid-detail{gap:var(--gap);margin-bottom:var(--gap);grid-template-columns:1.5fr 1fr;display:grid}.stack{gap:var(--gap);flex-direction:column;display:flex}.stack-sm{gap:var(--gap-sm);flex-direction:column;display:flex}.row{align-items:center;gap:var(--gap-sm);display:flex}.theme-swatch{border-radius:var(--r-md);grid-template-columns:repeat(4,1fr);width:100%;height:56px;display:grid}.theme-swatch div{height:100%}.divider{background:var(--border);height:1px;margin:12px 0}.muted{color:var(--text-3)}.text-2{color:var(--text-2)}.tnum{font-feature-settings:"tnum"}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.gap-2{gap:6px}.gap-3{gap:10px}.gap-4{gap:14px}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:18px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.icon{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.icon-sm{width:14px;height:14px}.icon-xs{width:12px;height:12px}.drawer-mask{background:color-mix(in srgb, var(--text) 28%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;animation:.18s maskIn;position:fixed;inset:0}@keyframes maskIn{0%{opacity:0}to{opacity:1}}.drawer{background:var(--surface);z-index:201;flex-direction:column;width:880px;animation:.24s cubic-bezier(.2,.9,.3,1) drawerIn;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-20px 0 60px #0000002e}[data-density=compact] .drawer{width:760px}@keyframes drawerIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.drawer-hd{border-bottom:1px solid var(--border);background:var(--surface-2);flex-shrink:0;padding:18px 28px 16px}.drawer-hd-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.drawer-hd-crumb{color:var(--text-3);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:600}.drawer-hd-title{letter-spacing:-.02em;margin-top:6px;font-size:20px;font-weight:700}.drawer-hd-sub{color:var(--text-2);margin-top:3px;font-size:12px}.drawer-hd-meta{align-items:center;gap:12px;margin-top:14px;display:flex}.drawer-close{background:var(--surface);cursor:pointer;border:1px solid var(--border);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.drawer-close:hover{background:var(--surface-3)}.drawer-presence{color:var(--text-2);align-items:center;gap:8px;font-size:11px;display:flex}.presence-stack{display:flex}.presence-stack .wl-avatar{border:2px solid var(--surface-2);margin-left:-6px}.presence-stack .wl-avatar:first-child{margin-left:0}.presence-active-dot{background:var(--primary);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:4px;animation:2s infinite pulse;display:inline-block}.autosave-chip{color:var(--text-3);background:var(--surface);border-radius:var(--r-pill);border:1px solid var(--border);align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.autosave-chip .check{background:var(--primary);border-radius:50%;width:6px;height:6px}.drawer-body{background:var(--surface);flex:1;padding:0 28px 32px;overflow-y:auto}.drawer-foot{border-top:1px solid var(--border);background:var(--surface-2);flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:14px 28px;display:flex}.approval-banner{border-radius:var(--r-md);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:18px 0;padding:14px 18px;display:grid}.approval-banner.routine{background:var(--primary-soft);color:var(--primary-ink)}.approval-banner.escalate{background:var(--accent-soft);color:var(--accent-ink)}.approval-banner.warn{background:var(--warn-soft);color:var(--warn-ink)}.approval-icon{background:var(--surface);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.approval-title{letter-spacing:-.005em;font-size:13px;font-weight:700}.approval-body{opacity:.85;margin-top:2px;font-size:11.5px;line-height:1.5}.form-section{border-bottom:1px solid var(--border);padding:22px 0}.form-section:last-of-type{border-bottom:0}.form-section-hd{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.form-section-name{align-items:center;gap:10px;display:flex}.form-section-number{background:var(--surface-3);width:24px;height:24px;color:var(--text-2);font-size:11px;font-weight:700;font-family:var(--f-mono);border-radius:8px;place-items:center;display:grid}.form-section.complete .form-section-number{background:var(--primary);color:#fff}.form-section-title{letter-spacing:-.01em;font-size:14px;font-weight:700}.form-section-th{color:var(--text-3);margin-top:1px;font-size:11px}.form-collapse-toggle{color:var(--text-3);cursor:pointer;border-radius:var(--r-pill);align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:flex}.form-collapse-toggle:hover{background:var(--surface-3);color:var(--text)}.form-grid{grid-template-columns:repeat(2,1fr);gap:14px 18px;display:grid}.form-grid.cols-1{grid-template-columns:1fr}.form-field{flex-direction:column;gap:6px;display:flex}.form-field.span-2{grid-column:1/-1}.form-label{color:var(--text-2);letter-spacing:-.005em;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:flex}.form-label .req{color:var(--accent);font-weight:600}.form-label .auto-chip{letter-spacing:.05em;border-radius:var(--r-pill);background:var(--info-soft);color:var(--info-ink);align-items:center;gap:3px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-flex}.form-label .ocr-chip{letter-spacing:.05em;border-radius:var(--r-pill);background:var(--plum-soft);color:var(--accent-ink);padding:2px 6px;font-size:9px;font-weight:700}.form-input,.form-textarea,.form-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;font:inherit;color:var(--text);padding:9px 12px;font-size:13px;transition:border .12s,background .12s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--text);background:var(--surface);outline:none}.form-input.auto,.form-textarea.auto,.form-select.auto{background:var(--info-soft);border-color:color-mix(in srgb, var(--info) 35%, transparent);color:var(--text);cursor:not-allowed}.form-textarea{resize:vertical;min-height:60px;line-height:1.5}.form-helper{color:var(--text-3);margin-top:2px;font-size:10.5px}.ocr-field{background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:var(--r-md);grid-template-columns:80px 1fr;align-items:center;gap:10px;padding:10px;display:grid}.ocr-thumb{border-radius:var(--r-sm);background:linear-gradient(135deg, var(--plum-soft), var(--surface-3));width:80px;height:56px;color:var(--accent-ink);place-items:center;display:grid;position:relative;overflow:hidden}.ocr-thumb:before{content:"";background-image:repeating-linear-gradient(45deg, transparent 0 4px, color-mix(in srgb, var(--text-3) 14%, transparent) 4px 5px);position:absolute;inset:0}.ocr-thumb svg{position:relative}.ocr-status{color:var(--primary-ink);align-items:center;gap:4px;margin-top:3px;font-size:10px;font-weight:600;display:flex}.rai-input{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.rai-input .rai-cell{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:6px 10px 8px}.rai-input .rai-lbl{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:9px;font-weight:600}.rai-input .rai-val{font-feature-settings:"tnum";font-size:18px;font-weight:700}.chips-field{flex-wrap:wrap;gap:6px;display:flex}.chip-toggle{border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border);color:var(--text-2);cursor:pointer;padding:5px 11px;font-size:11px;font-weight:500;transition:all .12s}.chip-toggle.on{background:var(--text);color:var(--surface);border-color:var(--text)}.chip-toggle:hover{background:var(--surface-3)}.chip-toggle.on:hover{background:var(--text);opacity:.92}.mix-bar{border-radius:var(--r-pill);border:1px solid var(--border);height:28px;display:flex;overflow:hidden}.mix-seg{color:#fff;place-items:center;font-size:10px;font-weight:700;transition:flex .2s;display:grid}.mix-legend{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.mix-legend-item{color:var(--text-2);align-items:center;gap:6px;font-size:11px;display:flex}.mix-legend-sw{border-radius:3px;width:10px;height:10px}.mention-bar{background:var(--surface-2);border-radius:var(--r-md);border:1px dashed var(--border-strong);color:var(--text-2);align-items:center;gap:10px;margin-top:18px;padding:10px 14px;font-size:12px;display:flex}.mention-bar input{font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:12px}.mention-suggest{color:var(--text-3);font-size:10px}.doc-strip{flex-direction:column;gap:8px;margin-top:12px;display:flex}.doc-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:9px 12px;display:grid}.doc-row .doc-icon{background:var(--surface-3);width:30px;height:30px;color:var(--text-2);border-radius:8px;place-items:center;display:grid}.doc-row .doc-name{font-size:12.5px;font-weight:600}.doc-row .doc-sub{color:var(--text-3);font-size:10.5px}.workspace-grid{gap:var(--gap);grid-template-columns:repeat(2,1fr);display:grid}.task-row-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;grid-template-columns:1fr;gap:12px;padding:18px 20px;transition:transform .12s,box-shadow .12s;display:grid;position:relative;overflow:hidden}.task-row-card:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.task-row-card:before{content:"";background:var(--primary);width:4px;position:absolute;top:0;bottom:0;left:0}.task-row-card.state-draft:before{background:var(--text-3)}.task-row-card.state-in-progress:before{background:var(--info)}.task-row-card.state-awaiting-approval:before{background:var(--warn)}.task-row-card.state-returned:before{background:var(--accent)}.task-row-card.state-complete:before{background:var(--primary)}.task-row-card-hd{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.task-row-card-title{letter-spacing:-.015em;font-size:15px;font-weight:700}.task-row-card-th{color:var(--text-3);margin-top:2px;font-size:11px}.progress-pill{color:var(--text-2);align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.progress-track{background:var(--surface-3);border-radius:var(--r-pill);width:70px;height:5px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:var(--r-pill);height:100%;transition:width .6s}.task-note{color:var(--text-2);background:var(--surface-2);border-radius:var(--r-md);border-left:2px solid var(--border-strong);padding:10px 12px;font-size:12px;line-height:1.5}.task-row-card-foot{justify-content:space-between;align-items:center;gap:10px;padding-top:6px;display:flex}.task-row-card-foot-left{align-items:center;gap:8px;display:flex}.chain-vis{align-items:center;gap:0;padding:12px 4px;display:flex}.chain-step{color:var(--text-3);letter-spacing:.04em;flex-direction:column;flex:1;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex;position:relative}.chain-step.you{color:var(--accent-ink)}.chain-step.you .chain-dot{background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 22%, transparent)}.chain-step .chain-dot{background:var(--surface-3);z-index:2;border-radius:50%;width:16px;height:16px;position:relative}.chain-step.done .chain-dot{background:var(--primary)}.chain-line{background:var(--surface-3);z-index:1;height:2px;position:absolute;top:8px;left:50%;right:-50%}.chain-step.done+.chain-step.done .chain-line,.chain-step.done+.chain-step.you .chain-line,.chain-step.done .chain-line{background:var(--primary)}.chain-step:last-child .chain-line{display:none}.nav-new-pip{background:var(--info-soft);color:var(--info-ink);border-radius:var(--r-pill);letter-spacing:.06em;margin-left:auto;padding:2px 7px;font-size:9px;font-weight:700}.role-switcher{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:repeat(4,1fr);gap:2px;margin:0 0 14px;padding:6px;display:grid;position:relative}.role-switcher:before{content:"VIEWING AS";letter-spacing:.1em;color:var(--text-3);font-size:9px;font-weight:700;position:absolute;top:-16px;left:4px}.role-tab{border-radius:var(--r-sm);letter-spacing:.04em;color:var(--text-3);cursor:pointer;text-align:center;background:0 0;border:0;padding:7px 0;font-size:10px;font-weight:700;transition:all .12s}.role-tab.active{background:var(--text);color:var(--surface)}.role-tab:hover:not(.active){background:var(--surface-2);color:var(--text)}.sla-badge{border-radius:var(--r-pill);letter-spacing:.02em;font-feature-settings:"tnum";align-items:center;gap:5px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.sla-badge .sla-dot{border-radius:50%;width:6px;height:6px}.sla-badge.ok{background:var(--primary-soft);color:var(--primary-ink)}.sla-badge.ok .sla-dot{background:var(--primary)}.sla-badge.warn{background:var(--warn-soft);color:var(--warn-ink)}.sla-badge.warn .sla-dot{background:var(--warn);animation:2s infinite pulse}.sla-badge.overdue{background:var(--danger-soft);color:var(--danger-ink)}.sla-badge.overdue .sla-dot{background:var(--danger);animation:1.2s infinite pulse}.sla-badge.pending{background:var(--surface-3);color:var(--text-2)}.sla-badge.pending .sla-dot{background:var(--text-3)}.rework-chip{border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-ink);align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.rework-chip.flag{animation:2s infinite pulse}.wf-stepper{grid-auto-columns:1fr;grid-auto-flow:column;gap:0;margin-top:12px;display:grid}.wf-step{text-align:center;color:var(--text-3);letter-spacing:.04em;font-size:10px;font-weight:600;position:relative}.wf-step .wf-dot{background:var(--surface-3);z-index:2;border-radius:50%;width:16px;height:16px;margin:0 auto 6px;position:relative}.wf-step.done .wf-dot{background:var(--primary)}.wf-step.current .wf-dot{background:var(--info);box-shadow:0 0 0 5px color-mix(in srgb, var(--info) 22%, transparent)}.wf-step.escalated .wf-dot{background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 24%, transparent)}.wf-step:before{content:"";background:var(--surface-3);z-index:1;height:2px;position:absolute;top:8px;left:50%;right:-50%}.wf-step.done:before{background:var(--primary)}.wf-step:last-child:before{display:none}.wf-step.done.lbl,.wf-step.current .lbl{color:var(--text)}.wf-step .lbl-th{color:var(--text-3);letter-spacing:0;font-size:9px;font-weight:500}.audit-mini{background:var(--surface-2);border-radius:var(--r-sm);flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;font-size:11px;display:flex}.audit-mini .audit-mini-stat{color:var(--text-2);align-items:center;gap:5px;display:flex}.audit-mini .audit-mini-stat b{color:var(--text);font-feature-settings:"tnum";font-weight:700}.audit-timeline{padding-left:32px;position:relative}.audit-timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:4px;bottom:4px;left:14px}.audit-event{padding:6px 0 14px;font-size:12px;position:relative}.audit-event:before{content:"";background:var(--surface);border:2px solid var(--border-strong);border-radius:50%;width:12px;height:12px;position:absolute;top:10px;left:-25px}.audit-event.action-created:before{border-color:var(--text-3)}.audit-event.action-sent_for_review:before,.audit-event.action-email_sent:before{border-color:var(--info);background:var(--info-soft)}.audit-event.action-opened:before{border-color:var(--text-2)}.audit-event.action-returned:before,.audit-event.action-escalated_to_ceo:before{border-color:var(--accent);background:var(--accent-soft)}.audit-event.action-approved:before{border-color:var(--primary);background:var(--primary-soft)}.audit-event.action-deliverable_added:before{border-color:var(--plum);background:var(--plum-soft)}.audit-event.action-pending:before{border-color:var(--warn);background:var(--warn-soft);animation:1.6s infinite pulse}.audit-event-hd{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.audit-event-title{font-size:12px;font-weight:600}.audit-event-actor{color:var(--text-2);font-size:11px}.audit-event-ts{color:var(--text-3);font-feature-settings:"tnum";margin-left:auto;font-size:10.5px}.audit-event-meta{color:var(--text-2);margin-top:3px;font-size:11px;line-height:1.45}.audit-event-meta .gap{color:var(--warn-ink);font-weight:600}.cycle-bar{border-radius:var(--r-pill);background:var(--surface-3);height:28px;margin:8px 0;display:flex;overflow:hidden}.cycle-seg{color:#fff;letter-spacing:.02em;cursor:pointer;place-items:center;font-size:10px;font-weight:700;display:grid;position:relative}.cycle-seg-tip{background:var(--text);color:var(--surface);border-radius:var(--r-sm);white-space:nowrap;pointer-events:none;opacity:0;z-index:5;padding:5px 10px;font-size:11px;font-weight:500;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.cycle-seg:hover .cycle-seg-tip{opacity:1}.cycle-seg.ok{background:var(--primary)}.cycle-seg.warn{background:var(--warn)}.cycle-seg.overdue{background:var(--danger)}.cycle-seg.pending{background:var(--text-3);background-image:repeating-linear-gradient(45deg,#0000 0 6px,#ffffff24 6px 7px)}.email-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);margin:14px 0;overflow:hidden}.email-card-hd{background:var(--info-soft);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.email-card-hd-left{color:var(--info-ink);letter-spacing:.04em;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.email-card-meta{border-bottom:1px solid var(--border);padding:10px 14px;font-size:11px;line-height:1.6}.email-card-meta .label{color:var(--text-3);width:52px;font-weight:600;display:inline-block}.email-card-meta b{color:var(--text)}.email-card-subject{border-bottom:1px solid var(--border);padding:10px 14px;font-size:13px;font-weight:700}.email-card-body{color:var(--text-2);white-space:pre-wrap;font-size:12px;line-height:1.65;font-family:var(--f-mono);background:var(--surface-2);max-height:280px;padding:14px;overflow-y:auto}.email-card-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:10px 14px;display:flex}.ceo-action-bar{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px;display:grid}.ceo-action{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;font-size:11.5px;font-weight:600;transition:all .12s;display:flex}.ceo-action:hover{background:var(--surface-2);box-shadow:var(--shadow-1);transform:translateY(-1px)}.ceo-action .ceo-action-icon{background:var(--surface-3);width:32px;height:32px;color:var(--text-2);border-radius:10px;place-items:center;display:grid}.ceo-action.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.ceo-action.primary .ceo-action-icon{color:#fff;background:#ffffff2e}.ceo-action.danger{background:var(--accent-soft);color:var(--accent-ink);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.ceo-action.danger .ceo-action-icon{background:var(--surface);color:var(--accent-ink)}.ceo-action.info .ceo-action-icon{background:var(--info-soft);color:var(--info-ink)}.ceo-action.warn .ceo-action-icon{background:var(--warn-soft);color:var(--warn-ink)}.ceo-action.plum .ceo-action-icon{background:var(--plum-soft);color:var(--accent-ink)}.risk-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);grid-template-columns:4px 1fr;gap:16px;margin-bottom:12px;padding:18px;display:grid;position:relative;overflow:hidden}.risk-card-stripe{background:var(--danger);border-radius:var(--r-pill)}.risk-card[data-severity=med] .risk-card-stripe{background:var(--warn)}.risk-card[data-severity=low] .risk-card-stripe{background:var(--primary)}.risk-card-body{flex-direction:column;gap:10px;display:flex}.risk-card-hd{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.risk-card-title{letter-spacing:-.015em;font-size:16px;font-weight:700}.risk-card-meta{color:var(--text-3);margin-top:2px;font-size:11px}.risk-card-detail{color:var(--text-2);font-size:13px;line-height:1.5}.risk-card-impact{background:var(--surface-2);border-radius:var(--r-pill);color:var(--text-2);align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.risk-related{color:var(--text-3);align-items:center;gap:5px;font-size:11px;display:flex}.drawer-tabs{border-bottom:1px solid var(--border);gap:4px;margin-top:14px;padding:0;display:flex}.drawer-tab{color:var(--text-3);cursor:pointer;background:0 0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:9px 14px;font-size:12px;font-weight:600;display:inline-flex}.drawer-tab:hover{color:var(--text)}.drawer-tab.active{color:var(--text);border-bottom-color:var(--text)}.drawer-tab .tab-count{background:var(--surface-3);color:var(--text-2);border-radius:var(--r-pill);padding:2px 6px;font-size:10px;font-weight:700}.drawer-tab.active .tab-count{background:var(--text);color:var(--surface)}.deliv-row{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);grid-template-columns:36px 1fr auto auto;align-items:center;gap:14px;margin-bottom:8px;padding:12px;display:grid}.deliv-row.missing{border-color:color-mix(in srgb, var(--danger) 40%, transparent);background:var(--danger-soft)}.deliv-row.optional{background:var(--surface-2)}.deliv-icon{border-radius:var(--r-sm);background:var(--surface-2);width:36px;height:36px;color:var(--text-2);font-size:9px;font-weight:700;font-family:var(--f-mono);text-transform:uppercase;place-items:center;display:grid}.deliv-row.missing .deliv-icon{background:var(--surface);color:var(--danger-ink)}.deliv-name{font-size:13px;font-weight:600}.deliv-meta{color:var(--text-3);margin-top:2px;font-size:11px}.deliv-tag{border-radius:var(--r-pill);background:var(--info-soft);color:var(--info-ink);letter-spacing:.04em;margin-left:6px;padding:2px 7px;font-size:9px;font-weight:700;display:inline-block}.deliv-blocking{color:var(--danger-ink);font-size:11px;font-weight:600}.modal-mask{background:color-mix(in srgb, var(--text) 32%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:300;place-items:center;animation:.18s maskIn;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--r-xl);width:600px;max-height:80vh;box-shadow:var(--shadow-3);flex-direction:column;animation:.22s cubic-bezier(.2,.9,.3,1) modalIn;display:flex;overflow:hidden}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-hd{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-title{letter-spacing:-.015em;font-size:17px;font-weight:700}.modal-body{flex:1;padding:20px 24px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);background:var(--surface-2);justify-content:flex-end;gap:8px;padding:14px 24px;display:flex}.attendees-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;display:grid}.attendee-row{background:var(--surface-2);border-radius:var(--r-md);align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.attendee-name{font-weight:600}.attendee-role{color:var(--text-3);font-size:10px}.attendee-cb{background:var(--primary);color:#fff;border-radius:5px;place-items:center;width:18px;height:18px;margin-left:auto;display:grid}.bottleneck-row{grid-template-columns:130px 1fr 60px;align-items:center;gap:12px;padding:6px 0;font-size:12px;display:grid}.bottleneck-name{color:var(--text-2);font-weight:500}.bottleneck-bar-wrap{background:var(--surface-3);border-radius:var(--r-pill);height:18px;position:relative;overflow:visible}.bottleneck-bar{border-radius:var(--r-pill);color:#fff;align-items:center;height:100%;padding:0 8px;font-size:10px;font-weight:700;display:flex;position:relative}.bottleneck-target{background:var(--text);z-index:2;width:2px;position:absolute;top:-2px;bottom:-2px}.ins-filterbar{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-3);align-items:center;gap:6px;padding:6px 10px;display:flex}.ins-search{font:inherit;color:var(--text);background:0 0;border:0;outline:none;width:180px;font-size:12px}.ins-select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);font:inherit;color:var(--text);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path fill='rgba(0,0,0,.5)' d='M0 0h10L5 6z'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding:6px 28px 6px 10px;font-size:12px}.ins-num{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);text-align:center;width:56px;font:inherit;color:var(--text);font-feature-settings:"tnum";padding:4px 8px;font-size:13px;font-weight:600}.ins-num:focus{outline:2px solid color-mix(in srgb, var(--primary) 30%, transparent)}.ins-seg{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);gap:2px;padding:3px;display:inline-flex}.ins-seg-btn{color:var(--text-3);border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.ins-seg-btn:hover{color:var(--text)}.ins-seg-btn.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.ins-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.ins-stage-row{grid-template-columns:150px 1fr 44px;align-items:center;gap:10px;padding:7px 0;font-size:12px;display:grid}.ins-stage-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;display:flex;overflow:hidden}.ins-stage-bar{background:var(--surface-3);border-radius:var(--r-pill);height:7px;overflow:hidden}.ins-stage-fill{border-radius:var(--r-pill);height:100%;transition:width .8s}.ins-stage-val{font-feature-settings:"tnum";text-align:right;color:var(--text-2);font-weight:700}.ins-causes{flex-wrap:wrap;gap:8px;display:flex}.ins-cause{align-items:center;gap:6px;display:inline-flex}.ins-cause-tag{border-radius:var(--r-pill);border:1px solid var(--border);white-space:nowrap;align-items:center;padding:4px 9px;font-size:11px;font-weight:600;display:inline-flex}.ins-cause-count{color:var(--text-3);font-feature-settings:"tnum";font-size:11px;font-weight:700}.ins-sla-row{grid-template-columns:56px 1fr 40px 72px;align-items:center;gap:10px;padding:6px 0;font-size:12px;display:grid}.ins-sla-team{font-weight:600}.ins-sla-track{background:var(--surface-3);border-radius:var(--r-pill);height:6px;overflow:hidden}.ins-sla-fill{border-radius:var(--r-pill);height:100%;transition:width .8s}.ins-sla-val{text-align:right;font-feature-settings:"tnum";font-weight:700}.ins-sla-breach{text-align:right}.ins-heat{gap:4px;font-size:11px;display:grid}.ins-heat-head,.ins-heat-row{grid-template-columns:110px repeat(7,1fr);align-items:center;gap:4px;display:grid}.ins-heat-day{color:var(--text-3);text-align:center;letter-spacing:.05em;text-transform:uppercase;padding-bottom:2px;font-size:10px;font-weight:600}.ins-heat-name{align-items:center;gap:6px;display:flex}.ins-heat-cell{color:#0000008c;font-feature-settings:"tnum";cursor:default;border-radius:6px;place-items:center;height:30px;font-size:10px;font-weight:700;transition:transform .1s;display:grid}.ins-heat-cell:hover{box-shadow:var(--shadow-1);z-index:1;transform:scale(1.07)}.ins-heat-cell span{line-height:1}.ins-heat-legend{justify-content:flex-end;align-items:center;gap:4px;margin-top:12px;display:flex}.ins-heat-swatch{border-radius:3px;width:18px;height:12px}.ins-tpl-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.ins-tpl{text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:12px;width:100%;padding:14px;transition:background .15s,transform .15s,border-color .15s;display:flex}.ins-tpl:hover{background:var(--surface);border-color:var(--border-strong);box-shadow:var(--shadow-1);transform:translateY(-1px)}.ins-tpl-ico{border-radius:var(--r-md);flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.ins-tpl-body{flex:1;min-width:0}.ins-tpl-title{margin-bottom:2px;font-size:13px;font-weight:600}.ins-tpl-sub{color:var(--text-3);margin-bottom:6px;font-size:11px}.ins-tpl-meta{color:var(--text-3);flex-wrap:wrap;gap:12px;font-size:10px;display:flex}.ins-tpl-meta span{align-items:center;gap:4px;display:inline-flex}.ins-tpl-run{color:var(--text-3);flex-shrink:0}.ins-tpl:hover .ins-tpl-run{color:var(--primary)}.ins-tabs{border-bottom:1px solid var(--border);gap:4px;margin:-8px -4px 14px;padding:0 4px;display:flex}.ins-tab{color:var(--text-3);border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}.ins-tab:hover{color:var(--text-2)}.ins-tab.active{color:var(--text);border-bottom-color:var(--primary)}.ins-tab-count{background:var(--surface-3);color:var(--text-2);border-radius:var(--r-pill);padding:1px 7px;font-size:10px;font-weight:700}.ins-tab.active .ins-tab-count{background:var(--primary-soft);color:var(--primary-ink)}.ins-file-ico{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);width:32px;height:32px;color:var(--text-3);flex-shrink:0;place-items:center;display:grid}.ins-settings{gap:var(--gap);grid-template-columns:220px 1fr;align-items:start;display:grid}.ins-settings-nav{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;gap:2px;padding:8px;display:flex;position:sticky;top:16px}.ins-settings-nav-item{border-radius:var(--r-sm);color:var(--text-2);text-align:left;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13px;font-weight:500;display:flex}.ins-settings-nav-item:hover{background:var(--surface-2);color:var(--text)}.ins-settings-nav-item.active{background:var(--surface-2);color:var(--text);font-weight:600}.ins-settings-nav-item.active .icon:first-child{color:var(--primary)}.ins-settings-chev{color:var(--text-3);margin-left:auto}.ins-settings-panel{gap:var(--gap);flex-direction:column;min-width:0;display:flex}.ins-profile{align-items:flex-start;gap:20px;display:flex}.ins-profile-av{background:linear-gradient(135deg, var(--accent-soft), color-mix(in srgb, var(--accent) 30%, transparent));width:84px;height:84px;color:var(--accent-ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:28px;font-weight:700;display:grid;position:relative}.ins-profile-edit{background:var(--surface);border:1px solid var(--border);width:26px;height:26px;color:var(--text-2);box-shadow:var(--shadow-1);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.ins-profile-edit:hover{color:var(--text)}.ins-field{flex-direction:column;gap:4px;min-width:0;display:flex}.ins-field label{color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.ins-field-val{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);white-space:nowrap;text-overflow:ellipsis;padding:8px 10px;font-size:13px;overflow:hidden}.ins-notif-table tbody tr:hover{background:0 0}.ins-toggle{background:var(--surface-3);border-radius:var(--r-pill);cursor:pointer;vertical-align:middle;width:32px;height:18px;transition:background .15s;display:inline-block;position:relative}.ins-toggle.on{background:var(--primary)}.ins-toggle-knob{background:#fff;border-radius:50%;width:14px;height:14px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.ins-toggle.on .ins-toggle-knob{left:16px}.ins-integ-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ins-integ{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:14px;padding:14px;display:flex}.ins-integ-badge{border-radius:var(--r-md);letter-spacing:.04em;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:11px;font-weight:700;display:grid}.ins-integ-title{font-size:13px;font-weight:600}.ins-integ-note{color:var(--text-2);margin-top:1px;font-size:11px}.ins-integ-acct{color:var(--text-3);font-size:10px;font-family:var(--f-mono);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.ins-sla-rule{border-bottom:1px dashed var(--border);grid-template-columns:220px 130px 1fr;align-items:center;gap:14px;padding:10px 0;display:grid}.ins-sla-rule:last-child{border-bottom:0}.ins-sla-rule-stage{align-items:center;gap:8px;display:flex}.ins-sla-rule-days{align-items:center;gap:6px;display:flex}.ins-sla-rule-escal{justify-content:flex-end;align-items:center;gap:8px;display:flex}.ins-sec-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.ins-sec-row:last-child{border-bottom:0}.ins-audit-row{border-bottom:1px dashed var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.ins-audit-row:last-child{border-bottom:0}.ins-sec-tile{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:14px}[data-density=compact] .ins-stage-row,[data-density=compact] .ins-sla-row{padding:4px 0;font-size:11px}[data-density=compact] .ins-heat-cell{height:22px;font-size:9px}[data-density=compact] .ins-tpl{padding:10px}[data-density=compact] .ins-tpl-ico{width:32px;height:32px}[data-density=compact] .ins-settings-nav-item,[data-density=compact] .ins-field-val{padding:6px 10px;font-size:12px}[data-density=compact] .ins-integ{padding:10px}[data-density=compact] .ins-integ-badge{width:36px;height:36px}.toast-host{z-index:10001;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--text);color:var(--surface);border-radius:var(--r-pill);align-items:center;gap:10px;padding:10px 16px 10px 12px;font-size:12px;font-weight:500;animation:.25s cubic-bezier(.2,1.4,.4,1) toast-in;display:inline-flex;box-shadow:0 8px 28px #0000002e}.toast-ico{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.toast-success .toast-ico{background:var(--primary)}.toast-error .toast-ico{background:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.popmenu{z-index:10000;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:1px;padding:6px;animation:.12s ease-out pop-in;display:flex;position:fixed;box-shadow:0 12px 36px #00000024,0 0 0 1px #00000005}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.popmenu-item{border-radius:var(--r-sm);color:var(--text-2);text-align:left;align-items:center;gap:9px;width:100%;padding:7px 10px;font-size:13px;font-weight:500;display:flex}.popmenu-item:hover{background:var(--surface-2);color:var(--text)}.popmenu-item.danger{color:var(--danger-ink)}.popmenu-item.danger:hover{background:var(--danger-soft)}.popmenu-item .icon{color:var(--text-3)}.popmenu-item.danger .icon{color:var(--danger-ink)}.popmenu-shortcut{color:var(--text-3);font-size:10px;font-family:var(--f-mono);margin-left:auto}.popmenu-div{background:var(--border);height:1px;margin:4px 2px}.sev-radio{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sev-radio-item{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-md);text-align:left;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.sev-radio-item:hover{border-color:var(--border-strong)}.sev-radio-item.active{font-weight:600}.rebal-summary{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.rebal-summary-lbl{text-transform:uppercase;color:var(--text-3);letter-spacing:.06em;font-size:10px;font-weight:600}.rebal-summary-val{font-feature-settings:"tnum";margin-top:2px;font-size:15px;font-weight:700}.rebal-summary-arrow{color:var(--text-3)}.rebal-move{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);grid-template-columns:130px 1fr 18px 130px;align-items:center;gap:14px;padding:12px;display:grid}.rebal-from,.rebal-to{align-items:center;gap:9px;display:flex}.rebal-mid{min-width:0}.rebal-arrow{color:var(--text-3);justify-self:center}.newrep-tpls{grid-template-columns:1fr 1fr;gap:6px;display:grid}.newrep-tpl{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-sm);color:var(--text-2);text-align:left;align-items:center;gap:9px;padding:9px 11px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s;display:flex}.newrep-tpl:hover{color:var(--text);border-color:var(--border-strong)}.newrep-tpl.active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-ink);font-weight:600}.newrep-tpl.active .icon{color:var(--primary)}.newrep-tpl span{flex:1}.format-pick{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.format-pick-item{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-sm);text-align:center;padding:10px;transition:border-color .15s}.format-pick-item:hover{border-color:var(--border-strong)}.format-pick-item.active{border-color:var(--primary);background:var(--primary-soft)}.format-pick-item.active div:first-child{color:var(--primary-ink)}.flow-flag-btn{color:var(--text-3);border-radius:var(--r-pill);border:1px dashed var(--border-strong);background:0 0;align-items:center;gap:5px;margin-top:8px;padding:4px 8px;font-size:10px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.flow-flag-btn:hover{color:var(--danger-ink);background:var(--danger-soft);border-color:var(--danger);border-style:solid}.flow-cell.delayed .flow-flag-btn,.flow-cell.current .flow-flag-btn{border-color:var(--danger);color:var(--danger-ink)}.app-boot{color:#9aa6ad;background:#0e1216;justify-content:center;align-items:center;font-family:Sarabun,sans-serif;font-size:18px;display:flex;position:fixed;inset:0}.hd-title p{letter-spacing:.25em!important;font-size:14px!important}.row.colhead{font-size:16px!important}.btn-tv-login{border-radius:var(--r-pill);background:var(--bg-3);color:var(--text-2);border:1px solid var(--border-subtle);padding:6px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s,color .2s}.btn-tv-login:hover{background:var(--bg-4);color:var(--text-1)}.login-stage{color:#e8ecf0;background:radial-gradient(120% 80% at 50% -10%,#36a3c72e,#0000 60%),#0e1216;justify-content:center;align-items:center;font-family:Sarabun,ui-sans-serif,system-ui,sans-serif;display:flex;position:fixed;inset:0}.login-card{background:#161b20eb;border:.5px solid #ffffff1f;border-radius:18px;width:360px;max-width:calc(100vw - 32px);padding:32px 28px;box-shadow:0 24px 70px #0000008c}.login-brand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.login-logo{color:#fff;letter-spacing:.02em;background:#2f6b4f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:700;display:flex}.login-brand h1{margin:0;font-size:16px;font-weight:700}.login-brand p{opacity:.6;margin:2px 0 0;font-size:11px}.login-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.login-field label{opacity:.7;font-size:12px}.login-field input{color:#fff;background:#ffffff0d;border:1px solid #ffffff24;border-radius:10px;outline:none;padding:11px 12px;font-size:14px}.login-field input:focus{border-color:#52ad38}.login-remember{align-items:center;margin-top:-2px;margin-bottom:16px;display:flex}.login-remember label{color:#c4ceb8;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.login-remember input[type=checkbox]{accent-color:#52ad38;cursor:pointer;border-radius:4px;width:16px;height:16px}.login-btn{color:#06141a;cursor:pointer;background:#52ad38;border:none;border-radius:10px;width:100%;margin-top:6px;padding:12px;font-size:14px;font-weight:700}.login-btn:disabled{opacity:.6;cursor:default}.login-err{color:#ffb4b4;background:#d6454529;border:1px solid #d6454566;border-radius:9px;margin-bottom:14px;padding:9px 12px;font-size:12.5px}.login-hint{opacity:.45;text-align:center;margin-top:16px;font-size:11px;line-height:1.5}.bc-panel{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);color:#e8ecf0;background:#14181cd1;border:.5px solid #ffffff24;border-radius:14px;flex-direction:column;gap:12px;width:230px;padding:14px;font:11.5px/1.4 Sarabun,ui-sans-serif,system-ui,sans-serif;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 12px 40px #00000073}.bc-hd{letter-spacing:.02em;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.bc-hd button{all:unset;cursor:pointer;opacity:.6;font-size:14px}.bc-hd button:hover{opacity:1}.bc-row{flex-direction:column;gap:6px;display:flex}.bc-lbl{opacity:.62;text-transform:uppercase;letter-spacing:.04em;font-size:10.5px}.bc-seg{gap:4px;display:flex}.bc-seg button{all:unset;text-align:center;cursor:pointer;color:#cfd6dd;background:#ffffff0f;border-radius:8px;flex:1;padding:5px 0;font-size:11px}.bc-seg button.on{background:var(--accent,#36a3c7);color:#06141a;font-weight:600}.bc-swatches{gap:6px;display:flex}.bc-swatches button{all:unset;cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 2px #0000}.bc-swatches button.on{box-shadow:0 0 0 2px #fff}.bc-slider{align-items:center;gap:8px;display:flex}.bc-slider input{flex:1}.bc-toggle{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.bc-toggle input{accent-color:var(--accent,#36a3c7)}.bc-fab{z-index:50;cursor:pointer;color:#e8ecf0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14181cd1;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 24px #0006}.sess-bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:6px;display:flex}.sess-name{color:var(--ink);font-size:17px;font-weight:600}.sess-role{letter-spacing:.05em;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:700}.role-admin{color:#7fd4ec;background:#36a3c738}.role-ceo{color:#ecca4e;background:#e2b00738}.role-cpl{color:#8ee0a6;background:#52ad3838}.sess-upload,.sess-logout{all:unset;cursor:pointer;border-radius:9px;padding:7px 14px;font-size:14px;line-height:1}.sess-upload{color:#06141a;background:#52ad38;font-weight:700}.sess-upload:disabled{opacity:.6;cursor:default}.sess-logout{color:var(--ink);background:#ffffff1a;font-weight:600}.sess-logout:hover{background:#ffffff2e}.sess-status{text-align:right;flex-basis:100%;font-size:13px}.sess-status.is-ok{color:#8ee0a6}.sess-status.is-err{color:#ff9d9d}.sess-sync{all:unset;cursor:pointer;color:var(--accent,#52ad38);background:color-mix(in oklab, var(--accent,#52ad38) 16%, transparent);border:1px solid color-mix(in oklab, var(--accent,#52ad38) 45%, transparent);border-radius:9px;padding:7px 12px;font-size:14px;font-weight:600;line-height:1}.sess-sync:hover{background:color-mix(in oklab, var(--accent,#52ad38) 26%, transparent)}.sess-sync:disabled{opacity:.55;cursor:default}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;font-family:Sarabun,sans-serif}.stage{background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.board{transform-origin:50%;width:1920px;height:1080px;color:var(--ink);background:radial-gradient(120% 80% at 50% -10%, var(--glow), transparent 60%), var(--bg);--st-ontime:oklch(74% .16 150);--st-due:oklch(82% .15 82);--st-delayed:oklch(66% .21 26);--st-await:oklch(76% .11 222);--st-goa:oklch(70% .15 300);--st-vendor:oklch(72% .15 270);--st-done:oklch(62% .01 200);--team-proc:oklch(74% .12 178);--team-draft:oklch(72% .13 300);--team-sign:oklch(70% .13 255);--sg-pr:oklch(74% .12 178);--sg-rfq:oklch(76% .11 222);--sg-legal:oklch(72% .13 300);--sg-po:oklch(74% .13 255);--sg-dp:oklch(78% .13 90);--sg-done:oklch(62% .01 200);--ct:oklch(74% .13 300);--pri-p1:oklch(66% .21 26);--pri-p2:oklch(82% .15 82);--pri-p3:oklch(74% .1 165);--pri-p4:oklch(60% .01 200);flex-direction:column;flex:none;padding:40px 48px 0;display:flex;position:relative;overflow:hidden}.board:after{content:"";pointer-events:none;z-index:50;mix-blend-mode:overlay;opacity:.5;background:repeating-linear-gradient(#ffffff05 0 1px,#0000 1px 3px);position:absolute;inset:0}.board[data-theme=forest]{--bg:oklch(16.5% .032 142);--bg2:oklch(21.5% .038 142);--tile:oklch(25% .034 142);--ink:oklch(96% .012 140);--ink-dim:oklch(73% .022 140);--line:oklch(33% .028 142/.6);--glow:oklch(50% .13 142/.38)}.board[data-theme=carbon]{--bg:oklch(15.5% .004 260);--bg2:oklch(20% .005 260);--tile:oklch(23.5% .005 260);--ink:oklch(96% .003 260);--ink-dim:oklch(70% .006 260);--line:oklch(30% .006 260/.6);--glow:oklch(28% .01 260/.3)}.board[data-theme=slate]{--bg:oklch(18.5% .03 256);--bg2:oklch(23% .035 256);--tile:oklch(26% .032 256);--ink:oklch(96% .012 256);--ink-dim:oklch(72% .025 256);--line:oklch(34% .03 256/.6);--glow:oklch(32% .06 256/.4)}.board-hd{border-bottom:2px solid var(--line);flex:none;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;height:132px;display:grid}.hd-left{align-items:center;gap:22px;display:flex}.logo-plate{background:#fff;border-radius:12px;align-items:center;padding:12px 18px;display:flex;box-shadow:0 6px 22px #0006}.logo-plate img{height:46px;display:block}.hd-title h1{letter-spacing:.01em;font-size:30px;font-weight:600;line-height:1.1}.hd-title p{letter-spacing:.16em;color:var(--ink-dim);margin-top:7px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:500}.hd-right{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.live{letter-spacing:.14em;color:var(--accent);align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:13px;font-weight:600;display:inline-flex}.live-dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:1.6s ease-in-out infinite pulse}.clock{letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:58px;font-weight:600;line-height:1}.clock-s{color:var(--ink-dim);font-size:30px}.date{color:var(--ink-dim);font-size:15px;font-weight:400}.hd-mid{padding:0 8px}.summary{flex-direction:column;gap:12px;max-width:560px;margin:0 auto;display:flex}.sum-figs{justify-content:center;gap:18px;display:flex}button.sum-fig{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;outline:none;flex-direction:column;align-items:center;padding:6px 10px;line-height:1;transition:all .18s ease-in-out;display:flex}button.sum-fig:hover{background:#ffffff12;border-color:#ffffff26;transform:translateY(-1px)}button.sum-fig.active-filter{border-color:var(--accent);background:#ffffff1f;box-shadow:0 0 14px #52ad3859}.hd-filter-badge{color:var(--accent);margin-left:6px;font-size:18px;font-weight:500}.sum-pct{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace;font-size:40px;font-weight:700}.sum-lbl{color:var(--ink-dim);letter-spacing:.02em;margin-top:5px;font-size:13px}.sum-fig.ontime .sum-pct{color:var(--st-ontime)}.sum-fig.delayed .sum-pct{color:var(--st-delayed)}.sum-fig.await .sum-pct{color:var(--st-await)}.sum-fig.total .sum-pct{color:var(--ink)}.sum-track{background:var(--bg2);border-radius:6px;gap:2px;height:9px;display:flex;overflow:hidden}.sum-seg{height:100%}.sum-seg.st-ontime{background:var(--st-ontime)}.sum-seg.st-due{background:var(--st-due)}.sum-seg.st-delayed{background:var(--st-delayed)}.sum-seg.st-await{background:var(--st-await)}.sum-seg.st-goa{background:var(--st-goa)}.sum-seg.st-vendor{background:var(--st-vendor)}.sum-seg.st-done{background:var(--st-done)}.board-grid{flex-direction:column;flex:1;min-height:0;padding:14px 0 10px;display:flex}.rows{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.row{grid-template-columns:minmax(230px,1fr) 186px minmax(320px,2fr) 248px 110px 198px 262px;align-items:center;gap:16px;display:grid}.colhead{letter-spacing:.14em;text-transform:uppercase;height:40px;color:var(--ink-dim);border-bottom:1.5px solid var(--line);flex:none;align-items:center;margin-bottom:8px;font-family:IBM Plex Mono,monospace;font-size:12.5px;font-weight:600}.rows .row{min-height:0;max-height:var(--row-max,73px);background:color-mix(in oklab,var(--bg2) 55%,var(--tile));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink) 10%,transparent);border-left:4px solid #0000;border-radius:10px;flex:1 1 0;padding:0 20px;transition:background .3s}.board[data-density=compact]{--row-max:56px}.rows .row:nth-child(odd){background:color-mix(in oklab,var(--bg) 78%,#000)}.rows .row.contract{border-left-color:var(--ct);background:color-mix(in oklab,var(--ct) 9%,var(--bg2))}.sla{flex-direction:column;justify-content:center;gap:5px;display:flex}.sla-bottom{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sla-when{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:20px;font-weight:600}.sla-budget{letter-spacing:.04em;color:var(--ink-dim);background:var(--tile);border-radius:4px;padding:1px 6px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600}.sla-budget.ct{color:var(--ct);background:color-mix(in oklab,var(--ct) 16%,var(--bg2))}.sla-cd{color:var(--st-ontime);font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:500}.sla-cd.over{color:var(--st-delayed)}.sla-cd.muted{color:var(--ink-dim)}.prj-th{white-space:nowrap;text-overflow:ellipsis;font-size:21px;font-weight:600;line-height:1.15;overflow:hidden}.prj-en{align-items:center;gap:10px;margin-top:5px;display:flex}.pjcode{color:var(--ink-dim);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-family:IBM Plex Mono,monospace;font-size:12px;overflow:hidden}.pjcode.muted{opacity:.6}.prj-amt{color:var(--ink);background:var(--tile);border-radius:5px;flex:none;padding:1px 8px;font-family:IBM Plex Mono,monospace;font-size:13.5px;font-weight:700}.stg{background:color-mix(in oklab,var(--tc) 16%,var(--bg2));border-radius:8px;flex-direction:column;gap:3px;padding:7px 12px 7px 13px;display:inline-flex;position:relative;overflow:hidden}.stg-bar{background:var(--tc);width:4px;position:absolute;top:0;bottom:0;left:0}.stg-th{white-space:nowrap;color:color-mix(in oklab,var(--tc) 55%,var(--ink));font-size:15.5px;font-weight:600}.stg-en{color:var(--ink-dim);font-family:Sarabun,sans-serif;font-size:11px;font-weight:500}.stg-pr{--tc:var(--sg-pr)}.stg-rfq{--tc:var(--sg-rfq)}.stg-legal{--tc:var(--sg-legal)}.stg-po{--tc:var(--sg-po)}.stg-dp{--tc:var(--sg-dp)}.stg-done{--tc:var(--sg-done)}.task-th{white-space:nowrap;font-size:20px;font-weight:500;line-height:1.15;overflow:hidden}.task-th>span{white-space:nowrap;display:inline-block}.task-th>span.mq-scroll{animation:mq var(--dur,6s) ease-in-out infinite alternate}@keyframes mq{0%,10%{transform:translate(0)}90%,to{transform:translateX(calc(-1 * var(--shift,0px)))}}.task-meta{align-items:center;gap:12px;margin-top:5px;display:flex}.task-code{letter-spacing:.06em;color:var(--accent);background:color-mix(in oklab,var(--accent) 16%,var(--bg2));border-radius:5px;padding:1px 8px;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:700}.task-vn{color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-family:Sarabun,sans-serif;font-size:12.5px;overflow:hidden}.owner{align-items:center;gap:12px;display:flex}.ava{color:#fff;background:var(--tc,var(--sg-pr));border-radius:9px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:600;display:flex;box-shadow:inset 0 0 0 1px #ffffff1f}.ava.stg-pr{background:color-mix(in oklab,var(--sg-pr) 78%,#000)}.ava.stg-rfq{background:color-mix(in oklab,var(--sg-rfq) 78%,#000)}.ava.stg-legal{background:color-mix(in oklab,var(--sg-legal) 78%,#000)}.ava.stg-po{background:color-mix(in oklab,var(--sg-po) 78%,#000)}.ava.stg-dp{background:color-mix(in oklab,var(--sg-dp) 78%,#000)}.ava.stg-done{background:color-mix(in oklab,var(--sg-done) 78%,#000)}.owner-txt{flex-direction:column;gap:2px;min-width:0;display:flex}.owner-name{white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:500;overflow:hidden}.owner-sla{color:var(--ink-dim);font-family:IBM Plex Mono,monospace;font-size:12px}.pri{border-left:4px solid var(--pc);background:color-mix(in oklab,var(--pc) 12%,var(--bg2));border-radius:8px;flex-direction:column;gap:2px;padding:6px 12px;display:inline-flex}.pri-code{color:var(--pc);letter-spacing:.04em;font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:700}.pri-th{color:var(--ink-dim);font-size:13px}.pri-p1{--pc:var(--pri-p1)}.pri-p2{--pc:var(--pri-p2)}.pri-p3{--pc:var(--pri-p3)}.pri-p4{--pc:var(--pri-p4)}.c-st{perspective:600px;justify-content:center;align-items:center;display:flex;position:relative}.ct-flag{z-index:1;letter-spacing:.02em;color:var(--ct);white-space:nowrap;pointer-events:none;font-family:Sarabun,sans-serif;font-size:11.5px;font-weight:700;position:absolute;top:-16px;left:2px}.st-tile{background:var(--tile);width:100%;transform-style:preserve-3d;backface-visibility:hidden;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0000004d}.st-th{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:600;overflow:hidden}.st-en{letter-spacing:.02em;color:var(--ink-dim);text-align:right;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.st-dot{border-radius:50%;flex:none;width:11px;height:11px}.st-tile.st-ontime{--c:var(--st-ontime)}.st-tile.st-due{--c:var(--st-due)}.st-tile.st-delayed{--c:var(--st-delayed)}.st-tile.st-await{--c:var(--st-await)}.st-tile.st-goa{--c:var(--st-goa)}.st-tile.st-vendor{--c:var(--st-vendor)}.st-tile.st-done{--c:var(--st-done)}.st-tile .st-dot{background:var(--c);box-shadow:0 0 9px var(--c)}.st-tile .st-th{color:var(--c)}.st-tile.st-delayed{background:color-mix(in oklab,var(--st-delayed) 18%,var(--tile))}.st-tile.st-delayed .st-dot{animation:1s step-end infinite blink}.st-tile.st-done{opacity:.55}.st-dot.st-ontime{background:var(--st-ontime)}.st-dot.st-due{background:var(--st-due)}.st-dot.st-delayed{background:var(--st-delayed)}.st-dot.st-await{background:var(--st-await)}.st-dot.st-goa{background:var(--st-goa)}.st-dot.st-vendor{background:var(--st-vendor)}.st-dot.st-done{background:var(--st-done)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.2}}.board[data-flip="1"] .st-tile.flipping{animation:.62s cubic-bezier(.4,0,.3,1) flap}@keyframes flap{0%{transform:rotateX(0)}35%{transform:rotateX(-88deg)}36%{filter:brightness(1.4);transform:rotateX(88deg)}to{filter:brightness();transform:rotateX(0)}}.board[data-bilingual="0"] .pjcode,.board[data-bilingual="0"] .st-en,.board[data-bilingual="0"] .stg-en{display:none}.board-ft{border-top:2px solid var(--line);flex:none;justify-content:space-between;align-items:center;height:60px;display:flex}.ft-legend{gap:26px;display:flex}.leg{color:var(--ink-dim);align-items:center;gap:8px;font-size:14px;display:inline-flex}.leg .st-dot{width:10px;height:10px}.ct-leg .ct-dot{background:var(--ct);border-radius:3px;width:10px;height:10px;display:inline-block}.ft-page{align-items:center;gap:16px;display:flex}.ft-loop{letter-spacing:.14em;color:var(--ink-dim);text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:12px}.ft-num{color:var(--ink);font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace;font-size:17px;font-weight:600}.ft-bar{background:var(--bg2);border-radius:4px;width:200px;height:6px;overflow:hidden}.ft-bar i{background:var(--accent);border-radius:4px;height:100%;transition:width 80ms linear;display:block}.ft-gear{all:unset;cursor:pointer;width:34px;height:34px;color:var(--ink-dim);background:var(--bg2);border-radius:9px;justify-content:center;align-items:center;font-size:18px;transition:color .2s,background .2s;display:inline-flex}.ft-gear:hover{color:var(--ink);background:color-mix(in oklab,var(--bg2) 50%,var(--accent))}.ft-nav{all:unset;cursor:pointer;width:34px;height:34px;color:var(--ink-dim);background:var(--bg2);border-radius:9px;justify-content:center;align-items:center;font-size:24px;line-height:1;transition:color .2s,background .2s;display:inline-flex}.ft-nav:hover{color:var(--ink);background:color-mix(in oklab,var(--bg2) 50%,var(--accent))}.board-msg{height:100%;color:var(--ink-dim,#9aa);letter-spacing:.01em;opacity:.8;justify-content:center;align-items:center;font-size:20px;display:flex}