@font-face{font-family:Sarabun;src:url(/fonts/sarabun-300.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Sarabun;src:url(/fonts/sarabun-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Sarabun;src:url(/fonts/sarabun-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Sarabun;src:url(/fonts/sarabun-700.woff2) format("woff2");font-weight:700;font-display:swap}:root{--ink: #0f141b;--slate: #171e27;--raise: #1f2833;--hairline: #2b3644;--bone: #e9ecf0;--mist: #93a0ae;--ember: #fa8615;--ember-dim: #b96511;--sky: #42b0ef;--verdant: #43c289;--claret: #e5534b;--amber: #d9a13c;--mono: ui-monospace, "Cascadia Code", "Segoe UI Mono", Consolas, monospace}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--ink);color:var(--bone);font:400 15px/1.55 Sarabun,system-ui,sans-serif}a{color:var(--sky);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--sky);outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.shell{display:flex;min-height:100%}.rail-nav{width:212px;flex-shrink:0;border-right:1px solid var(--hairline);padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}.rail-nav .brand{display:flex;align-items:center;gap:10px;padding:2px 8px 18px}.rail-nav .brand img{width:30px;height:auto}.rail-nav .brand span{font-weight:700;font-size:15px;letter-spacing:.01em}.rail-nav .brand small{display:block;font-weight:400;color:var(--mist);font-size:11px}.rail-nav a.nav-item{color:var(--mist);padding:7px 10px;border-radius:6px;font-weight:600;font-size:13.5px}.rail-nav a.nav-item:hover{color:var(--bone);text-decoration:none;background:var(--slate)}.rail-nav a.nav-item.active{color:var(--bone);background:var(--raise)}.rail-nav a.nav-item.active{box-shadow:inset 2px 0 0 var(--ember)}.rail-nav .rail-foot{margin-top:auto;padding:10px 8px 0;border-top:1px solid var(--hairline);font-size:12.5px;color:var(--mist);display:flex;align-items:center;justify-content:space-between;gap:8px}main.content{flex:1;padding:28px 36px 64px;max-width:1160px}.page-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px;gap:16px;flex-wrap:wrap}.page-head h1{font-size:24px;font-weight:700;letter-spacing:-.015em}.page-head .sub{color:var(--mist);font-size:13px;margin-top:2px}.chip{display:inline-block;padding:1px 9px 2px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.04em;border:1px solid var(--hairline);color:var(--mist)}.chip.ember{color:var(--ember);border-color:color-mix(in srgb,var(--ember) 45%,transparent)}.chip.sky{color:var(--sky);border-color:color-mix(in srgb,var(--sky) 45%,transparent)}.chip.verdant{color:var(--verdant);border-color:color-mix(in srgb,var(--verdant) 45%,transparent)}.chip.claret{color:var(--claret);border-color:color-mix(in srgb,var(--claret) 45%,transparent)}.chip.amber{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 45%,transparent)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--hairline);margin-bottom:18px}.tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font:600 13.5px/1 Sarabun,system-ui,sans-serif;color:var(--mist);padding:9px 14px 11px;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button:hover{color:var(--bone)}.tabs button.active{color:var(--bone);border-bottom-color:var(--ember)}.tabs button .count{color:var(--mist);font-weight:400;margin-left:6px}.kind-ico{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;flex:none;border:1px solid var(--hairline);background:var(--raise)}.kind-ico svg{width:15px;height:15px}.kind-ico.green{color:var(--verdant)}.kind-ico.amber{color:var(--amber)}.kind-ico.red{color:var(--claret)}.kind-ico.neutral{color:var(--mist)}table.list{width:100%;border-collapse:collapse}table.list th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mist);padding:0 12px 8px;border-bottom:1px solid var(--hairline)}table.list td{padding:11px 12px;border-bottom:1px solid var(--hairline)}table.list tr.rowlink{cursor:pointer}table.list tr.rowlink:hover td{background:var(--slate)}td.num,.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:13.5px}button{font:inherit}.btn{display:inline-flex;align-items:center;gap:7px;border-radius:7px;padding:7px 15px;font-weight:600;font-size:13.5px;border:1px solid var(--hairline);background:var(--raise);color:var(--bone);cursor:pointer;transition:background .12s ease,border-color .12s ease}.btn:hover{border-color:var(--mist)}.btn.primary{background:var(--ember);border-color:var(--ember);color:#16130e}.btn.primary:hover{background:#ffa040;border-color:#ffa040}.btn.approve{background:var(--sky);border-color:var(--sky);color:#0d1620}.btn.approve:hover{background:#6cc4f5}.btn.danger{color:var(--claret)}.btn.danger:hover{border-color:var(--claret)}.btn.quiet{background:transparent}.btn.small{padding:3px 10px;font-size:12px;border-radius:5px}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--slate);border:1px solid var(--hairline);border-radius:10px;padding:20px 22px}.card+.card{margin-top:14px}.card h2{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mist);margin-bottom:14px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 18px}label.field{display:block;font-size:12px;font-weight:600;color:var(--mist);letter-spacing:.03em}label.field>span{display:block;margin-bottom:5px}input,select,textarea{width:100%;background:var(--raise);color:var(--bone);border:1px solid var(--hairline);border-radius:7px;padding:7px 10px;font:400 14px/1.4 Sarabun,system-ui,sans-serif}input:focus,select:focus,textarea:focus{outline:2px solid var(--sky);outline-offset:0;border-color:transparent}input[type=number]{font-family:var(--mono)}input[type=checkbox],input[type=radio]{width:auto;padding:0;margin:0;flex:none;accent-color:var(--ember);cursor:pointer}.form-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.form-row>*{flex:1;min-width:130px}.form-row>.shrink{flex:0 0 auto;min-width:0}.wizard{display:flex;gap:34px;align-items:flex-start}.spine{flex:0 0 170px;position:sticky;top:28px}.spine ol{list-style:none;padding:0}.spine li{display:flex;align-items:center;gap:10px;padding:6px 0;color:var(--mist);font-size:13.5px;font-weight:600;cursor:pointer;border-radius:6px}.spine li:hover{color:var(--bone)}.spine li:before{content:"";flex:0 0 auto;width:8px;height:8px;border-radius:50%;border:2px solid var(--hairline);background:transparent}.spine li.done:before{border-color:var(--ember);background:var(--ember)}.spine li.now{color:var(--bone)}.spine li.now:before{border-color:var(--ember)}.spine li.approval{color:var(--mist);cursor:default}.spine li.approval:hover{color:var(--mist)}.spine li.approval:before{border-color:var(--sky)}.wizard .panel{flex:1;min-width:0}.wizard-actions{display:flex;justify-content:space-between;margin-top:18px}.issues{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.issues li{display:flex;gap:10px;align-items:baseline;font-size:13.5px}.issues .sev{flex:0 0 auto;font-size:10.5px;font-weight:700;letter-spacing:.07em;padding:1px 7px;border-radius:4px}.issues .sev.blocking{color:var(--claret);border:1px solid var(--claret)}.issues .sev.warning{color:var(--ember);border:1px solid var(--ember-dim)}.notice{border:1px solid var(--hairline);border-left:3px solid var(--sky);border-radius:7px;padding:11px 14px;font-size:13.5px;background:var(--slate);margin:0 0 16px}.notice.error{border-left-color:var(--claret)}.notice.error strong{color:var(--claret)}.meter{margin:4px 0 16px}.meter .meter-line{display:flex;justify-content:space-between;font-size:12.5px;color:var(--mist);margin-bottom:6px}.meter .meter-line strong{color:var(--bone)}.meter .meter-line .over{color:var(--claret);font-weight:700}.meter .track{height:6px;border-radius:3px;background:var(--raise);overflow:hidden;display:flex}.meter .track .fill{background:var(--ember);height:100%}.meter .track .overfill{background:var(--claret);height:100%}.person-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.person-toggle{border:1px solid var(--hairline);background:var(--raise);color:var(--mist);border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600;cursor:pointer}.person-toggle.on{color:var(--bone);border-color:var(--ember);box-shadow:inset 0 0 0 1px var(--ember)}.person-block{border:1px solid var(--hairline);border-radius:8px;padding:14px 16px;margin-bottom:10px;background:var(--raise)}.person-block .person-block-head{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#06090dbf;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--slate);border:1px solid var(--hairline);border-radius:12px;padding:26px 30px;max-width:420px;text-align:center}.modal h2{font-size:17px;margin-bottom:8px}.modal p{color:var(--mist);font-size:14px;margin-bottom:16px}.modal .countdown{font-family:var(--mono);font-size:30px;color:var(--ember);margin-bottom:16px}.empty{color:var(--mist);padding:32px 0;text-align:center;font-size:14px}.signin{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.signin img{width:240px;height:auto}.signin p{color:var(--mist);max-width:400px;text-align:center}.detail-head{margin-bottom:20px}.detail-head .crumbs{font-size:12.5px;color:var(--mist);margin-bottom:8px}.detail-head h1{font-size:26px;font-weight:700;letter-spacing:-.015em;margin-bottom:8px}.detail-head .meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 22px;font-size:13.5px}.kv dt{color:var(--mist)}.kv dd{font-weight:600}.audit-detail{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 28px;font-size:13.5px}.audit-detail>.full{grid-column:1 / -1}.audit-detail table.list{margin-top:4px}.audit-change{background:var(--raise);border:1px solid var(--hairline);border-radius:8px;padding:10px 14px}.audit-change>.sub{margin-bottom:6px}.select-list{display:flex;flex-direction:column;gap:6px}.select-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid var(--hairline);background:var(--slate);border-radius:10px;padding:10px 14px;cursor:pointer;color:var(--bone);font:inherit;font-size:13.5px}.select-row:hover{background:var(--raise)}.select-row.selected{border-color:var(--sky);background:var(--raise)}.row-stats{margin-left:auto;display:flex;gap:20px}.row-stat{display:flex;flex-direction:column;align-items:flex-end}.row-stat .num{font-weight:600}.row-stat-label{color:var(--mist);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.stat-row{display:flex;gap:36px;flex-wrap:wrap}.stat-num{font-size:22px;font-weight:700}.stat-label{color:var(--mist);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.stat-row.tight{gap:20px}.stat-row.tight .stat-num{font-size:18px}.stat-row.tight .stat-label{text-transform:none;letter-spacing:normal}.stat-op{font-size:18px;font-weight:700;color:var(--mist);align-self:flex-start;line-height:1.2}.alw-progress{position:relative;height:8px;border-radius:4px;background:var(--raise);overflow:visible}.alw-fill{position:absolute;left:0;top:0;bottom:0;border-radius:4px;background:var(--sky)}.alw-marker{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ember)}.burndown{margin:14px 0 0}.burndown svg{display:block;max-width:100%;height:auto}.burndown figcaption{margin-top:6px}.delta{font-size:12.5px;color:var(--mist)}.delta.up{color:var(--verdant)}.delta.down{color:var(--claret)}.month-group{display:flex;width:100%;border:1px solid var(--hairline);border-radius:10px;overflow:hidden}.month-group button{flex:1;min-width:0;background:none;border:none;border-left:1px solid var(--hairline);border-bottom:2px solid transparent;color:var(--bone);font:inherit;font-size:12.5px;padding:8px 2px;cursor:pointer;white-space:nowrap}.month-group button:first-child{border-left:none}.month-group button:hover{background:var(--raise)}.month-group button.past{color:var(--mist);border-bottom-color:var(--hairline)}.month-group button.current{border-bottom-color:var(--ember)}.month-group button.future{border-bottom-style:dashed;border-bottom-color:var(--mist)}.month-group button.selected{background:var(--raise);font-weight:600}.list tr.ended td{opacity:.55}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:12px;left:12px;z-index:50;width:38px;height:38px;padding:0;border-radius:9px;border:1px solid var(--hairline);background:var(--raise);color:var(--bone);cursor:pointer}.nav-toggle-bars,.nav-toggle-bars:before,.nav-toggle-bars:after{content:"";display:block;width:17px;height:2px;border-radius:2px;background:currentColor}.nav-toggle-bars{position:relative}.nav-toggle-bars:before{position:absolute;top:-5px}.nav-toggle-bars:after{position:absolute;top:5px}.rail-nav{padding-top:54px}.shell:not(.nav-open) .rail-nav{display:none}.shell:not(.nav-open) main.content{padding-top:60px}.nav-backdrop{display:none}@media (max-width: 800px){.shell{flex-direction:column}.shell.nav-open .rail-nav{position:fixed;top:0;left:0;z-index:45;width:240px;height:100vh;border-right:1px solid var(--hairline);box-shadow:2px 0 20px #00000073}.shell.nav-open .nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000080}main.content{padding:60px 16px 48px}.wizard{flex-direction:column}.spine{position:static}}