:root{--bg: #f6f7f9;--panel: #ffffff;--line: #dde1e6;--text: #20262e;--muted: #6b7480;--in: #0e7c7b;--out: #c98a1b;--open: #7d3c98;--hard: #c0392b;--soft: #b9770e;--hard-bg: #fdecea;--soft-bg: #fef5e7;--primary: #20262e;--accent: #1e6f6d;--daymark-holiday: #b3261e;--daymark-holiday-bg: #fbeceb;--daymark-event: #c9660a;--daymark-event-bg: #fdf1e3;--daymark-operation: #1f5fa8;--daymark-operation-bg: #e9f1fb;--daymark-general: #a3810a;--daymark-general-bg: #fbf5df;--daymark-closed-bg: #f1f2f4}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}.app-loading{padding:3rem;text-align:center;color:var(--muted)}button,select,input{font:inherit}.btn{padding:5px 12px;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer;color:var(--text)}.btn:hover{background:#f0f1f3}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.primary:hover{opacity:.9}.btn.danger{color:var(--hard);border-color:var(--hard)}.btn.danger:hover{background:var(--hard-bg)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn:disabled:hover{background:#fff}.field{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--muted)}.field select,.field input{padding:4px 6px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text)}.topbar{position:sticky;top:0;z-index:20;background:var(--panel);border-bottom:1px solid var(--line)}.topbar-row{display:flex;align-items:center;gap:12px;padding:8px 16px;flex-wrap:wrap}.brand{font-size:17px;margin:0 8px 0 0;white-space:nowrap}.spacer{flex:1}.source-label{font-size:11.5px;color:var(--muted);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 16px;background:var(--soft-bg);color:var(--soft);border-bottom:1px solid var(--line);font-size:12.5px}.update-banner-actions{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.tabbar{display:flex;gap:4px;padding:0 16px 8px;flex-wrap:wrap}.tab{border:none;background:none;padding:6px 12px;border-radius:6px;cursor:pointer;color:var(--text)}.tab.on{background:var(--primary);color:#fff}.main{padding:14px 16px 40px;max-width:1600px;margin:0 auto}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:14px}.card h3{margin:0 0 8px;font-size:14px}.muted{color:var(--muted);font-size:12.5px}.error{color:var(--hard);font-size:12.5px}.warn{color:#b45309;font-weight:600}.success{color:var(--in);font-size:12.5px}.est{font-size:10px;background:#ecebff;color:#4b3fa7;border-radius:4px;padding:0 4px;margin-left:3px}.info-tip{display:inline-block;margin-left:4px;color:var(--muted);cursor:help;font-size:12px}.info-tip:hover,.info-tip:focus-visible{color:var(--fg, #333)}.store-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:14px}.store-card{margin:0}.store-card.over{border-color:var(--hard)}.store-card.incomplete{background:#f6f6f7;border-style:dashed}.rate-big.incomplete{color:var(--muted)}.incomplete-note{color:var(--muted);font-weight:600}.card-head{display:flex;justify-content:space-between;align-items:baseline}.card-head h3{margin:0}.card-sub{font-size:11.5px;color:var(--muted);margin:2px 0 8px}.over-amt{color:var(--hard)}.rate-big{font-size:20px;font-weight:700}.rate-big.over{color:var(--hard)}.numerator-table{width:100%;border-collapse:collapse;font-size:12.5px;margin-bottom:6px}.numerator-table td{padding:2px 4px}.numerator-table td.num{text-align:right;font-variant-numeric:tabular-nums}.numerator-table tr.total td{border-top:1px solid var(--line);font-weight:700}.card-foot{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.hard-badge{background:var(--hard-bg);color:var(--hard);border-radius:6px;padding:0 6px;font-weight:700}.hard-badge.zero{background:transparent;color:var(--muted);font-weight:400}.salary-missing-badge{background:var(--hard-bg);color:var(--hard);border-radius:6px;padding:1px 6px;font-size:11.5px;font-weight:700}.hq-card{background:#f3f4f6}.tablewrap{overflow:auto;max-height:78vh;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;background:#fff;font-size:12.5px;width:100%}th,td{border:1px solid var(--line);padding:3px 6px;text-align:center;white-space:nowrap}th{background:#eef1f4;position:sticky;top:0;z-index:1}.stick{position:sticky;left:0;background:#fff;z-index:2;text-align:left}th.stick{z-index:3}td.num{text-align:right}tr.sel td{background:#eaf4f3}.employees-toolbar{margin-bottom:10px}.employees-body{display:flex;gap:14px;align-items:flex-start}.employees-body .tablewrap{flex:1;min-width:0}.edit-panel{width:320px;flex:none;max-height:82vh;overflow:auto;position:sticky;top:100px}.edit-panel-head{display:flex;justify-content:space-between;align-items:center}.field-block{display:block;margin:8px 0;font-size:12.5px}.field-block>span{display:block;color:var(--muted);margin-bottom:2px}.field-block input,.field-block select{width:100%;padding:5px 7px;border:1px solid var(--line);border-radius:6px}.field-block.checkbox{display:flex;align-items:center;gap:6px}.field-block.checkbox input{width:auto}.checkbox-row{display:flex;flex-wrap:wrap;gap:6px}.station-skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px 10px}.station-skill-row{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px}.station-skill-row select{font-size:12px}.station-chip{display:inline-block;font-size:11px;border:1px solid var(--line);border-radius:4px;padding:0 3px;margin-right:2px;color:#556}.chip-checkbox{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-size:12px}.inline-pair{display:inline-flex;align-items:center;gap:4px}.save-btn{width:100%;margin-top:10px}.other-fixed-computed{display:flex;align-items:center;gap:6px;margin-bottom:4px}.other-fixed-toggle{padding:3px 8px;font-size:11.5px}.other-fixed-breakdown{margin:6px 0 4px;padding:6px 8px;background:var(--bg);border-radius:6px;list-style:none;font-size:12px}.other-fixed-breakdown li{padding:1px 0}.other-fixed-breakdown .total-row{margin-top:4px;padding-top:4px;border-top:1px solid var(--line);font-weight:600}.override-toggle{margin-top:4px}.lifecycle-block{border-top:1px dashed var(--line);padding-top:10px;margin-top:14px}.lifecycle-block .inline-pair{width:100%}.lifecycle-block input[type=date]{flex:1;padding:5px 7px;border:1px solid var(--line);border-radius:6px}.delete-btn{width:100%;margin-top:8px}.schedule-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:10px;flex-wrap:wrap}.store-name-fixed{font-weight:700}.readonly-badge{font-size:11.5px;color:var(--muted);background:#f0f1f3;border-radius:6px;padding:2px 8px}.schedule-body{display:flex;gap:14px;align-items:flex-start}.schedule-grid{flex:1;min-width:0}.schedule-side{width:300px;flex:none;position:sticky;top:100px;max-height:82vh;overflow:auto}td.cell{font-size:10.5px;line-height:1.25;min-width:52px;cursor:pointer}td.cell.closed,th.closed{background:var(--daymark-closed-bg);color:var(--muted)}td.cell.violhard{box-shadow:inset 0 0 0 2px var(--hard);color:var(--hard);font-weight:700}td.cell.selcol,th.selcol{outline:2px solid var(--accent);outline-offset:-2px}td.cell.open{background:#faf5fc}th.daymark-holiday{color:var(--daymark-holiday);background:var(--daymark-holiday-bg)}th.daymark-event{background:var(--daymark-event-bg)}th.daymark-operation{background:var(--daymark-operation-bg)}th.daymark-general{background:var(--daymark-general-bg)}td.cell.daymark-holiday{background:var(--daymark-holiday-bg)}td.cell.daymark-event{background:var(--daymark-event-bg)}td.cell.daymark-operation{background:var(--daymark-operation-bg)}td.cell.daymark-general{background:var(--daymark-general-bg)}.daymark-holiday{background:var(--daymark-holiday-bg)}.daymark-event{background:var(--daymark-event-bg)}.daymark-operation{background:var(--daymark-operation-bg)}.daymark-general{background:var(--daymark-general-bg)}.daymark-dots{display:inline-flex;gap:2px;margin-left:2px;vertical-align:middle}.daymark-dot{display:inline-block;width:6px;height:6px;border-radius:50%}.daymark-dot.daymark-holiday,.daymark-legend-item .daymark-dot.daymark-holiday{background:var(--daymark-holiday)}.daymark-dot.daymark-event,.daymark-legend-item .daymark-dot.daymark-event{background:var(--daymark-event)}.daymark-dot.daymark-operation,.daymark-legend-item .daymark-dot.daymark-operation{background:var(--daymark-operation)}.daymark-dot.daymark-general,.daymark-legend-item .daymark-dot.daymark-general{background:var(--daymark-general)}.daymark-dot.daymark-closed,.daymark-legend-item .daymark-dot.daymark-closed{background:var(--muted)}.daymark-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:11.5px;color:var(--muted);margin:4px 0 8px}.daymark-legend-item{display:inline-flex;align-items:center;gap:4px}.daymark-legend-item .daymark-dot{width:8px;height:8px}.day-notes-panel{margin:8px 0 12px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.day-notes-holiday{font-weight:700;color:var(--daymark-holiday);margin:0 0 4px}.day-note-row{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:12.5px}.day-note-tag{font-size:10.5px;border-radius:4px;padding:0 5px;color:#fff;flex:none}.day-note-tag.event{background:var(--daymark-event)}.day-note-tag.operation{background:var(--daymark-operation)}.day-note-tag.general{background:var(--daymark-general)}.day-note-scope{color:var(--muted);font-size:11px;flex:none}.day-note-text{flex:1}.day-note-form{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}.day-note-form input[type=text]{flex:1;min-width:160px}tr.openrow td.stick{color:var(--open)}.open-summary{color:var(--open);font-weight:700;white-space:nowrap}.hint-inline{margin-left:4px}.empname{font-size:12px}.zonetag{display:inline-block;width:14px;height:14px;line-height:14px;border-radius:3px;color:#fff;font-size:9px;text-align:center;margin-right:3px}.zonetag.kitchen{background:var(--in)}.zonetag.floor{background:var(--out)}.typetag{font-size:10px;color:var(--muted);margin-left:3px}.supporttag{font-size:9.5px;color:#fff;background:#5d6d7e;border-radius:4px;padding:0 3px;margin-left:3px}.stats-panel .rate-row{display:flex;align-items:baseline;gap:8px}.rate-note{font-size:11px;color:var(--muted)}.over-line{color:var(--hard);font-size:12.5px;margin:4px 0;font-weight:700}.headroom-line{font-size:12px;color:var(--muted);margin-top:4px}.viol-panel h3.hard-title{color:var(--hard);display:inline-block;margin-right:10px}.viol-panel h3.soft-title{color:var(--soft);display:inline-block}.viol-groups{margin-top:8px;display:flex;flex-direction:column;gap:6px}.viol-group{border:1px solid var(--line);border-radius:8px;overflow:hidden}.viol-group-hard{border-color:var(--hard)}.viol-group-head{display:flex;align-items:center;gap:6px;width:100%;text-align:left;padding:6px 8px;border:none;background:#fff;cursor:pointer;font-size:12px}.viol-group-hard .viol-group-head{background:var(--hard-bg);color:var(--hard)}.viol-group-soft .viol-group-head{background:var(--soft-bg);color:var(--soft)}.viol-group-toggle{width:12px;flex:none;opacity:.7}.viol-group-count{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:700}.viol-list{display:flex;flex-direction:column;gap:4px;padding:6px}.viol{display:block;text-align:left;width:100%;padding:5px 7px;border-radius:6px;font-size:11.5px;border:none;cursor:pointer}.viol.hard{background:var(--hard-bg);color:var(--hard)}.viol.soft{background:var(--soft-bg);color:var(--soft)}.viol-msg{font-weight:400;color:inherit;opacity:.85}.day-editor-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:4px}.day-editor-head h3{margin:0}.day-stats{font-size:12.5px;font-variant-numeric:tabular-nums}.hint{flex-basis:100%}.tlhead{display:flex;font-size:10.5px;color:var(--muted);margin:6px 0 2px}.tlhead-spacer{width:190px;flex:none}.tlhead-scale{flex:1;display:flex}.tlhead-mark{flex:1;border-left:1px solid var(--line);padding-left:2px}.day-rows{border-top:1px solid var(--line)}.dayrow{display:flex;align-items:center;min-height:34px;border-bottom:1px solid #eef1f4;gap:6px}.rowlabel{width:190px;flex:none;font-size:12.5px;display:flex;align-items:center;gap:3px}.daytrack{flex:1;position:relative;height:26px;background:repeating-linear-gradient(90deg,#fbfcfd 0,#fbfcfd calc(100% / 18 - 1px),var(--line) calc(100% / 18 - 1px),var(--line) calc(100% / 18));touch-action:none;cursor:copy}.daytrack.disabled{cursor:not-allowed;opacity:.6}.seg{position:absolute;top:3px;bottom:3px;border-radius:5px;color:#fff;font-size:10.5px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.seg.tone-kitchen{background:var(--in)}.seg.tone-floor{background:var(--out)}.seg.tone-open{background:var(--open)}.seg.pt{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.28) 0 4px,transparent 4px 8px)}.seglabel{pointer-events:none;padding:0 2px}.hdl{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize}.hdl.l{left:0}.hdl.r{right:0}.assign-select{flex:none;margin-left:6px;font-size:11.5px;padding:3px 4px;border:1px solid var(--line);border-radius:6px}.import-preview{margin-top:10px}.import-actions{display:flex;gap:8px;margin-top:8px}.gapfill-summary p{margin:4px 0}.gapfill-incomplete-banner{border-color:var(--hard);background:#fdf3f2;margin-bottom:12px}.gapfill-incomplete-banner p{margin:0;color:var(--hard);font-weight:600}.gapfill-summary.incomplete{background:#f6f6f7;border-style:dashed;color:var(--muted)}.gapfill-summary.incomplete b{color:var(--muted)}.gapfill-body{display:flex;gap:16px;align-items:flex-start;margin-top:12px}.gapfill-daylist{width:220px;flex:none}.gapfill-day-ul{list-style:none;margin:0;padding:0;max-height:60vh;overflow-y:auto}.gapfill-day-btn{width:100%;display:flex;justify-content:space-between;align-items:center;padding:6px 8px;margin-bottom:4px;border:1px solid var(--line);border-radius:6px;background:#fff;cursor:pointer;color:var(--text)}.gapfill-day-btn.on{border-color:var(--accent);background:#eef7f6}.gapfill-day-mins{color:var(--soft);font-weight:600}.gapfill-detail{flex:1;min-width:0}.gapfill-gap-block{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.gapfill-gap-block:first-child{border-top:none;padding-top:0;margin-top:0}.gapfill-gap-block h4{margin:0 0 6px}.gapfill-suggestion-ul{list-style:none;margin:0;padding:0}.gapfill-suggestion{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-bottom:8px}.gapfill-suggestion-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}.gapfill-type-tag{font-weight:600;color:var(--accent);white-space:nowrap}.gapfill-suggestion-effect{color:var(--muted);font-size:12.5px;margin-bottom:6px}.leave-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}@media (max-width: 480px){.topbar-row{gap:8px}.brand{font-size:15px}.source-label{display:none}.main{padding:10px 10px 32px}.card{padding:10px}.leave-form{flex-direction:column;align-items:stretch}.schedule-body{flex-direction:column}.schedule-side{width:100%;position:static;max-height:none}.employees-body{flex-direction:column}.edit-panel{width:100%;position:static}.gapfill-body{flex-direction:column}.gapfill-daylist{width:100%}table{font-size:11px}}.offtag{margin-left:6px;padding:0 5px;border-radius:3px;font-size:11px;background:#eee;color:#777}.showleft{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#555}.showleft input{margin:0}.dayhours{flex:0 0 44px;text-align:right;padding-right:6px;font-size:12px;font-weight:600;color:#334;font-variant-numeric:tabular-nums}.cellhours{margin-top:2px;font-size:11px;font-weight:600;color:#556}.cell-stations{font-size:10px;color:#778}.seg-station-editor{display:flex;flex-direction:column;gap:2px;margin:2px 0 4px}.seg-station-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.seg-station-label{font-size:11px;color:#556;font-weight:600;margin-right:2px}.seg-station-manual-tag{font-size:10px;color:#1f5fa8}:root{--hours-ot: #b3660a;--hours-over: #b3261e}.dayhours.ot,.cellhours.ot{color:var(--hours-ot)}.dayhours.over,.cellhours.over{color:var(--hours-over)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.auth-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:10px}.auth-card input{width:100%;box-sizing:border-box}