:root{--navy:#0a2f5c;--navy2:#103a66;--blue:#14508f;--sky:#1c6fb5;--steel:#2d7cb4;--steel-d:#256a9e;--gold:#f2a71b;--gold-d:#d8940c;--gold-soft:#fbe9c6;--red:#c0392b;--bg:#eef1f4;--card:#fff;--line:#d9e0e8;--ink:#14233b;--muted:#7a8699}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}.wrap,body{background:var(--bg)}.wrap{max-width:680px;margin:0 auto;min-height:100vh}.topbar{background:linear-gradient(118deg,var(--navy) 0,var(--blue) 58%,var(--sky) 100%);color:#fff;padding:13px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px rgba(10,47,92,.25);border-bottom:3px solid var(--gold)}.brandwrap,.topbar{display:flex;align-items:center}.brandwrap{gap:11px;min-width:0;width:100%}.logo{flex:0 0 auto;width:38px;height:38px}.brand{font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:clamp(1rem,4.6vw,1.2rem);line-height:1.05;letter-spacing:.01em;white-space:nowrap}.brand span{font-weight:400;font-style:italic;opacity:.9;font-size:.88em}.tag{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-top:3px;font-weight:600}.userbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;background:#e9eff6;border-bottom:1px solid var(--line)}.userbar .who{font-size:.82rem;color:var(--navy);min-width:0}.userbar .who strong{font-weight:800}.userbar .logout{color:#fff;font-size:.74rem;font-weight:700;background:var(--steel);border:none;padding:7px 13px;border-radius:7px;flex:0 0 auto}.userbar .logout:active{background:var(--steel-d)}.deptswitch{display:flex;align-items:center;gap:8px;margin:12px 16px 0;font-size:.8rem;color:var(--muted);flex-wrap:wrap}.deptswitch button{border:1.5px solid var(--steel);background:#fff;color:var(--steel);padding:7px 14px;border-radius:8px;font-weight:700;font-size:.82rem}.deptswitch button.act{background:var(--steel);color:#fff}.sandbox-note{margin:10px 16px 0;padding:9px 12px;background:var(--gold-soft);border-left:4px solid var(--gold);border-radius:8px;font-size:.78rem;color:var(--gold-d)}.pad{padding:16px}.section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--navy);padding:18px 16px 6px;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:4px;height:15px;background:var(--gold);border-radius:2px}.muted{color:var(--muted)}.err{background:#f8d7da;color:#842029;border-left:4px solid var(--red)}.err,.ok-msg{padding:10px 14px;border-radius:8px;margin:12px 16px;font-size:.9rem}.ok-msg{background:#d1e7dd;color:#0f5132;border-left:4px solid #2e8b57;font-weight:600}.btn-ghost{width:100%;padding:13px;font-size:1rem;font-weight:700;background:none;color:var(--steel);border:none;margin-top:10px}.reset-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;border-top:1px solid var(--line)}.reset-row:first-of-type{border-top:none}.reset-btn{flex:0 0 auto;background:#fff;color:var(--red);border:1.5px solid var(--red);font-weight:700;padding:8px 14px;border-radius:8px;font-size:.85rem}.reset-btn:active{background:#fdecea}.usage-sub{font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--navy);margin:16px 16px 6px}.usage-sub.warn{color:var(--gold-d)}.usage-when{font-size:.78rem;color:var(--muted);font-weight:700;white-space:nowrap;flex:0 0 auto}.usage-never{font-size:.76rem;color:var(--gold-d);font-weight:800;background:var(--gold-soft);padding:5px 10px;border-radius:7px;flex:0 0 auto}.attempts-warn{margin-top:12px;font-size:.84rem;color:#842029;font-weight:700}.lock-barrier{margin-top:14px;padding:12px;background:#f8d7da;border-radius:10px}.lock-barrier p{margin:0 0 8px;font-size:.88rem;color:#842029}.notif-badge{font-size:.62rem;font-weight:800;background:var(--red);color:#fff;padding:2px 7px;border-radius:10px;margin-left:8px;vertical-align:middle}.dismiss-btn{background:none;color:var(--muted);border:1.5px solid var(--line);font-weight:700;padding:8px 12px;border-radius:8px;font-size:.85rem}.usage-clickable{cursor:pointer}.usage-clickable:active{background:#f7fafd}.usage-chev{font-size:1.3rem;color:var(--steel);transition:transform .2s;line-height:1}.usage-hist{padding:2px 16px 10px 30px}.usage-hist-row{font-size:.8rem;color:var(--muted);font-weight:600;padding:5px 0;border-bottom:1px dashed var(--line)}.usage-hist-row:last-child{border-bottom:none}.spin{text-align:center;padding:40px;color:var(--muted)}.login-card{background:var(--card);margin:22px 16px;padding:26px 22px;border-radius:14px;box-shadow:0 4px 18px rgba(10,47,92,.1);border-top:4px solid var(--gold)}.login-card h1{font-size:1.3rem;margin:0 0 4px;color:var(--navy)}.login-card p{margin:0 0 20px;color:var(--muted);font-size:.9rem}label{display:block;font-size:.76rem;font-weight:700;color:var(--navy);margin:14px 0 6px;text-transform:uppercase;letter-spacing:.04em}input[type=password],input[type=tel],input[type=text]{width:100%;padding:14px;font-size:1.15rem;border:1.5px solid var(--line);border-radius:10px;background:#fbfcfe;color:var(--ink)}input:focus{outline:none;border-color:var(--steel);box-shadow:0 0 0 3px rgba(45,124,180,.15)}.btn{width:100%;padding:15px;font-size:1.05rem;font-weight:700;letter-spacing:.02em;background:linear-gradient(180deg,var(--steel) 0,var(--steel-d) 100%);color:#fff;border:none;border-radius:10px;margin-top:24px;box-shadow:0 2px 6px rgba(37,106,158,.35)}.btn:active{opacity:.9}.btn:disabled{opacity:.5}.job{display:flex;align-items:center;justify-content:space-between;background:var(--card);margin:10px 16px;padding:15px 16px;border-radius:12px;box-shadow:0 1px 4px rgba(10,47,92,.08);border-left:4px solid var(--steel)}.job:active{background:#f7fafd}.job .code{font-weight:800;font-size:1.15rem;color:var(--navy)}.job .desc{font-size:.82rem;color:var(--muted);margin-top:2px}.job .go{color:var(--steel);font-size:1.5rem;font-weight:700}.job.complete{border-left-color:#2e8b57}.prog{margin-top:10px}.prog-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.prog-dept{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--navy)}.prog-bar{height:7px;background:#e4e8ee;border-radius:5px;overflow:hidden}.prog-fill{height:100%;background:linear-gradient(90deg,#43b06f,#2e8b57);border-radius:5px;transition:width .3s}.prog-label{font-size:.72rem;color:var(--muted);font-weight:700}.prog-label.done{color:#2e8b57;font-weight:800}.os-toggle{display:flex;gap:8px;margin:16px 0 4px}.os-toggle button{flex:1 1;padding:11px;border-radius:10px;border:1.5px solid var(--steel);background:#fff;color:var(--steel);font-weight:700;font-size:.92rem}.os-toggle button.act{background:var(--steel);color:#fff}.install-steps{margin:14px 0 6px;padding-left:22px;color:var(--ink)}.install-steps li{margin:10px 0;font-size:.95rem;line-height:1.4}.install-steps .kbd{display:inline-block;background:#eef1f4;border:1px solid var(--line);border-radius:5px;padding:0 6px;font-size:.9em}.demo-tag{font-size:.6rem;font-weight:800;letter-spacing:.1em;background:var(--gold);color:var(--navy);padding:2px 6px;border-radius:5px;vertical-align:middle;margin-left:6px}.cnc-demo-note{margin:8px 16px 0;padding:9px 12px;background:var(--gold-soft);border-left:4px solid var(--gold);border-radius:8px;font-size:.8rem;color:var(--gold-d)}.cnc-timer{margin:14px 16px;padding:22px;background:var(--navy);border-radius:16px;text-align:center;color:#fff}.cnc-timer.live{background:linear-gradient(160deg,#124e2c,#2e8b57)}.cnc-time{font-size:3rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.cnc-time.big{font-size:3.4rem;color:var(--navy)}.cnc-time-lbl{font-size:.8rem;opacity:.9;margin-top:4px;text-transform:uppercase;letter-spacing:.08em}.cnc-pick{margin:0 16px}.cnc-pick-lbl{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:12px 0 6px}.cnc-seg{display:flex;gap:8px}.cnc-seg button{flex:1 1;padding:12px;border-radius:10px;border:1.5px solid var(--steel);background:#fff;color:var(--steel);font-weight:700;font-size:.92rem}.cnc-seg button.act{background:var(--steel);color:#fff}.cnc-big{display:block;width:calc(100% - 32px);margin:14px 16px 0;padding:20px;border:none;border-radius:14px;font-size:1.3rem;font-weight:800;letter-spacing:.02em;color:#fff}.cnc-big.start{background:linear-gradient(180deg,#43b06f,#2e8b57)}.cnc-big.pause{background:linear-gradient(180deg,#e6b23e,#d8940c);color:var(--navy)}.cnc-big.end{background:linear-gradient(180deg,#e06666,#c0392b)}.cnc-big:active{opacity:.9}.cnc-summary,.cnc-tally{margin:18px 16px 0}.cnc-sumtable,.cnc-tally table{width:100%;border-collapse:separate;border-spacing:0 4px}.cnc-sumtable th,.cnc-tally th{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:left;padding:4px 10px}.cnc-sumtable td,.cnc-tally td{background:#fff;padding:11px 10px;font-weight:700;color:var(--ink)}.cnc-sumtable td:first-child,.cnc-tally td:first-child{border-radius:8px 0 0 8px;color:var(--navy)}.cnc-sumtable td:last-child,.cnc-tally td:last-child{border-radius:0 8px 8px 0}.cnc-summary{text-align:center}.cnc-summary .cnc-sumtable{text-align:left;margin-top:16px}.hub{padding:8px 16px 20px;gap:14px}.hub,.hub-card{display:flex;flex-direction:column}.hub-card{align-items:flex-start;gap:4px;background:var(--card);border:none;border-left:5px solid var(--gold);border-radius:14px;padding:20px;text-align:left;text-decoration:none;box-shadow:0 2px 10px rgba(10,47,92,.1)}.hub-card:active{background:#f7fafd}.hub-ico{font-size:2rem;line-height:1;margin-bottom:4px}.hub-t{font-size:1.2rem;font-weight:800;color:var(--navy)}.hub-d{font-size:.84rem;color:var(--muted)}.admin-op-sel{flex:0 0 auto;width:138px;padding:11px 8px;border-radius:10px;border:1.5px solid var(--steel);background:#fff;color:var(--steel);font-weight:700;font-size:.9rem}.admin-op-sel.set{background:linear-gradient(180deg,var(--gold) 0,var(--gold-d) 100%);color:var(--navy);border-color:var(--gold-d)}.planner-scroll{overflow-x:auto;padding:4px 8px 24px;-webkit-overflow-scrolling:touch}.planner{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:2px}.planner th{background:var(--navy);color:#fff;font-size:.52rem;letter-spacing:.01em;padding:6px 3px;border-radius:5px;text-align:left;overflow:hidden}.planner td{background:#fff;border-radius:5px;padding:4px 3px;vertical-align:top}.planner .pl-date-h{width:44px}.planner .pl-date{background:#eef1f4;color:var(--navy);text-align:left}.pl-wd{display:block;font-weight:800;font-size:.62rem;text-transform:uppercase}.pl-dm{display:block;font-size:.58rem;color:var(--muted);font-weight:700}.pl-job{display:block;font-weight:800;font-size:.64rem;color:#14233b;padding:3px 4px;border-radius:4px;margin:2px 0;word-break:break-word;line-height:1.15}.planner tr.pl-today td{box-shadow:inset 0 0 0 2.5px var(--gold);background:#fffaf0}.planner tr.pl-today .pl-date{background:var(--gold)}.pl-today-tag,.planner tr.pl-today .pl-wd{color:var(--navy)}.pl-today-tag{display:block;font-size:.5rem;font-weight:800;letter-spacing:.08em;background:hsla(0,0%,100%,.65);border-radius:3px;padding:1px 3px;margin-bottom:2px;text-align:center}.planner tr.pl-past td{opacity:.45}.grp-band{margin:16px 16px 4px;padding:7px 12px;border-radius:8px;background:var(--navy);color:#fff;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.seat{background:var(--card);margin:8px 16px;padding:12px 14px;border-radius:12px;box-shadow:0 1px 4px rgba(10,47,92,.07);display:flex;align-items:center;justify-content:space-between;gap:12px}.seat>:first-child{flex:1 1 auto;min-width:0}.seat .code{font-weight:700;font-size:1rem;color:var(--ink)}.seat .sub{font-size:.74rem;color:var(--muted);margin-top:2px}.seat .badge{font-size:.66rem;background:var(--gold-soft);color:var(--gold-d);border-radius:6px;padding:2px 7px;margin-left:6px;font-weight:700}.sign{flex:0 0 auto;width:116px;padding:12px;border-radius:10px;border:none;font-weight:700;font-size:.9rem;white-space:nowrap;text-align:center}.sign.todo{background:#fff;color:var(--steel);border:1.5px solid var(--steel)}.sign.todo:active{background:#eef6fc}.sign.mine{background:linear-gradient(180deg,var(--gold) 0,var(--gold-d) 100%);color:var(--navy);box-shadow:0 2px 5px rgba(216,148,12,.35)}.sign.other{background:#eceff3;color:var(--muted);border:1.5px solid var(--line)}.sign.na{background:#eef0f3;color:var(--muted);border:1.5px dashed var(--line);font-style:italic;font-size:.82rem;display:flex;align-items:center;justify-content:center}.op-summary{display:flex;gap:8px;padding:4px 16px 2px;overflow-x:auto}.op-chip{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 6px;box-shadow:0 1px 3px rgba(10,47,92,.06)}.op-chip.me{border-color:var(--gold);background:var(--gold-soft)}.op-chip .op-name{font-size:.78rem;font-weight:700;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.op-chip .op-count{font-size:1.25rem;font-weight:800;color:var(--steel);line-height:1.1}.op-chip.me .op-count{color:var(--gold-d)}.others-wrap{margin-top:22px;border-top:1px solid var(--line)}.others-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:#e9eff6;border:none;padding:16px;font-weight:700;color:var(--navy);font-size:.95rem}.others-toggle .chev{transition:transform .2s;font-size:2.1rem;font-weight:900;line-height:.6;color:var(--steel);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:2px solid var(--steel);border-radius:50%;flex:0 0 auto}.others-toggle.done-toggle .chev{color:#2e8b57;border-color:#2e8b57}.others-toggle.done-toggle{background:#e3f1e8;color:#2e8b57}.others-list{padding:6px 0 8px}.other-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f6f8fb;margin:6px 16px;padding:10px 14px;border-radius:10px;border:1px solid var(--line)}.other-row .code{font-weight:700;font-size:.92rem;color:var(--ink)}.other-row .sub{font-size:.72rem;color:var(--muted);margin-top:2px}.other-row .claimed-by{font-size:.78rem;font-weight:800;color:var(--steel);background:#e3eef7;padding:6px 11px;border-radius:7px;flex:0 0 auto}.backbar{padding:12px 16px 0}.back-btn{display:flex;align-items:center;gap:12px;background:var(--navy);color:#fff;border:none;padding:13px 20px;border-radius:12px;font-weight:800;font-size:1.05rem;box-shadow:0 2px 6px rgba(10,47,92,.25)}.back-btn:active{background:var(--navy2)}.back-btn .back-arrow{font-size:1.9rem;line-height:.6;font-weight:900}.dept-note{margin:4px 16px 12px;font-size:.82rem;color:var(--muted)}.dept-note strong,.jobhead{color:var(--navy)}