.roster-toggle{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:12px 14px;margin-bottom:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-weight:600;color:var(--text)}.roster-toggle input{width:20px;height:20px;margin-top:1px;accent-color:var(--coral);flex-shrink:0}.roster-toggle small{display:block;font-weight:500;color:var(--text-secondary);font-size:12px;margin-top:2px}.roster-view{margin:12px 0;padding:12px 14px;background:var(--surface-warm);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.roster-view-title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--coral-dark);margin-bottom:8px}.roster-day{margin-bottom:10px}.roster-day:last-child{margin-bottom:0}.roster-day-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:4px}.roster-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;font-size:13px}.roster-row+.roster-row{margin-top:2px}.roster-mine{background:#38a0c01f}.roster-name{flex:1 1 40%;font-weight:600}.roster-task{flex:0 0 auto;color:var(--text-secondary)}.roster-time{flex:0 0 auto;font-variant-numeric:tabular-nums;font-weight:600}.day-checks{display:flex;flex-direction:column;gap:6px}.field .day-check{display:flex;align-items:center;gap:10px;margin-bottom:0;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:14px;font-weight:600;color:var(--text);text-transform:none;letter-spacing:normal;cursor:pointer}.field .day-check:hover{border-color:var(--coral)}.field .day-check input{width:20px;height:20px;min-height:0;padding:0;margin:0;accent-color:var(--coral);flex-shrink:0;cursor:pointer}.link-btn{border:none;background:none;color:var(--coral-dark);font-size:12px;font-weight:700;cursor:pointer;padding:0;text-transform:none;letter-spacing:normal}.pos-block{padding:12px 0;border-bottom:1px solid var(--border-light)}.pos-block:last-child{border-bottom:none;padding-bottom:0}.pos-head{display:flex;align-items:center;gap:8px}.pos-title{flex:1;min-width:0}.pos-title b{font-size:15px}.pos-time{color:var(--text-secondary);font-size:13px;margin-left:8px}.pos-status{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap}.pos-full{background:var(--kelp-light);color:var(--kelp)}.pos-partial{background:var(--amber-light);color:#8b5e1c}.pos-open{background:var(--red-light);color:var(--red)}.pos-del{border:none;background:none;color:var(--text-muted);font-size:15px;cursor:pointer;padding:2px 4px;line-height:1}.pos-del:hover{color:var(--red)}.pos-assignee{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:8px 12px;border-radius:var(--radius-sm);background:var(--surface-warm);font-size:13px;font-weight:600}.pos-remove{border:none;background:none;color:var(--red);font-size:12px;font-weight:700;cursor:pointer}.pos-assign{width:100%;margin-top:8px;padding:10px 12px;border-radius:var(--radius-sm);border:1px dashed var(--border-strong);background:var(--surface);font-size:14px;font-weight:600;color:var(--coral-dark);cursor:pointer}:root{--navy: #002840;--ink: #002840;--coral: #38a0c0;--coral-dark: #2c88a6;--brand-coral: #38a0c0;--ocean: #1f6f8b;--kelp: #2d8a5e;--brand-kelp: #2d8a5e;--green-dark: #21714b;--red: #d9483b;--brand-red: #d9483b;--red-dark: #b23a2f;--amber: #d48b2c;--kelp-light: rgba(45,138,94,.13);--amber-light: rgba(212,139,44,.16);--red-light: rgba(217,72,59,.12);--white: #ffffff;--warm: #eef3f5;--sand: #dbe4e9;--grey-400: #8494a0;--grey-500: #5f7079;--grey-900: #002840;--bg: var(--warm);--surface: var(--white);--surface-warm: #f1f6f8;--text: var(--grey-900);--text-secondary: var(--grey-500);--color-text-secondary: var(--grey-500);--text-muted: var(--grey-400);--text-soft: var(--grey-400);--text-dim: var(--grey-500);--border: var(--sand);--border-light: #e6eef1;--border-strong: #c4d3da;--glass-border: rgba(0,40,64,.08);--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--shadow-sm: 0 1px 3px rgba(0,40,64,.05);--shadow: 0 2px 10px rgba(0,40,64,.07);--shadow-lg: 0 4px 20px rgba(0,40,64,.1);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--font: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}body{font-family:var(--font);font-size:14px;line-height:1.55;color:var(--text);background:var(--bg);min-height:100dvh}input,select,textarea,button{font-family:inherit;font-size:inherit}.app{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.content{flex:1;padding:12px 14px 0;padding-top:calc(56px + var(--safe-top));padding-bottom:calc(70px + var(--safe-bottom));overflow-y:auto;animation:fadeIn .25s ease}.topbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:48px;padding:0 14px;padding-top:var(--safe-top);background:var(--navy);display:flex;align-items:center;justify-content:space-between;z-index:100}.brand{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#fff;letter-spacing:-.01em}.brand-logo{height:20px;width:auto;filter:brightness(0) invert(1)}.logout{background:#ffffff1a;border:none;border-radius:8px;font-size:11px;font-weight:500;color:#fff9;cursor:pointer;padding:5px 10px;min-height:32px}.logout:active{background:#fff3}.tabbar{position:fixed;bottom:8px;left:50%;transform:translate(-50%);width:auto;max-width:460px;padding:4px;padding-bottom:calc(4px + var(--safe-bottom));background:var(--white);border-radius:20px;box-shadow:var(--shadow-lg);display:flex;justify-content:center;z-index:100}.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:64px;min-height:52px;padding:4px 10px;border:none;background:none;font-size:10px;font-weight:600;color:var(--grey-400);cursor:pointer;border-radius:16px}.tabbar button .icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.tabbar button.active{color:var(--coral);background:#e8754c0f}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:14px;margin-bottom:8px}.card h2{color:var(--text);margin-bottom:10px;font-size:15px;font-weight:700}.card h3{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 18px;min-height:44px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;background:var(--border);color:var(--text)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--coral-dark);color:#fff}.btn-water{background:var(--ocean);color:#fff}.btn-green{background:var(--kelp);color:#fff}.btn-red{background:var(--red);color:#fff}.btn-ghost-red{background:none;color:var(--red);border:1.5px solid rgba(217,72,59,.25)}.btn-sm{padding:0 14px;min-height:36px;font-size:13px}.btn-block{width:100%}.btn-lg{padding:0 24px;min-height:54px;font-size:16px}.btn-fire-gradient{background:linear-gradient(135deg,var(--coral),#5cb7d4);color:#fff}.big-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:200px;min-height:56px;padding:0 28px;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:transform .1s}.big-toggle.start{background:var(--white);color:var(--text);box-shadow:var(--shadow);border:1.5px solid var(--border)}.big-toggle.stop{background:var(--coral-dark);color:#fff}.big-toggle:active{transform:scale(.96)}.field{margin-bottom:12px}.field label{display:block;font-size:11px;font-weight:700;color:var(--grey-500);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.field input,.field select,.field textarea{width:100%;padding:10px 14px;min-height:44px;background:var(--warm);border:1.5px solid var(--border);border-radius:10px;font-size:14px;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--coral);box-shadow:0 0 0 3px #e8754c1a}.row{display:flex;gap:10px}.row .field{flex:1}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;font-size:10px;font-weight:700;line-height:1.5}.badge-yes{background:#2d8a5e14;color:var(--kelp)}.badge-no{background:#d9483b0f;color:var(--red)}.badge-maybe{background:#d48b2c14;color:var(--amber)}.badge-open{background:#2d7d9a14;color:var(--ocean)}.badge-chef{background:#0d21370a;color:var(--grey-900)}.badge-draft{background:#8a9aa714;color:var(--grey-400)}.duration-chip{display:inline-flex;align-items:center;padding:3px 10px;background:#0d21370a;border-radius:100px;font-size:12px;font-weight:600;color:var(--text)}.stopwatch{text-align:center;padding:28px 14px 22px;background:var(--navy);border-radius:var(--radius-lg);margin-bottom:8px;display:flex;flex-direction:column;align-items:center;gap:8px}.stopwatch .state{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#ffffff8c;text-transform:uppercase;letter-spacing:.06em}.stopwatch .dot{width:9px;height:9px;border-radius:50%;background:#ffffff40}.stopwatch .dot.live{background:#40c880;animation:pulse 1.5s ease-in-out infinite}.stopwatch .time{font-size:50px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1}.stopwatch .since{font-size:12px;color:#ffffff73;margin-bottom:2px}.stopwatch .shift-select{background:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:6px 12px;font-size:12px;min-width:180px;text-align:center}.stopwatch .shift-select option{color:var(--grey-900);background:#fff}.btn-correction{background:none;border:1px dashed rgba(255,255,255,.2);color:#ffffff80;padding:5px 12px;border-radius:100px;font-size:11px;cursor:pointer}.saldo-card h2{font-size:14px;margin-bottom:8px}.saldo-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.saldo-cell{text-align:center;padding:12px 4px;background:var(--warm);border-radius:var(--radius-sm)}.saldo-num{font-size:20px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.saldo-lbl{font-size:10px;font-weight:600;color:var(--grey-400);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.overtime-line{margin-top:8px;padding:8px 12px;background:#d48b2c0f;border-radius:8px;font-size:12px;font-weight:500;color:var(--amber)}.section-title{font-size:11px;font-weight:700;color:var(--grey-400);text-transform:uppercase;letter-spacing:.06em;padding:8px 2px 4px}.list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border);gap:10px}.list-item:last-child{border-bottom:none}.lead{font-size:14px;font-weight:600;color:var(--text)}.meta{font-size:12px;color:var(--grey-500);margin-top:1px}.error{background:#d9483b0f;border:1px solid rgba(217,72,59,.15);color:var(--red);padding:10px 14px;border-radius:10px;font-size:13px;font-weight:500;margin-bottom:8px}.empty{text-align:center;padding:20px;color:var(--grey-400);font-size:13px}.hint{text-align:center;font-size:11px;color:var(--grey-400);margin-top:8px}.spinner{display:flex;align-items:center;justify-content:center;min-height:100dvh;font-size:15px;color:var(--grey-400)}.pill-group{display:flex;gap:6px}.pill-group button{flex:1;padding:9px;min-height:42px;border:1.5px solid var(--border);background:var(--white);border-radius:10px;font-size:13px;font-weight:600;color:var(--grey-500);cursor:pointer;transition:all .15s}.pill-group button:active{transform:scale(.97)}.pill-group button.sel-yes{background:var(--kelp);border-color:var(--kelp);color:#fff}.pill-group button.sel-on{background:var(--coral);border-color:var(--coral);color:#fff}.pill-group button.sel-no{background:var(--red);border-color:var(--red);color:#fff}.day-block{padding:10px 12px;margin-top:6px;background:var(--warm);border-radius:10px}.day-block-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:6px}.stepper{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:12px}.step-wrap{display:flex;align-items:center}.step-line{width:24px;height:2px;background:var(--border)}.step-line.done{background:var(--coral)}.step{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;border:none;background:none;cursor:pointer;font-size:10px;font-weight:600;color:var(--grey-400)}.step.active{color:var(--coral)}.step.done{color:var(--kelp)}.step-num{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;font-weight:700;background:var(--border);color:var(--grey-500)}.step.active .step-num{background:var(--coral);color:#fff}.step.done .step-num{background:var(--kelp);color:#fff}.step-label{font-size:10px}.event-card{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;cursor:pointer;transition:transform .1s}.event-card:active{transform:scale(.99)}.chevron{font-size:18px;color:var(--grey-400);flex-shrink:0}.event-meta-block{font-size:12px;color:var(--grey-500);line-height:1.5}.wizard-nav{display:flex;gap:10px;margin-top:12px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.summary-row:last-child{border-bottom:none}.summary-row span{color:var(--grey-500)}.summary-row b{font-weight:600;color:var(--text)}.summary-line{font-size:12px;color:var(--grey-500)}.day-card{padding:12px 14px}.day-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.day-card-head h3{margin-bottom:0}.day-card-count{font-size:11px;font-weight:600;color:var(--coral)}.section-group{margin-top:6px}.qa-role-tag{display:inline-flex;padding:1px 6px;background:#2d7d9a0f;color:var(--ocean);border-radius:4px;font-size:10px;font-weight:600}.login-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.login-box{width:100%;max-width:340px;text-align:center}.login-logo-img{max-width:180px;height:auto;margin-bottom:10px}.login-logo-mark{width:44px;height:auto;margin-bottom:10px}.login-title{font-size:20px;font-weight:700;color:var(--text);margin-bottom:4px}.login-sub{font-size:13px;color:var(--grey-500);margin-bottom:20px}.login-card{text-align:left}.login-card .field{margin-bottom:14px}.login-card .hint{text-align:left;margin-top:6px}.coverage-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:12px}.coverage-ok{color:var(--kelp)}.coverage-missing{color:var(--red)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(1.5)}}