@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-Bnh6xcKr.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-Ch-K9LVU.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-BD2oGHtS.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}[hidden]{display:none!important}:root{color-scheme:light;--brand: #1F4E79;--brand-2: #2E8B57;--navy: #1F4E79;--navy-2: rgba(255, 255, 255, .12);--navy-3: rgba(255, 255, 255, .12);--navy-ink: #e6eef2;--navy-mute: #d0dde3;--grad: linear-gradient(135deg, #1F4E79 0%, #2E8B57 100%);--grad-v: linear-gradient(180deg, #1F4E79 0%, #2E8B57 100%);--gold: #c99a2e;--gold-2: #e0b54a;--page: #f4f6fa;--card: #ffffff;--line: #e1e6ee;--line-2: #eef1f6;--ink: #1b2a44;--ink-2: #4f607a;--muted: #8693a7;--blue: #2f7fd6;--blue-bg: #eef5fe;--blue-bd: #cfe1f7;--blue-tx: #1d4f8f;--teal: #1c9c8d;--teal-bg: #eaf8f6;--teal-bd: #c2e8e1;--teal-tx: #14675d;--amber: #e3a019;--amber-bg: #fff8e6;--amber-bd: #f3dea6;--amber-tx: #875800;--rose: #e0465d;--rose-bg: #fdeff1;--rose-bd: #f4cad2;--rose-tx: #9c1f35;--green: #2E8B57;--green-bg: #edf8f1;--green-bd: #c3e6d0;--green-tx: #1c6a3f;--violet: #7a5bd6;--orange: #ea6a2a;--st-tersedia: #2E8B57;--st-menipis: #D4A017;--st-hampir-habis: #E67E22;--st-habis: #C0392B;--st-none: #9aa5b5;--f: "Plus Jakarta Sans Variable", "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--r: 10px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--page);color:var(--ink);font:14.5px/1.5 var(--f);margin:0}button{font:inherit;cursor:pointer}a{color:inherit}h1,h2,h3{margin:0;line-height:1.2;text-wrap:balance}p{margin:0}code{font-size:.85em;background:var(--line-2);padding:1px 5px;border-radius:4px}.small{font-size:.85rem;color:var(--ink-2)}.muted{color:var(--muted)}.nowrap{white-space:nowrap}.num{font-variant-numeric:tabular-nums}svg.i{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.splash{display:grid;place-items:center;min-height:100vh;color:var(--ink-2)}.app{display:grid;grid-template-columns:268px 1fr;min-height:100vh}.side{background:var(--grad-v);color:var(--navy-ink);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden}.brand{display:flex;align-items:center;gap:10px;padding:16px 16px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.brand b{color:#fff;font-size:1rem;font-weight:800;display:block;line-height:1.1}.brand b em{color:var(--gold-2);font-style:normal}.brand span{font-size:.68rem;letter-spacing:.04em;color:var(--navy-mute)}.brand .logo{width:38px;height:38px;border-radius:9px;overflow:hidden;display:block;flex:none;box-shadow:0 0 0 1px #ffffff40}.brand .logo img{width:100%;height:100%;display:block}.side .search{margin:12px 12px 6px;display:flex;align-items:center;gap:8px;background:var(--navy-3);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:7px 10px}.side .search input{background:none;border:0;color:#fff;font:inherit;width:100%;outline:none}.side .search input::placeholder{color:var(--navy-mute)}.nav{overflow-y:auto;padding:4px 10px 24px;flex:1}.nav .grp{font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--gold-2);text-transform:uppercase;padding:14px 8px 6px;display:flex;align-items:center;gap:8px}.nav .grp .ic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:#fff}.nav .grp .ic svg{width:15px;height:15px}.nav a{display:flex;align-items:center;gap:10px;color:#e8eef8;text-decoration:none;padding:8px;border-radius:8px;font-weight:500;margin-block:1px}.nav a .ic{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:#fff;flex:none}.nav a .ic svg{width:16px;height:16px}.nav a:hover{background:var(--navy-2)}.nav a.on{background:var(--gold);color:#fff;font-weight:700;box-shadow:0 2px 6px #0000002e}.nav-par{position:relative}.nav-par>a{padding-right:36px}.nav a.par-on{background:var(--navy-2);font-weight:700}.nav-tog{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;border-radius:6px;background:none;color:#cdd8ea;display:grid;place-items:center}.nav-tog svg{width:16px;height:16px;transition:transform .15s}.nav-par.open .nav-tog svg{transform:rotate(180deg)}.nav-sub{margin:2px 0 6px 22px;padding-left:8px;border-left:1px solid rgba(255,255,255,.18)}.nav a.sub{padding:6px 8px;font-size:.86rem}.nav a.sub .ic{width:22px;height:22px;border-radius:50%;font-size:.72rem;font-weight:800;background:#ffffff24}.nav a.sub.on .ic{background:#ffffff4d}.mainwrap{display:flex;flex-direction:column;min-width:0}.topbar{background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:10px 22px;position:sticky;top:0;z-index:20}.topbar .date{color:var(--ink-2);font-weight:500;flex:1}.hamb{display:none;border:0;background:none;padding:4px;color:var(--ink)}.live{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--muted)}.live i{width:8px;height:8px;border-radius:50%;background:var(--st-none)}.live.on{color:var(--green-tx)}.live.on i{background:var(--st-tersedia);box-shadow:0 0 0 3px var(--green-bg)}.bell{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;color:var(--ink-2)}.bell:hover{background:var(--page)}.bell .badge{position:absolute;top:0;right:0;background:var(--rose);color:#fff;font-size:.62rem;font-weight:700;border-radius:999px;padding:0 5px;min-width:16px;text-align:center}.who-wrap{position:relative}.who{display:flex;align-items:center;gap:10px;border:0;border-left:1px solid var(--line);padding:0 0 0 14px;background:none;text-align:left;color:var(--ink)}.who .txt b{display:block;font-size:.88rem}.who .txt span{font-size:.75rem;color:var(--ink-2)}.ava{width:36px;height:36px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.82rem;overflow:hidden;flex:none}.menu-pop{position:absolute;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #1428461f;min-width:220px;padding:6px;z-index:30;display:flex;flex-direction:column;gap:2px}.menu-pop>button{display:flex;align-items:center;gap:8px;border:0;background:none;padding:8px 10px;border-radius:6px;text-align:left;color:var(--ink)}.menu-pop>button:hover{background:var(--page)}.menu-lang{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:.86rem;color:var(--ink-2);border-bottom:1px solid var(--line-2)}.menu-lang .seg{margin-left:auto}.tabstrip{display:flex;gap:4px;padding:8px 22px 0;background:var(--page);border-bottom:1px solid var(--line);overflow-x:auto}.ptab{display:flex;align-items:center;gap:8px;background:#eef1f6;border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;padding:8px 10px 8px 14px;color:var(--ink-2);white-space:nowrap;font-weight:500}.ptab a{text-decoration:none}.ptab.on{background:#fff;color:var(--ink);font-weight:700}.ptab.on:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue)}.ptab .x{border:0;background:none;padding:2px;display:grid;place-items:center;color:var(--muted);border-radius:4px}.ptab .x:hover{background:var(--line);color:var(--ink)}.ptab .x svg{width:14px;height:14px}main{padding:20px 22px 90px;display:flex;flex-direction:column;gap:18px;min-width:0}.ph{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;justify-content:space-between}.ph h1{font-size:1.6rem;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px}.ph p{color:var(--ink-2);margin-top:4px;max-width:90ch}.ph .acts{display:flex;gap:8px;flex-wrap:wrap}.ph-step{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--c);color:#fff;font-size:1rem}.btn{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:8px 14px;font-weight:600;font-size:.88rem;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none}.btn:hover{background:var(--page)}.btn.pri{background:var(--grad);border-color:transparent;color:#fff}.btn.pri:hover{filter:brightness(1.08)}.btn.ok{background:var(--green);border-color:var(--green);color:#fff}.btn.gold{background:var(--gold);border-color:var(--gold);color:#fff}.btn.sm{padding:5px 10px;font-size:.8rem}.btn.big{padding:12px 18px;font-size:1rem;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.nav a:focus-visible,input:focus-visible,select:focus-visible,tr.click:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.tag{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:700;padding:2px 9px;border-radius:6px;width:fit-content;white-space:nowrap}.tag.good{background:#e3f5ea;color:#17703d}.tag.good:before{content:"✓"}.tag.warn{background:#fdf0d2;color:#8a5a00}.tag.warn:before{content:"!"}.tag.crit{background:#fbe1e1;color:#a62626}.tag.crit:before{content:"✕"}.tag.info{background:#e7effc;color:#1d4f8f}.tag.mute{background:#eef1f6;color:#5b6980}.tag.vio{background:#efeafd;color:#5a3fb8}.tag.amber{background:var(--amber-bg);color:var(--amber-tx)}.tag.teal{background:var(--teal-bg);color:var(--teal-tx)}.callout{border:1px solid var(--blue-bd);background:var(--blue-bg);color:var(--blue-tx);border-radius:8px;padding:10px 14px;font-size:.9rem}.callout.good{border-color:var(--green-bd);background:var(--green-bg);color:var(--green-tx)}.callout.warn{border-color:var(--amber-bd);background:var(--amber-bg);color:var(--amber-tx)}.callout.crit{border-color:var(--rose-bd);background:var(--rose-bg);color:var(--rose-tx)}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 10px;font-size:.78rem;font-weight:600;color:var(--ink-2)}.seg button[aria-pressed=true]{background:var(--grad);border-color:transparent;color:#fff}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:translate(-50%);background:var(--grad);color:#fff;padding:10px 18px;border-radius:8px;font-size:.88rem;z-index:70;box-shadow:0 6px 18px #14284640}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.panel-h{background:var(--grad);color:#fff;padding:11px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.panel-h h2{font-size:1rem;font-weight:700}.panel-h .tools{display:flex;gap:6px;flex-wrap:wrap}.panel-h .btn{background:#fff;color:var(--navy);border-color:#fff;padding:5px 11px;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}.panel-b{padding:16px;display:flex;flex-direction:column;gap:14px}.panel-b.flush{padding:0}.kpi{border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.kpi .k{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.kpi .v{font-size:1.3rem;font-weight:800}.tw{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.88rem}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line-2);vertical-align:middle}thead th{font-size:.8rem;font-weight:700;color:var(--ink);background:#fafbfd;border-bottom:1px solid var(--line);white-space:nowrap}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}table.fixed{table-layout:fixed;min-width:760px}tbody tr:hover td{background:#fafcff}tr.click{cursor:pointer}select,input[type=number],input[type=text],input[type=password],input[type=search]{font:inherit;font-size:.88rem;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:7px;padding:7px 9px;width:100%}.person{display:flex;align-items:center;gap:10px}.person .ava{width:30px;height:30px;font-size:.72rem}.inline-edit{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}.inline-edit input{width:96px;text-align:right}.inline-edit .unit{color:var(--ink-2);font-size:.82rem;min-width:36px;text-align:left}.field-err{color:var(--rose-tx);font-size:.8rem;margin-top:4px}.search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px 10px;max-width:420px;color:var(--muted)}.search-box input{border:0;padding:6px 0;outline:none}.steps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.steps a{display:flex;align-items:center;gap:6px;padding:5px 10px 5px 5px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink-2);font-size:.8rem;font-weight:600;text-decoration:none}.steps a b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#eef1f6;font-size:.72rem}.steps a.on{background:var(--c);border-color:var(--c);color:#fff}.steps a.on b{background:#ffffff40}.step-nav{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.step-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.step-card{position:relative;border:1px solid var(--line);border-left:4px solid var(--c);border-radius:8px;padding:14px 16px;text-decoration:none;display:flex;flex-direction:column;gap:6px;background:#fff}.step-card:hover{box-shadow:0 4px 14px #14284614}.step-card .n{position:absolute;right:14px;top:6px;font-size:2.2rem;font-weight:800;color:var(--c);opacity:.18}.step-card p{color:var(--ink-2);font-size:.86rem}.ist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.ist{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.ist b{font-size:1.05rem;color:var(--navy)}.ist .f{font-weight:600;font-size:.86rem}.ist p{color:var(--ink-2);font-size:.86rem}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--st-none)}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;grid-template-columns:1.1fr 1fr;background:#fff;overflow:auto}.gate .art{background:linear-gradient(160deg,#1f4e79,#24617a,#2e8b57);color:#fff;padding:48px;display:flex;flex-direction:column;gap:22px;justify-content:center}.gate .art .brand{padding:0;border:0}.gate .art h2{font-size:2rem;font-weight:800;max-width:18ch}.gate .art p{max-width:52ch;color:#dbe7ee}.gate .blocks{display:flex;flex-direction:column;gap:8px;max-width:360px}.gate .blocks span{height:10px;border-radius:6px;background:#ffffff2e}.gate .form{padding:48px;max-width:520px;width:100%;margin:auto;display:flex;flex-direction:column;gap:18px}.gate .form h1{font-size:1.6rem;font-weight:800}.gate .field{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.86rem;color:var(--ink-2)}.gate .field input{height:42px;font-size:.95rem}.gate .pw{display:flex;gap:8px}.gate .err{background:var(--rose-bg);border:1px solid var(--rose-bd);color:var(--rose-tx);border-radius:8px;padding:9px 12px}@media (max-width: 1250px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 900px){.app{grid-template-columns:1fr}.side{position:fixed;left:0;top:0;bottom:0;width:270px;z-index:45;transform:translate(-100%);transition:transform .2s}.side.open{transform:none}.side-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a142866;z-index:44}.hamb{display:block}.who .txt,.topbar .date{display:none}.topbar{padding:10px 16px;justify-content:flex-end}.topbar .live{margin-right:auto}main{padding:16px 16px 90px}.tabstrip{padding:8px 16px 0}}@media (max-width: 860px){.gate{grid-template-columns:1fr}.gate .art{padding:28px 20px}.gate .art h2{font-size:1.4rem}.gate .form{padding:28px 16px}}@media (max-width: 720px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 440px){.cards{grid-template-columns:1fr}}.sc{border:1px solid;border-radius:var(--r);padding:16px 18px;display:flex;flex-direction:column;gap:2px;position:relative;text-align:left;background:#fff}.sc .ic{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:#fff}.sc .v{font-size:1.75rem;font-weight:800;line-height:1.15;padding-right:44px;font-variant-numeric:tabular-nums}.sc .l1{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-top:6px}.sc.blue{background:var(--blue-bg);border-color:var(--blue-bd);color:var(--blue-tx)}.sc.blue .ic{background:var(--blue)}.sc.teal{background:var(--teal-bg);border-color:var(--teal-bd);color:var(--teal-tx)}.sc.teal .ic{background:var(--teal)}.sc.amber{background:var(--amber-bg);border-color:var(--amber-bd);color:var(--amber-tx)}.sc.amber .ic{background:var(--amber)}.sc.rose{background:var(--rose-bg);border-color:var(--rose-bd);color:var(--rose-tx)}.sc.rose .ic{background:var(--rose)}.sc.green{background:var(--green-bg);border-color:var(--green-bd);color:var(--green-tx)}.sc.green .ic{background:var(--green)}.legend{display:flex;flex-wrap:wrap;gap:8px 18px;padding:10px 16px;font-size:.8rem;color:var(--ink-2);border-bottom:1px solid var(--line-2);align-items:center}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.chips{display:flex;flex-wrap:wrap;gap:4px 6px}.chip{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--line);background:#fff;white-space:nowrap}.chip:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}tr.sel td{background:var(--blue-bg)}.list-tools{padding:12px 16px;border-bottom:1px solid var(--line-2)}.seg.on-grad button{background:#ffffff26;border-color:#ffffff59;color:#fff}.seg.on-grad button[aria-pressed=true]{background:#fff;color:var(--navy)}.kv{display:flex;flex-direction:column;gap:10px}.kv>div{display:flex;flex-direction:column;gap:2px}.kv>div>span:first-child{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:minmax(240px,1fr) 1.6fr;gap:18px;align-items:start}.map-stage{position:relative;height:540px;background:linear-gradient(180deg,#dcefff,#f3f9ff 60%,#f8fbff);overflow:hidden}.map-stage.sm{height:380px;border:1px solid var(--line);border-radius:8px}.map-canvas{width:100%;height:100%}.map-note{position:absolute;left:50%;bottom:12px;transform:translate(-50%);background:#fffffff2;border:1px solid var(--line);border-radius:8px;padding:6px 12px;font-size:.8rem;color:var(--ink-2);z-index:2}.lbl{background:#fff;border:1px solid var(--line);border-radius:7px;padding:3px 8px;font:700 .72rem/1.3 var(--f);color:var(--ink);white-space:nowrap;box-shadow:0 2px 6px #1428461f;display:flex;align-items:center;gap:5px}.lbl i{width:8px;height:8px;border-radius:50%;display:inline-block}.lbl.sm{font-size:.66rem;padding:2px 6px}.map-lbl{cursor:pointer}.map-lbl.sm{cursor:default}.map-lbl.on{background:var(--navy);color:#fff;border-color:var(--navy);z-index:3}.stage-info{position:absolute;right:12px;top:12px;width:270px;background:#fffffff5;border:1px solid var(--line);border-radius:10px;padding:12px;box-shadow:0 4px 14px #1428461f;font-size:.84rem;max-height:calc(100% - 24px);overflow:auto;z-index:20;display:flex;flex-direction:column;gap:6px}.stage-info h3{font-size:.95rem}.stage-info .row{display:flex;justify-content:space-between;gap:10px}.stage-info .row span{color:var(--ink-2)}.stage-info .row b{text-align:right;font-variant-numeric:tabular-nums}.row-acts{display:flex;gap:6px;margin-top:4px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f1c3280;display:grid;place-items:center;padding:20px}.modal-box{background:#fff;border-radius:12px;width:min(1040px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0a142859}.modal-box .panel-b{overflow:auto;gap:16px}.modal-box>.seg{padding:12px 16px 0}@media (max-width: 900px){.detail-grid{grid-template-columns:1fr}.map-stage{height:420px}.stage-info{left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:55%}.modal{padding:0}.modal-box{max-height:100vh;height:100%;border-radius:0}}.nogl{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;text-align:center;color:var(--ink-2);font-weight:600;background:#f4f7fb;z-index:2}.map-badge{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#fff;font:800 .66rem/1 var(--f);border:2px solid #fff;box-shadow:0 1px 4px #1428464d}.map-legend{position:absolute;left:50px;top:10px;z-index:2;display:flex;flex-wrap:wrap;gap:4px 12px;background:#fffffff2;border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:.74rem;color:var(--ink-2)}.map-legend span{display:inline-flex;align-items:center;gap:5px}.map-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.map-legend i.dash{border:2px dashed var(--navy);background:none}.st-tag{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:700;padding:2px 8px 2px 3px;border-radius:999px;width:fit-content;white-space:nowrap;color:var(--ink);background:color-mix(in srgb,var(--c) 14%,#fff);border:1px solid color-mix(in srgb,var(--c) 35%,#fff)}.st-tag b{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--c);color:#fff;font-size:.62rem;line-height:1}.meter{display:inline-block;width:72px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--c) 18%,#fff);overflow:hidden;vertical-align:middle}.meter i{display:block;height:100%;background:var(--c);border-radius:999px}.meter.blue{--c: var(--blue);width:120px}.st-card{border:1px solid color-mix(in srgb,var(--c) 35%,#fff);background:color-mix(in srgb,var(--c) 6%,#fff);border-radius:var(--r);padding:14px 16px;display:flex;flex-direction:column;gap:8px}.st-card .v{font-size:1.75rem;font-weight:800;line-height:1.1;color:var(--ink)}.stock-matrix td.cell{white-space:nowrap}.stock-matrix td.cell .meter{display:block;margin-top:5px;width:90px}.refreshing{opacity:.65;transition:opacity .2s}.legend i.line{height:4px;width:16px;border-radius:2px}.sub-h{font-size:.95rem;margin-top:6px}.info-stock{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line-2);padding-top:6px}.info-stock .row{align-items:center}.trip{display:flex;flex-direction:column;gap:4px}.stock-panel{display:flex;flex-direction:column;gap:14px}.chart-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.tank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.tank-chart{position:relative;margin:0;border:1px solid var(--line);border-radius:8px;padding:10px 10px 4px;background:#fff}.tank-chart figcaption{display:flex;justify-content:space-between;gap:8px;font-size:.84rem;margin-bottom:4px}.tank-chart svg{display:block;touch-action:pan-y}.tank-chart .grid{stroke:var(--line-2);stroke-width:1}.tank-chart .min-rule{stroke:#c0392b;stroke-width:1;opacity:.7}.tank-chart .crosshair{stroke:var(--muted);stroke-width:1}.tank-chart .tick{font-size:10px;fill:var(--muted);font-variant-numeric:tabular-nums}.chart-tip{position:absolute;top:34px;width:120px;pointer-events:none;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 4px 12px #1428461f;padding:5px 8px;display:flex;flex-direction:column;font-size:.76rem;color:var(--ink-2)}.chart-tip b{color:var(--ink);font-size:.86rem}.lbl .sdot{width:15px;height:15px;display:grid;place-items:center;color:#fff;font-size:.58rem;line-height:1}.map-lbl.truck{background:#fff7f0;border-color:#f3c7a6}.lane-chip{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:600;padding:2px 8px 2px 3px;border-radius:999px;white-space:nowrap;border:1px solid color-mix(in srgb,var(--c) 35%,#fff);background:color-mix(in srgb,var(--c) 10%,#fff)}.lane-chip b{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--c);color:#fff;font-size:.62rem}.lane-chip .ln{font-weight:800}.lane-chip .vt{color:var(--ink-2);font-weight:500}.stage{position:relative;height:clamp(520px,72vh,860px);background:linear-gradient(180deg,#dcefff,#f3f9ff 60%,#f8fbff);overflow:hidden;touch-action:none;cursor:grab}.stage:active{cursor:grabbing}.stage canvas{display:block}.stage.max{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;height:auto}.stage-tools{position:absolute;left:12px;top:12px;display:flex;flex-direction:column;gap:6px;z-index:20}.stage-tools{gap:8px}.stage-tools button{width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink);box-shadow:0 2px 8px #1428461f}.stage-tools button:hover{background:var(--page)}.stage-tools button svg{width:19px;height:19px}.stage.max .stage-tools{left:16px;top:16px}.stage-tools button[aria-pressed=true]{background:var(--grad);color:#fff;border-color:transparent}.stage-note{padding:8px 16px 12px}.lbl3d{transform:translate(-50%,-100%)}.legend .sep{width:1px;height:18px;background:var(--line)}.station-pick{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--ink-2)}.station-pick select{min-width:260px}@media (max-width: 700px){.stage{height:460px}.station-pick select{min-width:0}}.lbl.stack{flex-direction:column;align-items:flex-start;gap:3px;padding:4px 8px}.lbl.stack span{display:flex;align-items:center;gap:5px}@media (max-width: 700px){.lbl3d{font-size:.58rem;padding:1px 5px;gap:3px}.lbl3d .sdot{width:11px;height:11px;font-size:.5rem}}.trip-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 16px;align-items:end}.trip-form label,.trip-form .fld{display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:600;color:var(--ink-2)}.drive-results{display:flex;flex-direction:column;gap:16px}.option-pair{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.option-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:8px}.option-card.best{border:2px solid var(--green);box-shadow:0 4px 16px #2e8b571f}.option-card h3{font-size:1.1rem}.oc-head{display:flex;justify-content:space-between;align-items:baseline}.oc-head .rank{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.option-card.best .rank{color:var(--green-tx)}.oc-head .total{font-size:1.6rem;font-weight:800}.oc-facts{display:flex;flex-wrap:wrap;gap:6px}.warn-line{color:var(--amber-tx)}.timebar .bar{display:flex;gap:2px;height:12px;border-radius:4px;overflow:hidden;background:var(--line-2)}.timebar .bar span{display:block;height:100%}.timebar .bar span:last-child{border-radius:0 4px 4px 0}.timebar .keys{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:.76rem;color:var(--ink-2)}.timebar .keys span{display:inline-flex;align-items:center;gap:5px}.timebar .keys i{width:10px;height:10px;border-radius:2px;display:inline-block}.timebar .keys b{color:var(--ink)}.drive-map{height:340px;border:1px solid var(--line);border-radius:var(--r)}.map-lbl.you{background:#2f6db5;color:#fff;border-color:#2f6db5}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.vehicle-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.vehicle-card.sel{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}.plate{align-self:flex-start;font:800 1rem/1 var(--f);letter-spacing:.06em;background:#1b2a44;color:#fff;border-radius:6px;padding:6px 10px;border:2px solid #fff;box-shadow:0 0 0 1px #1b2a44}.form-acts{display:flex;gap:8px;justify-content:flex-end;align-self:end}.form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px 16px;align-items:start}.form-grid>label,.form-grid>.fld{display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:600;color:var(--ink-2);min-width:0}.form-grid .s3{grid-column:span 3}.form-grid .s4{grid-column:span 4}.form-grid .s6{grid-column:span 6}.form-grid .s8{grid-column:span 8}.form-grid .s12{grid-column:1 / -1}.form-grid input[type=text],.form-grid select{height:40px;font-size:.9rem;border-radius:8px;padding:0 11px}.form-grid input:focus,.form-grid select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-bg)}@media (max-width: 600px){.form-grid>*{grid-column:1 / -1!important}}.token-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.token-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.token-card.active{border:2px solid var(--green)}.token-card:not(.active){opacity:.7}.token-head{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px;text-align:left}.token-card .qr{width:240px;height:240px;image-rendering:pixelated}.short-code{font:800 2rem/1 var(--f);letter-spacing:.12em;font-variant-numeric:tabular-nums}.countdown{font-weight:700;color:var(--green-tx)}.countdown.low{color:var(--rose-tx)}.linked{color:var(--green-tx);font-weight:600}.partner-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.flow-summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.token-form{display:flex;gap:8px}.token-form input{font-size:1.2rem;height:46px;letter-spacing:.08em}.scanner{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.scan-video{width:100%;max-width:360px;border-radius:8px;background:#000}.verify-ok{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border:1px solid var(--green-bd);background:var(--green-bg);border-radius:8px;padding:12px 14px}.plate.big{font-size:1.5rem;padding:10px 14px}.photo-grid{display:grid;grid-template-columns:minmax(220px,1fr) 1fr;gap:16px}.photo-box{border:1px dashed var(--line);border-radius:8px;min-height:220px;display:grid;place-items:center;overflow:hidden;background:#fafbfd}.photo-box img{width:100%;height:100%;object-fit:cover}.photo-form{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.field-label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:600;color:var(--ink-2);width:100%}.file-btn{cursor:pointer}.inline-btn{margin-left:10px}.form-grid .s2{grid-column:span 2}@media (max-width: 700px){.photo-grid{grid-template-columns:1fr}}button.sc{cursor:pointer;font:inherit}button.sc:hover{box-shadow:0 4px 14px #14284614}.sc.on{outline:2px solid var(--ink);outline-offset:2px}.case-detail{display:flex;flex-direction:column;gap:14px}.case-head{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.case-head>div{flex:1;min-width:220px}.case-head p{color:var(--ink-2)}.filter-row{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}.filter-row label{display:flex;align-items:center;gap:6px;font-size:.84rem;font-weight:600;color:var(--ink-2)}.filter-row input[type=date]{font:inherit;border:1px solid var(--line);border-radius:7px;padding:6px 8px}.check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px 16px;margin-top:4px}.chk{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;font-weight:600;cursor:pointer;color:var(--ink)}.chk input{margin-top:3px;accent-color:var(--navy);width:16px;height:16px}.secret-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0}.secret{font-size:.95rem;padding:6px 10px;background:#fff;border:1px solid var(--amber-bd);-webkit-user-select:all;user-select:all;word-break:break-all}.modal-box.narrow{width:min(440px,100%)}.form-grid>label.chk{flex-direction:row;align-items:center;font-size:.86rem;color:var(--ink)}.form-grid>label.chk input{margin-top:0}.lbl.stack .stack-title{font-weight:800;padding-bottom:3px;margin-bottom:1px;border-bottom:1px solid var(--line-2)}.legend .pipe-key{font-weight:700;color:var(--ink-2)}.legend .pipe-chip{display:inline-flex;align-items:center;gap:5px;font-size:.76rem}.legend .pipe-chip i{width:16px;height:4px;border-radius:2px}.cam-fn{display:flex;flex-direction:column;gap:8px}.cam-fn .check{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600;color:var(--ink)}.lane-picks{display:flex;flex-wrap:wrap;gap:6px}.chip-check{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;font-size:.8rem;cursor:pointer}.chip-check:has(input:checked){border-color:var(--blue);background:var(--blue-bg);color:var(--blue)}.pad{padding:12px 16px 0}.anpr-list{list-style:none;margin:8px 0 0;padding:0}.anpr-list li{white-space:nowrap;display:grid;grid-template-columns:76px minmax(110px,auto) 1fr auto;align-items:center;gap:12px;padding:9px 16px;border-top:1px solid var(--line)}.anpr-list .anpr-act{justify-self:end}@media (max-width: 600px){.anpr-list li{grid-template-columns:70px 1fr auto}.anpr-list li>.small:nth-child(3){display:none}}.cam-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle;box-shadow:0 0 0 1px #00000026}.pipe-chip i.cam-dot{width:10px;height:10px;border-radius:3px}.cam-marker .cam-dot{margin-right:2px}.cam-marker .cam-dot:last-of-type{margin-right:6px}.cam-marker .cam-dot{animation:cam-blink .8s steps(2,jump-none) infinite}@keyframes cam-blink{0%{opacity:1}to{opacity:.25}}@media (prefers-reduced-motion: reduce){.cam-marker .cam-dot{animation:none}}