:root{--sky: #BFE3FF;--bg: #F1F5FE;--card: #FFFFFF;--card2: #F6F8FE;--ink: #23305E;--muted: #66729A;--line: rgba(60, 80, 150, .14);--glass: rgba(255, 255, 255, .86);--accent: #4B6BFF;--accent-ink: #FFFFFF;--ok: #2FA36B;--warn: #E8862E;--work: #4B6BFF;--off: #8E96AE;--err: #D6455D;--f-display: "Baloo 2", ui-rounded, system-ui, sans-serif;--f-ui: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.5 var(--f-ui);-webkit-font-smoothing:antialiased}body.is-town{overflow:hidden;background:var(--sky)}.stage{position:relative;height:100%;width:100%;overflow:hidden;background:var(--sky)}.town-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;touch-action:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar,.controls,.hint,.panel,.loading,.night-tog{z-index:50}.brand{display:flex;gap:10px;align-items:center;padding:8px 16px 8px 8px;border-radius:999px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #2846961f}.brand__mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#6aa8ff,#a88bff);color:#fff;font-size:17px}.brand b{display:block;font:800 20px/1 var(--f-display);letter-spacing:.01em}.brand small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.controls{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));display:flex;gap:4px;padding:6px;border-radius:999px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #2846961f}.controls button{display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:10px 14px;border-radius:999px;font-weight:600;font-size:13.5px;cursor:pointer;min-height:40px}.controls button:hover{background:#4b6bff1a}.controls button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.controls--closed{padding:0;gap:0}.controls--closed .controls__toggle{padding:0;width:44px;height:44px;justify-content:center}.controls .controls__toggle{padding:0;width:40px;justify-content:center}.controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hint{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));margin:0;padding:8px 14px;border-radius:999px;background:#fff9;color:var(--muted);font-size:12.5px;pointer-events:none}.tl{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:16px;border:1.5px solid rgba(255,255,255,.9);background:#ffffffeb;box-shadow:0 6px 18px #283c822e;cursor:pointer;white-space:nowrap;transform:translateY(0);transition:transform .2s,box-shadow .2s,padding .2s;-webkit-user-select:none;user-select:none}.tl:hover{transform:translateY(-2px);box-shadow:0 10px 22px #283c823d}.tl__icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-size:16px;flex:none}.tl--hq .tl__icon{background:linear-gradient(135deg,#6aa8ff,#a88bff);color:#fff}.tl__txt{display:grid;text-align:left}.tl__txt b{font:700 15px/1.1 var(--f-display)}.tl__st{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--muted);font-weight:600}.tl__st i{width:7px;height:7px;border-radius:50%;background:var(--ok)}.tl--working .tl__st i{background:var(--work);animation:pulse 1.4s ease-in-out infinite}.tl--review .tl__st i{background:var(--warn)}.tl--offline .tl__st i{background:var(--off)}.tl__st em{font-style:normal;margin-left:4px;padding:0 6px;border-radius:999px;background:#4b6bff1f;color:var(--accent)}.tl--compact{padding:4px;border-radius:12px}.tl--compact .tl__icon{width:24px;height:24px;font-size:13px;border-radius:8px}.tl--sel{border-color:#ffd783;box-shadow:0 0 0 3px #ffd7838c,0 10px 24px #283c8240}@keyframes pulse{50%{opacity:.35}}.panel{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:min(360px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:auto;padding:18px;border-radius:22px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 40px #2846962e;display:grid;gap:12px;animation:slide .25s ease-out}@keyframes slide{0%{opacity:0;transform:translate(16px)}}.panel__head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center}.panel__head h2{margin:0;font:800 22px/1.1 var(--f-display);text-wrap:balance}.panel__head p{margin:2px 0 0;color:var(--muted);font-size:12.5px;font-weight:600;letter-spacing:.02em}.panel__icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:24px}.panel__icon--hq{background:linear-gradient(135deg,#6aa8ff,#a88bff);color:#fff}.icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--muted)}.icon-btn:hover{color:var(--ink);border-color:var(--accent)}.panel__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.panel__count{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.panel__desc{margin:0;line-height:1.55}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.chip:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.chip--idle{background:#2fa36b1f;color:var(--ok)}.chip--working{background:#4b6bff1f;color:var(--work)}.chip--review{background:#e8862e24;color:var(--warn)}.chip--offline{background:#8e96ae29;color:#6b7390}.assign{display:grid;gap:8px}.assign label{font-weight:700;font-size:13px}.assign textarea{width:100%;resize:vertical;min-height:76px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:#fff;font:inherit;color:var(--ink)}.assign textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.assign__row{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:700;cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.note{margin:0;font-size:13px;padding:8px 12px;border-radius:12px;background:#8e96ae1f}.note--ok{background:#2fa36b1f;color:#1e7a4e}.note--err{background:#d6455d1a;color:var(--err)}.roster{list-style:none;margin:0;padding:0;display:grid;gap:4px}.roster button{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border:0;border-radius:14px;background:transparent;cursor:pointer;text-align:left}.roster button:hover{background:#4b6bff14}.dot-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center}.roster__name{font-weight:700;display:grid;min-width:0}.roster__name small{color:var(--muted);font-weight:500;font-size:12px}.spin{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;animation:rot .8s linear infinite}.spin--big{width:28px;height:28px;border-color:#4b6bff40;border-top-color:var(--accent)}@keyframes rot{to{transform:rotate(360deg)}}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:12px;background:var(--sky);font-weight:700;color:var(--muted)}@media (max-width: 760px){.brand small{display:none}.brand b{font-size:17px}.controls{left:50%;transform:translate(-50%);bottom:max(12px,env(safe-area-inset-bottom))}.controls button span{display:none}.controls button{padding:10px 13px}.hint{display:none}.panel{top:auto;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(72px + env(safe-area-inset-bottom));width:auto;max-height:58%;border-radius:22px;animation:rise .25s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.tl{padding:4px 9px 4px 4px}.tl__txt b{font-size:13px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.topbar{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));display:flex;gap:10px;align-items:center;flex-wrap:wrap;pointer-events:none}.topbar>*{pointer-events:auto}.topbar__right{margin-left:auto;display:flex;gap:8px}.stage.has-panel .topbar{right:calc(max(16px,env(safe-area-inset-right)) + 376px)}.seg{display:inline-flex;padding:4px;gap:2px;border-radius:999px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #2846961a}.seg button{border:0;background:transparent;border-radius:999px;padding:8px 14px;font-weight:600;font-size:13px;cursor:pointer;color:var(--muted)}.seg button[aria-checked=true]{background:var(--ink);color:#fff}.seg--sm{align-self:flex-start;box-shadow:none}.seg--sm button{padding:5px 12px}.btn--glass{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ff9f43;color:#fff;font-size:11.5px;font-weight:800;margin-left:6px}.appr{position:relative}.roundbtn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #2846961a;color:var(--ink);padding:0}.roundbtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.modepick__pop{position:absolute;top:calc(100% + 8px);left:0;z-index:60;white-space:nowrap}.btn--alert{border-color:#ff9f43;animation:appr-pulse 2s ease-in-out infinite}@keyframes appr-pulse{0%,to{box-shadow:0 0 #ff9f4380}50%{box-shadow:0 0 0 7px #ff9f4300}}@media (prefers-reduced-motion: reduce){.btn--alert{animation:none}}.appr__pop{position:absolute;top:calc(100% + 8px);right:0;width:min(360px,calc(100vw - 32px));max-height:min(70vh,520px);overflow:auto;padding:12px;border-radius:16px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 40px #28469633;display:grid;gap:10px;z-index:60}.appr__head{display:flex;justify-content:space-between;align-items:center;gap:8px}.appr__item{display:grid;gap:4px;padding:10px;border-radius:12px;background:#fff9;border:1px solid var(--line)}.appr__item .row{display:flex;gap:6px;margin-top:4px}.appr__item p,.appr__empty{margin:0}.badge--blue{background:#2f6bea}.notice{text-align:left;font:inherit;color:inherit;cursor:pointer}.notice--new{border-color:#2f6bea;background:#2f6bea14}.map2d{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--sky1),var(--sea2))}.map2d svg{width:100%;height:100%;display:block}.map2d .bld{cursor:pointer}.map2d .bld:focus{outline:none}.map2d .bld:hover .lbl rect.bg,.map2d .bld.sel .lbl rect.bg{stroke:#ffd783;stroke-width:3}.map2d symbol *{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.map2d text{font-family:var(--f-ui)}.map2d .bob,.map2d .glow{animation:bob2 2.4s ease-in-out infinite;transform-box:fill-box}@keyframes bob2{50%{transform:translateY(-2px)}}.stage--img .controls{bottom:max(16px,env(safe-area-inset-bottom))}.runbox{display:grid;gap:8px;padding:12px;border-radius:16px;background:var(--card2);border:1px solid var(--line)}.runbox p{margin:0}.runbox__top{display:flex;justify-content:space-between;align-items:center}.bar{height:6px;border-radius:999px;background:#4b6bff1f;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .4s}.live{display:grid;gap:6px;padding:10px 12px;border-radius:14px;background:#4b6bff14;color:var(--accent);font-weight:600;font-size:13px}.gatebox{display:grid;gap:8px;padding:12px;border-radius:16px;background:#ff9f431a;border:1px solid rgba(255,159,67,.35)}.gatebox input{border:1px solid var(--line);border-radius:12px;padding:9px 12px;font:inherit;background:#fff}.file{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:10px 12px;cursor:pointer}.file b{display:block;font-size:13px}.file small{color:var(--muted)}.tag{display:inline-flex;padding:2px 9px;border-radius:999px;background:#4b6bff1a;color:var(--accent);font-size:11.5px;font-weight:700}.tag--gate{background:#ff9f4324;color:var(--warn)}.chip--queued{background:#7b61e81f;color:#7b61e8}.chip--done{background:#2fa36b1f;color:var(--ok)}.chip--error{background:#d6455d1a;color:var(--err)}.tl--queued .tl__st i{background:#7b61e8}.tl--error .tl__st i{background:var(--err)}.tl--done .tl__st i{background:var(--ok)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:200;background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;font-weight:600;box-shadow:0 10px 30px #141e464d;max-width:calc(100% - 32px)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-items:center;padding:16px;background:#141e4659;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog{width:min(560px,100%);background:#fff;border-radius:22px;padding:22px;display:grid;gap:10px;box-shadow:0 30px 80px #141e464d}.dialog h2{margin:0;font:800 22px/1.2 var(--f-display)}.dialog textarea,.form input:not([type=checkbox]):not([type=color]):not([type=file]),.form textarea,.form select,.answer textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:10px 12px;font:inherit;color:var(--ink);background:#fff}.chain{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.chain__item{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:13px}.chain__item em{font-style:normal;font-size:11px;padding:1px 7px;border-radius:999px;background:#ff9f4329;color:var(--warn)}.chain__item b{color:var(--muted);font-weight:400;margin:0 2px}.dot-ic.sm{width:24px;height:24px;border-radius:8px;font-size:13px}.dot-ic.lg{width:46px;height:46px;border-radius:15px;font-size:22px}.row,.row-end,.row-between{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row-end{justify-content:flex-end}.row-between{justify-content:space-between}.muted{color:var(--muted)}.small{font-size:12.5px}.mono,code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12.5px}code{background:#4b6bff14;padding:1px 5px;border-radius:6px}.btn.sm{min-height:34px;padding:0 12px;font-size:13px}.btn--ghost{background:transparent}.btn--danger{background:var(--err);color:#fff;border-color:transparent}.link{border:0;background:none;color:var(--accent);font-weight:600;cursor:pointer;padding:0;text-align:left}.admin{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;min-height:100%;padding-block:16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));max-width:1500px;margin:0 auto}.side{position:sticky;top:16px;align-self:start;display:grid;gap:14px}.side__brand{display:flex;gap:10px;align-items:center;padding:4px 6px}.side__brand b{display:block;font:800 22px/1 var(--f-display)}.side__brand small{color:var(--muted)}.side__home{display:flex;gap:10px;align-items:center;text-align:left;border:0;border-radius:18px;padding:14px;color:#fff;background:linear-gradient(135deg,#5b8cff,#9b7bff);cursor:pointer;box-shadow:0 10px 24px #4b6bff4d}.side__home b{display:block}.side__home small{opacity:.85}.side nav{display:grid;gap:2px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:8px}.side nav button{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:10px 12px;border-radius:12px;font-weight:600;cursor:pointer;text-align:left}.side nav button:hover{background:var(--card2)}.side nav button.on{background:#4b6bff1a;color:var(--accent)}.side nav .ic{width:20px;text-align:center;opacity:.8}.side nav .badge{margin-left:auto}.side__status{display:grid;grid-template-columns:10px 1fr;gap:4px 8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px;font-size:12.5px;font-weight:600}.side__status small{grid-column:2;color:var(--muted);font-weight:500}.dot{width:8px;height:8px;border-radius:50%}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.content{min-width:0;display:grid;gap:16px;align-content:start}.phead{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;padding:6px 2px}.phead h1{margin:0;font:800 30px/1.15 var(--f-display);text-wrap:balance}.phead p{margin:4px 0 0;color:var(--muted);max-width:70ch}.phead__act{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;min-width:0}.card h2{margin:0 0 10px;font:700 18px/1.25 var(--f-display)}.grid2{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}.grid2.tight{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stack{display:grid;gap:16px;min-width:0}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 16px;display:grid;gap:2px}.kpi small{color:var(--muted);font-weight:600}.kpi b{font:800 30px/1.1 var(--f-display);font-variant-numeric:tabular-nums}.kpi span{color:var(--muted);font-size:12.5px}.kpi--warn b{color:var(--warn)}.tablewrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:10px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.who{display:flex;gap:10px;align-items:center;border:0;background:none;cursor:pointer;text-align:left;padding:0}.who b{display:block}.who small{color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:11.5px}.switch{width:42px;height:24px;border-radius:999px;border:0;background:#d7dceb;position:relative;cursor:pointer;padding:0;transition:background .2s}.switch i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .2s}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true] i{left:21px}.road{list-style:none;margin:0;padding:0;display:grid;gap:10px}.road li{display:flex;gap:12px;align-items:center}.road__n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--card2);border:1px solid var(--line);font-weight:800;flex:none}.road li.ok .road__n{background:var(--ok);color:#fff;border-color:transparent}.road b{display:block}.road small{color:var(--muted)}.log{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13px}.log li{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px}.log time{color:var(--muted);font-variant-numeric:tabular-nums}.empty{background:#fff;border:1px dashed #C9D2EA;border-radius:20px;padding:30px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}.list{display:grid;gap:8px}.runrow{display:grid;grid-template-columns:86px minmax(0,1fr) 140px auto 92px;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;text-align:left;cursor:pointer}.runrow:hover{border-color:var(--accent)}.runrow__code{font-weight:800;font-variant-numeric:tabular-nums}.runrow__goal{min-width:0}.runrow__goal b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.runrow__goal small{color:var(--muted)}.runrow__prog{display:grid;gap:4px}.runrow__prog small{color:var(--muted);font-size:12px}.runrow time{color:var(--muted);font-size:12.5px;text-align:right}.steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}.step{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;gap:10px}.step--review{border-color:#ff9f4399;box-shadow:0 0 0 3px #ff9f431f}.step--working{border-color:#4b6bff80}.step__head{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.step__n{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--card2);font-weight:800}.step__t{flex:1;min-width:160px}.step__t b{display:block}.step__t small{color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:12px}.filebox{border:1px solid var(--line);background:var(--card2);border-radius:14px;padding:14px 16px;display:grid;gap:10px;max-height:520px;overflow:auto}.gate{display:grid;gap:8px}.gate label{font-weight:700;font-size:13px}.gate textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:9px 12px;font:inherit}.exportgate{display:grid;gap:10px;justify-items:start;border-color:#7b61e859}.exportgate p{margin:0}.gatecard{display:grid;gap:10px}.gatecard__head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.gatecard__head small{color:var(--muted);font-family:ui-monospace,Menlo,monospace}.dgrid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.dcard{display:grid;gap:6px;align-content:start;text-align:left;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;cursor:pointer}.dcard:hover{border-color:var(--accent);transform:translateY(-1px)}.dcard__top{display:flex;justify-content:space-between;align-items:flex-start}.dcard b{font:700 18px/1.2 var(--f-display);margin-top:4px}.dcard small{color:var(--muted)}.dcard p{margin:0;color:var(--muted);font-size:13px}.dcard__tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.form{display:grid;gap:8px}.form label{font-weight:700;font-size:13px}.form h2{margin-bottom:2px}.checks{display:flex;flex-wrap:wrap;gap:14px;padding:4px 0}.checks label{font-weight:500;display:flex;gap:6px;align-items:center}.files{list-style:none;margin:0;padding:0;display:grid;gap:8px}.files li{display:flex;justify-content:space-between;gap:10px}.files small{color:var(--muted)}.bans{margin:0;padding-left:20px;display:grid;gap:6px;font-weight:600}.treeview{margin:0 0 10px;background:var(--card2);border-radius:12px;padding:12px;font-size:12.5px;line-height:1.6;overflow-x:auto}.lib{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}.tree{background:#fff;border:1px solid var(--line);border-radius:20px;padding:12px;font-size:13px;display:grid;gap:2px}.tree__root{font-weight:800;padding:4px 6px;font-family:ui-monospace,Menlo,monospace}.tree__dir{padding:4px 6px 4px 14px;font-weight:700}.tree__dir.sm{padding-left:28px;font-weight:600;color:var(--muted)}.tree__file{display:block;width:100%;text-align:left;border:0;background:none;padding:5px 6px 5px 42px;border-radius:8px;cursor:pointer;font-family:ui-monospace,Menlo,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree__file:hover,.tree__file[aria-selected=true]{background:#4b6bff1a;color:var(--accent)}.viewer{display:grid;gap:12px}.viewer__head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.viewer__head>div{flex:1;min-width:200px}.viewer__head b{display:block;font-family:ui-monospace,Menlo,monospace}.viewer__head small{color:var(--muted)}.chat{display:grid;gap:12px}.qa{display:grid;gap:6px}.bubble{max-width:90%;padding:10px 14px;border-radius:16px;line-height:1.5}.bubble--q{background:var(--card2);border:1px solid var(--line);justify-self:start;border-bottom-left-radius:6px}.bubble--a{background:var(--accent);color:#fff;justify-self:end;border:0;border-bottom-right-radius:6px;text-align:left;cursor:pointer;font:inherit}.q-n{display:block;font-size:11px;color:var(--muted);font-weight:700;margin-bottom:2px}.answer{display:grid;gap:8px}.md{line-height:1.6;overflow-wrap:anywhere}.md h2,.md h3,.md h4,.md h5{font-family:var(--f-display);margin:14px 0 6px;line-height:1.25}.md h2{font-size:20px}.md h3{font-size:17px}.md h4,.md h5{font-size:15px}.md>:first-child{margin-top:0}.md p{margin:6px 0}.md ul,.md ol{margin:6px 0;padding-left:22px}.md pre{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;overflow-x:auto}.md mark{background:#ffe9b8;border-radius:4px;padding:0 3px}.md-table{overflow-x:auto;margin:8px 0}.md table{border-collapse:collapse;font-size:13px}.md th,.md td{border:1px solid var(--line);padding:6px 10px;text-align:left}.md th{background:var(--card2)}.md--sm{font-size:13px}.clip{max-height:160px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}.md--box{border:1px solid var(--line);border-radius:14px;padding:14px;min-height:300px}mark{background:#ffe9b8;border-radius:4px;padding:0 3px}@media (max-width: 1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid2,.lib{grid-template-columns:minmax(0,1fr)}.runrow{grid-template-columns:76px minmax(0,1fr) auto}.runrow__prog,.runrow time{display:none}}@media (max-width: 860px){.admin{grid-template-columns:minmax(0,1fr)}.side{position:static}.side nav{grid-template-columns:repeat(2,minmax(0,1fr))}.stage.has-panel .topbar{right:max(16px,env(safe-area-inset-right))}}@media (max-width: 760px){.topbar{gap:6px;flex-wrap:nowrap}.brand{padding:4px;flex:none}.brand>div{display:none}.topbar__right{margin-left:0;flex:1;min-width:0;gap:4px}.topbar__right>.btn,.topbar__right>.appr{flex:1 1 0;min-width:0}.topbar__right .btn{width:100%;justify-content:center;padding:0 6px;gap:4px;font-size:12.5px;white-space:nowrap}.topbar__right .badge{margin-left:2px;min-width:18px;height:18px;padding:0 5px;font-size:11px}.topbar .appr__pop{position:fixed;top:68px;left:16px;right:16px;width:auto}.topbar .modepick__pop{right:auto;width:max-content}.seg button{padding:7px 10px;font-size:12px}.stage.has-panel .controls{display:none}.night-tog{bottom:calc(76px + env(safe-area-inset-bottom))}}@media (max-width: 520px){.kpis,.grid2.tight{grid-template-columns:minmax(0,1fr)}.phead h1{font-size:25px}}@media (min-width: 861px){.stage.has-panel .map2d,.stage.has-panel .mapimg__host{right:392px;width:auto}.stage.has-panel .map2d{top:0;right:392px;bottom:0;left:0}.stage.has-panel .night-tog{right:408px}}.form input[type=color]{width:100%;height:42px;border:1px solid var(--line);border-radius:14px;padding:4px;background:#fff}.form input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.form input[type=file]{font:inherit;font-size:13px}