@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";:root{color:#f4f7fb;font-synthesis:none;text-rendering:optimizelegibility;font-family:Be Vietnam Pro,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{background:#e7eef2;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.map-app{color:#10243f;background:#eef3f6;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.top-band{flex-direction:column;flex:1;gap:6px;min-height:0;padding:8px 10px 0;display:flex}.top-tools{align-items:center;gap:12px;display:flex}.zone-row{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-height:0;display:grid}.zone-row .lane{min-height:0;overflow:auto}.rail{flex-direction:column;gap:8px;min-width:0;min-height:0;padding:8px;display:flex}.rail-scroll{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:auto}.corner{align-items:center;gap:8px;display:flex}.corner-title{min-width:0}.corner-title strong,.corner-title span{display:block}.corner-title strong{letter-spacing:-.02em;font-size:14px}.corner-title span{color:#5c6b80;font-variant-numeric:tabular-nums;font-size:12px}.map-app .mark{border-radius:10px;flex:none;width:32px;height:32px}.map-app .who{color:#10243f;background:#fff;border:1px solid #10243f29;width:100%}.map-stage{flex:none;justify-content:center;align-items:flex-end;min-width:0;padding-top:6px;display:flex;position:relative}.top-tools .login-fab{margin-left:auto}.login-fab{color:#10243f;background:#fff;border:1px solid #10243f2e;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800;box-shadow:0 6px 16px #10243f29}.map{aspect-ratio:2170/725;width:100%;position:relative}.map img{object-fit:fill;width:100%;height:100%;display:block}.pin{font-variant-numeric:tabular-nums;pointer-events:none;border-radius:999px;place-items:center;min-width:36px;height:36px;padding:0 8px;font-size:16px;font-weight:800;animation:1s steps(2,end) infinite alarm-blink;display:grid;position:absolute;transform:translate(-50%,-50%)}.pin.yellow{color:#3a2a00;background:#ffd000;box-shadow:0 0 0 6px #ffd00073}.pin.red{color:#fff;background:#e10600;box-shadow:0 0 0 6px #e1060066}.pin.green{color:#fff;background:#1fad3b;box-shadow:0 0 0 6px #1fad3b6b}@keyframes alarm-blink{0%,45%{opacity:1}50%,to{opacity:.2}}.lane{color:#10243f;background:#fff;border:0;border-radius:16px;padding:10px 12px 12px}.lane-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.lane h2{letter-spacing:.02em;margin:0;font-size:15px}.lane.live h2:before{content:"";background:currentColor;border-radius:50%;width:10px;height:10px;margin-right:6px;animation:1s steps(2,end) infinite alarm-blink;display:inline-block}.tone-chicken{background:#ffe14a}.tone-chicken h2,.tone-chicken .kind-block p,.tone-chicken .slot-row>span{color:#3a2800}.tone-swine{background:#2ad4c8}.tone-swine h2,.tone-swine .kind-block p,.tone-swine .slot-row>span{color:#06332f}.tone-shop{background:#3ddc6e}.tone-shop h2,.tone-shop .kind-block p,.tone-shop .slot-row>span{color:#083018}.tone-kho{background:#ff5d7a}.tone-kho h2,.tone-kho .kind-block p,.tone-kho .slot-row>span{color:#4a1020}.lane.live.tone-chicken{background:#ffc400}.lane.live.tone-swine{background:#14c4b8}.lane.live.tone-shop{background:#22c55e}.lane.live.tone-kho{background:#ff3d62}.lane-user,.kind-block p,.slot-row em{color:#3d4d63}.lane-user{margin:2px 0 0;font-size:12px;font-weight:700}.kind-block p{letter-spacing:.04em;margin:8px 0 0;font-size:12px;font-weight:800}.kind-block ul,.slot-list{margin:0;padding:0;list-style:none}.kind-block li,.slot-row{margin-top:4px}.job-line,.slot-row>button{text-align:left;color:#10243f;background:#fff;border:0;border-radius:8px;width:100%;padding:5px 7px}.slot-row.busy>button{box-shadow:inset 4px 0}.tone-shop .slot-row.busy>button{color:#0d6b32}.job-line b,.slot-row b{color:#10243f;font-size:14px;display:block}.job-line.prio b,.job-line.prio small,.slot-row.prio b,.slot-row.prio small{color:#e10600;font-weight:800}.job-line small,.slot-row small{color:#3d4d63;font-size:12px;display:block}.slot-row>span{color:#243246;font-size:12px;font-weight:800;display:block}.lane .mini,.slot-row .mini,.kind-block .mini{color:#fff;background:#10243f;margin-top:4px}.mini{color:#fff;background:#10243f;border:0;border-radius:999px;width:fit-content;padding:3px 8px;font-size:11px;font-weight:700}.shell{z-index:1;grid-template-rows:auto auto minmax(0,1fr);gap:8px;height:100dvh;padding:10px 12px 12px;display:grid;position:relative}.topbar{color:#fff;grid-template-columns:minmax(220px,1fr) auto minmax(180px,.8fr);align-items:center;gap:12px;display:grid}.brand{align-items:center;gap:12px;min-width:0;display:flex}.mark{color:#10243f;background:#f4f7fb;border-radius:16px;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.brand h1{letter-spacing:-.03em;margin:0;font-size:22px}.brand p{color:#ffffffbf;margin:2px 0 0;font-size:13px}.roles{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.roles button,.filters button,.seg button{color:#fff;background:#ffffff14;border:1px solid #ffffff3d;border-radius:999px;padding:7px 12px;font-weight:650}.roles button.on,.filters button.on,.seg button.on{color:#10243f;background:#f4f7fb}.clock{text-align:right}.clock strong{font-variant-numeric:tabular-nums;font-size:22px;display:block}.clock span{color:#ffffffbf;text-transform:capitalize;font-size:13px}.who{color:#fff;background:#00000040;border:1px solid #fff3;border-radius:999px;width:min(220px,100%);margin-top:4px;padding:6px 10px}.alarms{gap:8px;min-height:34px;display:flex;overflow:auto}.alarms span,.quiet-alarm{white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:700}.alarms .hot,.alarms .full{color:#8e1230;background:#ffd5dc}.alarms .full{animation:1.2s ease-in-out infinite pulse}.alarms .warm{color:#8a4b08;background:#ffe3c2}.quiet-alarm{color:#fffc;background:#ffffff1a}.stage{grid-template-rows:minmax(0,.92fr) minmax(0,1.08fr);grid-template-columns:minmax(250px,.86fr) minmax(360px,1.2fr) minmax(330px,1.05fr);gap:10px;min-height:0;display:grid}.zone-chicken{grid-area:1/1}.zone-swine{grid-area:2/1}.zone-plan{grid-area:1/2/span 2}.zone-kho{grid-area:1/3}.zone-shop{grid-area:2/3}.card{background:#08101ce6;border:1px solid #ffffff24;border-radius:18px;min-height:0;padding:12px;overflow:auto;box-shadow:0 16px 40px #00000038}.card.alarm{border-color:#ff8b98;box-shadow:0 0 0 1px #ff5d6c73,0 16px 40px #00000038}.card.warm{border-color:#ffc27a}.card h2{letter-spacing:.01em;margin:0;font-size:15px}.card-head,.plan-head,.slot-top,.mini-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.kicker{color:#ffffff9e;letter-spacing:.08em;margin:0 0 2px;font-size:11px;font-weight:700}.zone-chicken .kicker{color:#ffd27a}.zone-swine .kicker{color:#8ef0e4}.zone-shop .kicker{color:#b9d6ff}.zone-kho .kicker{color:#ffc09a}.big{align-items:baseline;gap:8px;margin:8px 0 2px;display:flex}.big strong{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:42px;line-height:.9}.big span,.sub,.meta,.hint,.event{color:#ffffffb8;font-size:12px}.sub{margin:0 0 8px;font-weight:700}.split{gap:8px;margin-bottom:8px;display:flex}.split em,.chip,.life{background:#ffffff1a;border-radius:999px;padding:3px 8px;font-size:12px;font-style:normal;font-weight:700}.chip.p1,.life.spent{color:#8e1230;background:#ffd5dc}.chip.p2,.life.high{color:#8a4b08;background:#ffe3c2}.chip.die{color:#16345c;background:#d9e6ff}.chip.roller{color:#0d5c52;background:#d9fff6}.life.normal{color:#0d6b42;background:#daf6e8}.list,.queue,.stack{gap:6px;margin:0;padding:0;list-style:none;display:grid}.list li,.queue li,.stack li,.slot{background:#ffffff0f;border-radius:12px;padding:8px}.queue li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.queue li.next{background:#ffd27a29;outline:1px solid #ffd27ab3}.rank{background:#ffffff1f;border-radius:12px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.row1,.row2,.row3{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.row1 b{font-size:14px}.age{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:800}.age.hot{color:#ffd27a}.age.late{color:#ff8b98}.filters{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.plan-note{color:#ffffffc7;margin:0 0 8px;font-size:13px}.empty{color:#ffffffb3;margin:8px 0;font-size:13px}.act,.danger,.ghost{border:0;border-radius:999px;padding:8px 12px;font-weight:750}.act{color:#10243f;background:#f4f7fb}.danger{color:#8e1230;background:#ffd5dc}.ghost{color:#fff;background:0 0;border:1px solid #ffffff47}.act:disabled,.danger:disabled{opacity:.45}.block-reason{color:#ffd27a;margin:6px 0 0;font-size:12px;font-weight:700}.pipeline{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:6px;margin-top:8px;display:grid}.pipeline>*{min-width:0}.arrow{color:#ffffff8c;align-self:center;font-weight:800}.slot{min-height:112px}.slot .meta{margin-top:2px;display:block}.slot.empty{background:0 0;border:1px dashed #ffffff3d}.slot b{margin:4px 0;display:block}.slot-actions,.inline-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.slot-actions{flex-direction:column}.slot-actions button{width:100%}.cap{color:#ffffffc7;margin:8px 0;font-size:12px}.cap.full{color:#ffb3bc;font-weight:800}.section-label{letter-spacing:.04em;color:#ffffffa8;margin:12px 0 6px;font-size:12px;font-weight:800}.toast{z-index:30;color:#10243f;background:#f4f7fb;border-radius:999px;padding:10px 16px;font-weight:750;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.backdrop{z-index:20;background:#00000073;position:fixed;inset:0}.drawer{z-index:21;color:#10243f;background:#f7fafc;width:min(480px,100%);padding:16px;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-20px 0 50px #0003}.drawer h3{color:#10243f;margin:0 0 8px;font-size:20px}.drawer label{color:#243246;margin:10px 0 4px;font-size:13px;font-weight:700;display:block}.drawer input,.drawer select,.drawer textarea,.drawer option{color:#10243f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1px solid #10243f38;border-radius:12px;width:100%;padding:10px 12px}.drawer .ghost{color:#10243f;background:#fff;border:1px solid #10243f38}.drawer .act{color:#fff;background:#10243f}.drawer .seg button{color:#10243f;background:#fff;border-color:#10243f2e}.drawer .seg button.on{color:#fff;background:#10243f}.drawer .pick{color:#10243f;background:#fff;border-color:#10243f1f}.drawer .pick.on{background:#fff6d6;border-color:#c4840a}.drawer .card{color:#10243f;box-shadow:none;background:#fff;border-color:#10243f1f}.drawer .kicker,.drawer .meta,.drawer .sub,.drawer .empty,.drawer .events,.drawer .cap{color:#3d4d63}.drawer.declare{flex-direction:column;gap:8px;padding:12px;display:flex;overflow:hidden}.declare-top,.declare-foot{flex:none}.declare-top .seg{flex-wrap:wrap}.declare-top .seg button,.declare-foot .seg button{padding:6px 10px}.declare-list{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex}.search-row{align-items:center;gap:8px;display:flex}.search-row input{flex:1}.search-row label{white-space:nowrap;margin:0;font-size:12px}.declare-list .results{flex:1;min-height:0;max-height:none;margin-top:0}.manual-grid{gap:6px;display:grid}.manual-grid label{margin:0}.declare-foot{gap:6px;display:grid}.declare-foot label{margin:0 0 2px}.declare-row{grid-template-columns:1fr auto;align-items:end;gap:10px;display:grid}.declare-foot .act{justify-self:start}.seg{gap:6px;display:flex}.results{gap:6px;max-height:280px;margin-top:8px;display:grid;overflow:auto}.pick{text-align:left;color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:8px}.pick.on{background:#ffd27a1f;border-color:#ffd27a}.pick b{display:block}.warn{color:#6d3a06;background:#ffe3c2;border-radius:12px;margin:8px 0;padding:8px 10px;font-size:13px;font-weight:650}.qty{align-items:center;gap:8px;display:flex}.qty strong{text-align:center;min-width:24px;font-size:18px}.drawer-actions{gap:8px;margin-top:14px;display:flex}.events{color:#ffffffc7;margin:8px 0 0;padding-left:16px}.events li{margin:4px 0}@media (width<=1100px){.shell{height:auto;min-height:100dvh}.topbar{grid-template-columns:1fr}.clock{text-align:left}.stage{grid-template-rows:none;grid-template-columns:1fr}.zone-chicken,.zone-swine,.zone-plan,.zone-kho,.zone-shop{grid-area:auto/1;min-height:280px}.pipeline{grid-template-columns:1fr}.arrow{justify-self:center;transform:rotate(90deg)}}@keyframes pulse{50%{filter:brightness(1.08)}}