:root{--forest-900: #082A00;--forest-800: #0C3000;--forest-700: #14400A;--forest-600: #1F5A12;--leaf-600: #3C7800;--leaf-500: #488800;--leaf-400: #70A000;--lime-400: #6C9C00;--marigold: #F8B000;--marigold-d: #8A5F00;--marigold-bg:#FFF6E0;--water-600: #0068B4;--water-500: #0078C8;--water-400: #0088D8;--water-bg: #E8F4FD;--lotus: #E8687C;--lotus-bg: #FDEDEF;--cream-050: #FBFBF6;--cream-100: #F4F5EC;--cream-200: #E7E9DC;--stone-300: #CBD0BF;--stone-400: #9AA48C;--stone-500: #6E7A62;--paper: #FFFFFF;--ink: var(--forest-800);--ink-soft: var(--stone-500);--line: var(--cream-200);--ok: var(--leaf-600);--ok-bg: #EDF5E4;--warn: var(--marigold-d);--warn-bg: var(--marigold-bg);--bad: #B23A2E;--bad-bg: #FBECEA;--sans: "IBM Plex Sans", "IBM Plex Sans Devanagari", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--tap: 56px;--r: 8px;--r-lg: 14px;--lift: 0 1px 2px rgba(8,42,0,.05), 0 2px 8px rgba(8,42,0,.04);--lift-2: 0 2px 6px rgba(8,42,0,.07), 0 12px 28px rgba(8,42,0,.07)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);background:var(--cream-050);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}:focus-visible{outline:3px solid var(--water-500);outline-offset:2px;border-radius:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{background:var(--paper);border-bottom:1px solid var(--line);padding:0 16px;height:60px;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:30}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--leaf-500),var(--marigold) 55%,var(--water-500));opacity:.85}.topbar img.emblem{height:38px;width:auto;display:block}.topbar .wm{display:flex;flex-direction:column;line-height:1.1}.topbar .wm b{font-size:15.5px;font-weight:600;letter-spacing:-.015em;color:var(--forest-800)}.topbar .wm small{font-size:10px;color:var(--stone-400);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase}.topbar .spacer{flex:1}.topbar .who{font-size:12px;color:var(--stone-500);text-align:right;line-height:1.25}.topbar .who b{display:block;color:var(--forest-700);font-weight:500;font-size:13px}.iconbtn{background:var(--cream-100);border:1px solid var(--line);color:var(--forest-700);height:34px;padding:0 11px;border-radius:999px;font-size:12px;cursor:pointer;font-family:var(--sans);font-weight:500;transition:background .15s,border-color .15s}.iconbtn:hover{background:var(--cream-200)}.iconbtn.on{background:var(--forest-800);border-color:var(--forest-800);color:#fff}.page{flex:1;padding:22px 16px 48px;max-width:1120px;width:100%;margin:0 auto}.page.narrow{max-width:660px}.page-head{margin-bottom:20px;display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.page-head .ttl{flex:1;min-width:220px}.page-head .eyebrow{font-family:var(--mono);font-size:10.5px;color:var(--leaf-600);text-transform:uppercase;letter-spacing:.16em;margin-bottom:3px}.page-head h1{font-size:27px;font-weight:600;letter-spacing:-.03em;color:var(--forest-800);line-height:1.15}.page-head .sub{font-size:13.5px;color:var(--ink-soft);margin-top:3px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--lift);margin-bottom:16px;overflow:hidden}.panel>h2{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:var(--stone-500);padding:13px 18px;border-bottom:1px solid var(--line);font-family:var(--mono);background:var(--cream-050)}.panel-body{padding:18px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr))}.metric{padding:16px 18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.metric:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--stone-300)}.metric.n:before{background:var(--leaf-500)}.metric.ne:before{background:var(--water-500)}.metric.se:before{background:var(--marigold)}.metric.sw:before{background:#c79a2e}.metric .label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--stone-400);font-family:var(--mono)}.metric .value{font-family:var(--mono);font-size:29px;font-weight:500;letter-spacing:-.035em;margin-top:5px;font-variant-numeric:tabular-nums;color:var(--forest-800);line-height:1.1}.metric .value.sm{font-size:21px}.metric .foot{font-size:12px;color:var(--ink-soft);margin-top:4px}.pill{display:inline-block;font-family:var(--mono);font-size:10.5px;font-weight:500;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.09em}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.info{background:var(--water-bg);color:var(--water-600)}.pill.mute{background:var(--cream-100);color:var(--stone-500)}.rows{display:flex;flex-direction:column}.row{display:flex;gap:13px;align-items:baseline;padding:12px 18px;border-bottom:1px solid var(--line);font-size:14px}.row:last-child{border-bottom:none}.row:hover{background:var(--cream-050)}.row .sev{flex:none;width:66px}.row .cat{flex:none;width:92px;font-family:var(--mono);font-size:10.5px;color:var(--stone-400);text-transform:uppercase;letter-spacing:.09em}.row .detail{flex:1}.cutoff{background:linear-gradient(100deg,var(--marigold-bg),#FFFCF4);border:1px solid #F4DCA6;border-radius:var(--r-lg);padding:16px 18px;display:flex;align-items:center;gap:18px;margin-bottom:16px;position:relative;overflow:hidden}.cutoff:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--marigold)}.cutoff .clock{font-family:var(--mono);font-size:32px;font-weight:600;color:var(--marigold-d);font-variant-numeric:tabular-nums;letter-spacing:-.035em;flex:none}.cutoff .txt{font-size:13px;line-height:1.4;color:var(--marigold-d)}.cutoff .txt strong{display:block;font-size:14.5px;color:var(--forest-800);margin-bottom:1px}.cutoff.locked{background:var(--cream-100);border-color:var(--line)}.cutoff.locked:before{background:var(--stone-400)}.cutoff.locked .clock,.cutoff.locked .txt{color:var(--stone-500)}.sheet{background:var(--paper);border:1px solid var(--forest-700);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--lift-2)}.sheet-head{background:var(--forest-800);color:#eaf1e4;padding:13px 18px;display:flex;align-items:center;gap:12px}.sheet-head .t{font-weight:600;font-size:16px;letter-spacing:-.01em}.sheet-head .n{font-family:var(--mono);font-size:12.5px;color:#a9c39a;margin-left:auto;font-variant-numeric:tabular-nums}.rail{height:5px;background:var(--forest-700)}.rail>i{display:block;height:100%;background:var(--leaf-400);transition:width .35s ease}.stop{border-bottom:2px solid var(--forest-700)}.stop:last-child{border-bottom:none}.stop-head{background:var(--cream-100);padding:11px 18px;display:flex;align-items:baseline;gap:11px}.stop-head .seq{font-family:var(--mono);font-weight:600;font-size:12px;background:var(--forest-800);color:#fff;padding:3px 8px;border-radius:5px}.stop-head .nm{font-weight:600;font-size:15.5px;color:var(--forest-800)}.stop-head .ct{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--stone-500)}.stop-note{padding:8px 18px;font-size:12.5px;color:var(--marigold-d);background:var(--marigold-bg);border-bottom:1px solid #F0E0BC}.drop{display:flex;align-items:center;gap:11px;padding:0 12px 0 18px;min-height:var(--tap);border-bottom:1px solid var(--line);transition:background .15s}.drop:last-child{border-bottom:none}.drop.done{background:var(--ok-bg)}.drop.miss{background:var(--bad-bg)}.drop .flat{font-family:var(--mono);font-size:13px;font-weight:600;width:64px;flex:none;font-variant-numeric:tabular-nums;color:var(--forest-700)}.drop .who2{flex:1;min-width:0}.drop .who2 b{display:block;font-weight:500;font-size:14.5px;color:var(--forest-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop .who2 small{color:var(--stone-400);font-size:12px}.drop .qty{font-family:var(--mono);font-size:16px;font-weight:600;flex:none;font-variant-numeric:tabular-nums;text-align:right;min-width:48px;color:var(--forest-800)}.btn{font-family:var(--sans);font-size:14px;font-weight:500;border-radius:var(--r);border:1px solid transparent;padding:0 16px;height:42px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background .15s,border-color .15s,transform .06s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--water-500);color:#fff}.btn-primary:hover:not(:disabled){background:var(--water-600)}.btn-ghost{background:var(--paper);border-color:var(--line);color:var(--forest-700)}.btn-ghost:hover:not(:disabled){border-color:var(--stone-300);background:var(--cream-050)}.btn-ok{background:var(--leaf-600);color:#fff}.btn-ok:hover:not(:disabled){background:var(--forest-600)}.btn-bad{background:var(--paper);border-color:#e7bdb7;color:var(--bad)}.btn-tap{height:var(--tap);font-size:15px;font-weight:600}.btn-block{width:100%}.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal .dow{font-family:var(--mono);font-size:10px;text-align:center;color:var(--stone-400);text-transform:uppercase;padding-bottom:3px;letter-spacing:.08em}.day{aspect-ratio:1;border:1px solid var(--line);border-radius:8px;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-family:var(--mono);padding:2px;transition:transform .08s,box-shadow .15s}.day:hover:not(:disabled){box-shadow:var(--lift);transform:translateY(-1px)}.day:disabled{cursor:not-allowed}.day .d{font-size:10.5px;color:var(--stone-400)}.day .q{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.day.has{background:var(--water-bg);border-color:#beddf5}.day.has .q{color:var(--water-600)}.day.none{background:var(--cream-100)}.day.none .q{color:var(--stone-400)}.day.extra{background:var(--ok-bg);border-color:#c4dfaa}.day.extra .q{color:var(--ok)}.day.paused{background:var(--marigold-bg);border-color:#f0dfb4}.day.paused .q{color:var(--warn)}.day.locked{opacity:.5}.legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}.legend span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft)}.legend i{width:12px;height:12px;border-radius:4px;border:1px solid var(--line);display:block}.field{margin-bottom:14px}.field label{display:block;font-size:10.5px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--stone-400);margin-bottom:5px}.field input{width:100%;height:46px;padding:0 13px;font-size:15px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);color:var(--ink);font-family:var(--sans);transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--water-500);box-shadow:0 0 0 3px var(--water-bg);outline:none}.login-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 20px 40px;background:radial-gradient(1100px 520px at 50% -8%,#eff6e6,#eff6e600 62%),radial-gradient(760px 420px at 88% 108%,#fff6e2,#fff6e200 60%),var(--cream-050)}.login-inner{width:100%;max-width:396px;text-align:center}.login-card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:26px 26px 28px;text-align:left;box-shadow:var(--lift-2)}.login-logo{width:min(212px,58vw);height:auto;margin:2px auto 4px;display:block}.login-slogan{font-size:12.5px;color:var(--leaf-600);font-weight:500;text-align:center;margin-bottom:22px;letter-spacing:.01em}.login-divider{display:flex;align-items:center;gap:12px;margin-bottom:18px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--line)}.login-divider span{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.14em;color:var(--stone-400);white-space:nowrap}.login-foot{margin-top:20px;text-align:center}.login-foot .ft{margin-top:12px;font-size:11px;color:var(--stone-400);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase}.lang-toggle{display:inline-flex;gap:5px}.msg{padding:11px 13px;border-radius:var(--r);font-size:13.5px;margin-bottom:14px}.msg.bad{background:var(--bad-bg);color:var(--bad)}.msg.ok{background:var(--ok-bg);color:var(--ok)}.empty{padding:40px 18px;text-align:center;color:var(--stone-400);font-size:14px}.empty b{display:block;color:var(--forest-800);font-weight:500;margin-bottom:4px;font-size:15px}.spin{padding:44px;text-align:center;color:var(--stone-400);font-family:var(--mono);font-size:12px;letter-spacing:.1em}.offline-bar{background:var(--marigold);color:#4a3200;padding:8px 16px;font-family:var(--mono);font-size:12px;text-align:center;font-weight:500}.tabs{display:flex;gap:5px;margin-bottom:16px;flex-wrap:wrap}.tabs a{font-size:13px;padding:8px 14px;border-radius:999px;text-decoration:none;color:var(--stone-500);border:1px solid transparent;transition:background .15s}.tabs a:hover{background:var(--cream-100)}.tabs a.on{background:var(--forest-800);border-color:var(--forest-800);color:#fff;font-weight:500}.money{font-family:var(--mono);font-variant-numeric:tabular-nums}@media (max-width: 560px){.page{padding:16px 12px 40px}.page-head h1{font-size:23px}.metric .value{font-size:24px}.cutoff{gap:13px;padding:14px}.cutoff .clock{font-size:26px}.topbar{padding:0 12px}.topbar .who{display:none}}