:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--panel:#f6fbfb;--surface:#fff;--surface-strong:#edf7f6;--fg:#10202a;--muted:#5d7180;--subtle:#7a8b96;--border:#d9e7e8;--border-strong:#b7d7d8;--accent:#0f766e;--accent-strong:#0b5f5a;--accent-soft:#d9f5f1;--blue:#0b78b6;--blue-soft:#e0f2fe;--blue-border:#7dd3fc;--shadow:0 18px 44px #0f434b1f;--safe-bottom:env(safe-area-inset-bottom,0px);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{min-height:100%}body{background:var(--bg);min-height:100vh;color:var(--fg);font-family:var(--font-sans), "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;text-rendering:optimizelegibility;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.app{width:min(100%,760px);min-height:100vh;padding:18px 14px calc(18px + var(--safe-bottom));background:linear-gradient(180deg, #d9f5f194 0, #fff0 220px), var(--bg);margin:0 auto;display:grid}.login-layout{align-content:center;gap:14px;min-height:100%;padding:4px 0;display:grid}.brand-card,.login-card,.placeholder-card{border:1px solid var(--border);background:#fffffff0;border-radius:8px;box-shadow:0 10px 30px #1f505c14}.brand-card{justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.logo-mark{background:linear-gradient(145deg, var(--accent), var(--blue));color:#fff;letter-spacing:0;border-radius:50%;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:19px;font-weight:800;display:grid;box-shadow:0 12px 28px #0f766e2e}.brand-copy h1{color:var(--fg);letter-spacing:0;margin:0;font-size:22px;font-weight:800;line-height:1.18}.brand-copy p{color:var(--muted);margin:5px 0 0;font-size:15px;font-weight:650;line-height:1.35}.status-pill{background:var(--accent-soft);color:var(--accent-strong);white-space:nowrap;border-radius:999px;flex:none;padding:8px 10px;font-size:14px;font-weight:800}.login-card{overflow:hidden}.tabs{border-bottom:1px solid var(--border);background:var(--panel);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;display:grid}.tab-button{min-height:52px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;font-size:16px;font-weight:700;line-height:1.2}.tab-button.active{border-color:var(--border-strong);color:var(--accent-strong);background:#fff;box-shadow:0 8px 20px #12485414}.panel{gap:18px;padding:18px 16px 16px;display:grid}.panel-heading h2{color:var(--fg);letter-spacing:0;margin:0;font-size:24px;font-weight:800;line-height:1.15}.panel-heading p{color:var(--muted);margin:7px 0 0;font-size:15px;font-weight:700;line-height:1.45}.form{gap:14px;display:grid}.field{gap:8px;display:grid}.field label{color:var(--fg);font-size:15px;font-weight:700}.input-wrap input{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;min-height:54px;padding:0 14px;font-size:17px;font-weight:700}.input-wrap input::placeholder{color:var(--subtle)}.input-wrap input:focus{border-color:var(--blue-border);outline:0;box-shadow:0 0 0 4px #7dd3fc38}.help-text,.form-status,.footer{color:var(--muted);margin:0;font-size:14px;font-weight:650;line-height:1.45}.form-status.error{color:#b42318}.form-status.success{color:var(--accent-strong)}.submit-button,.secondary-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;border:0;border-radius:8px;place-items:center;min-height:54px;font-size:17px;font-weight:800;display:grid;box-shadow:0 14px 28px #0f766e2e}.secondary-button{border:1px solid var(--border-strong);color:var(--accent-strong);box-shadow:none;background:#fff}.submit-button[disabled],.secondary-button[disabled]{cursor:progress;opacity:.72}.hr-entry{border-top:1px solid var(--border);color:var(--muted);justify-content:center;align-items:center;gap:6px;padding:14px 16px 16px;font-size:14px;font-weight:700;display:flex}.secondary-link{color:var(--accent-strong);text-underline-offset:3px;background:0 0;border:0;font-weight:800;text-decoration:underline}.footer{text-align:center}.placeholder-card{gap:12px;padding:18px;display:grid}.placeholder-card h1{margin:0;font-size:24px}.placeholder-card p{color:var(--muted);margin:0;font-weight:700}.dashboard-app{background:linear-gradient(180deg, #d9f5f194 0, #fff0 260px), var(--bg);gap:14px;width:min(100%,1180px);min-height:100vh;margin:0 auto;padding:16px;display:grid}.dashboard-header,.toolbar-band,.empty-state,.admin-panel,.write-panel{border:1px solid var(--border);background:#fffffff2;border-radius:8px;box-shadow:0 10px 30px #1f505c14}.dashboard-header{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.dashboard-actions{align-items:center;gap:12px;display:flex}.text-link{color:var(--accent-strong);text-underline-offset:3px;font-size:14px;font-weight:800;text-decoration:underline}.toolbar-band{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.toolbar-band h2,.empty-state h2,.admin-panel h2{margin:0;font-size:22px;font-weight:800;line-height:1.2}.toolbar-band p,.empty-state p,.write-panel-head p{color:var(--muted);margin:6px 0 0;font-size:15px;font-weight:700;line-height:1.45}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.month-input{border:1px solid var(--border);background:#fff;border-radius:8px;min-height:44px;padding:0 12px;font-size:15px;font-weight:800}.reason-input{border:1px solid var(--border);background:#fff;border-radius:8px;width:min(240px,100%);min-height:44px;padding:0 12px;font-size:14px;font-weight:750}.compact{white-space:nowrap;min-height:44px;padding:0 14px;font-size:14px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.stat-card{border:1px solid var(--border);background:#fff;border-radius:8px;gap:5px;min-height:82px;padding:14px;display:grid;box-shadow:0 8px 18px #1f505c0f}.stat-card span{color:var(--muted);font-size:14px;font-weight:800}.stat-card strong{color:var(--accent-strong);font-size:26px;font-weight:800;line-height:1}.empty-state{padding:16px}.mobile-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.calendar-day{border:1px solid var(--border);background:#fff;border-radius:8px;align-content:start;gap:10px;min-height:118px;padding:10px;display:grid}.calendar-day.weekend{background:var(--panel)}.calendar-date{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.calendar-date strong{font-size:20px;font-weight:800}.calendar-date span,.muted-text{color:var(--muted);font-size:13px;font-weight:800}.calendar-shifts{gap:6px;display:grid}.shift-chip,.mini-shift{border-radius:8px;gap:2px;padding:7px;font-size:13px;font-weight:700;line-height:1.25;display:grid}.shift-chip.day,.mini-shift.published{border:1px solid var(--blue-border);background:var(--blue-soft);color:var(--blue)}.shift-chip.night,.mini-shift.draft{color:#3730a3;background:#e8edff;border:1px solid #a5b4fc}.shift-chip span{font-size:12px}.detail-list,.calendar-list{gap:10px;display:grid}.detail-card,.day-section{border:1px solid var(--border);background:#fff;border-radius:8px;gap:8px;padding:14px;display:grid}.detail-card>div,.day-section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-card strong,.day-section-head strong{font-size:17px;font-weight:800}.detail-card span,.detail-card p,.note-text,.day-section-head span{color:var(--muted);margin:0;font-size:14px;font-weight:750}.note-text{background:var(--panel);border-radius:8px;padding:10px}.schedule-board{border:1px solid var(--border);background:#fff;border-radius:8px;gap:0;display:grid;overflow:auto;box-shadow:0 10px 30px #1f505c14}.schedule-row{grid-template-columns:148px repeat(31,minmax(82px,1fr));min-width:2700px;display:grid}.schedule-row>div{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:70px;padding:8px}.schedule-head{z-index:1;background:var(--panel);position:sticky;top:0}.schedule-head>div{min-height:54px;color:var(--muted);font-size:13px;font-weight:700}.schedule-head strong{color:var(--fg);font-size:17px;display:block}.site-cell{z-index:1;background:#fff;gap:4px;display:grid;position:sticky;left:0}.site-cell strong{font-size:16px;font-weight:800}.site-cell span{color:var(--muted);font-size:13px;font-weight:800}.schedule-cell{align-content:start;gap:5px;display:grid}.mini-shift{justify-content:space-between;align-items:center;gap:5px;min-width:0;display:flex}.mini-shift span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mini-shift button{min-height:24px;color:inherit;background:#ffffffad;border:1px solid #3730a338;border-radius:6px;padding:0 6px;font-size:12px;font-weight:800}.row-action{border:1px solid var(--border-strong);min-height:34px;color:var(--accent-strong);background:#fff;border-radius:8px;padding:0 10px;font-size:13px;font-weight:800}.print-button{color:var(--blue);border-color:#7dd3fc}.day-section-body{gap:8px;display:grid}.read-row,.table-row{border:1px solid var(--border);background:var(--panel);border-radius:8px;grid-template-columns:minmax(110px,1.1fr) minmax(140px,1.4fr) minmax(80px,.8fr) minmax(80px,.8fr) minmax(60px,.6fr);align-items:center;gap:10px;padding:10px;display:grid}.read-row{grid-template-columns:minmax(110px,1fr) minmax(160px,1.4fr) minmax(100px,.8fr)}.read-row strong,.table-row strong{font-weight:800}.read-row span,.read-row small,.table-row span,.table-row em{color:var(--muted);font-size:14px;font-style:normal;font-weight:750}.admin-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.admin-panel{gap:12px;padding:16px;display:grid}.write-panel{gap:14px;padding:16px;display:grid}.write-panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.write-panel-head h2{margin:0;font-size:21px;font-weight:800;line-height:1.2}.write-grid{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:10px;display:grid}.write-grid label{color:var(--fg);gap:6px;font-size:14px;font-weight:700;display:grid}.write-grid input,.write-grid select,.setting-value{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;min-height:44px;padding:0 10px;font-size:14px;font-weight:750}.write-grid .form-status{grid-column:1/-1}.wide-field{grid-column:span 2}.import-export-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:14px;display:grid}.coverage-list{gap:10px;display:grid}.coverage-site-row,.coverage-template-row{border:1px solid var(--border);background:var(--panel);border-radius:8px;align-items:center;gap:12px;padding:10px;display:grid}.coverage-site-row{grid-template-columns:minmax(120px,.3fr) minmax(0,1fr)}.coverage-template-list{gap:8px;display:grid}.coverage-template-row{background:#fff;grid-template-columns:minmax(150px,.35fr) minmax(0,1fr)}.coverage-site-name,.coverage-template-name{gap:3px;display:grid}.coverage-site-name strong,.coverage-template-name strong{font-weight:800}.coverage-site-name span,.coverage-template-name span{color:var(--muted);font-size:13px;font-weight:750}.weekday-toggle-group{flex-wrap:wrap;gap:7px;display:flex}.weekday-toggle{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:6px;min-height:34px;padding:0 9px;font-size:13px;font-weight:800;display:inline-flex}.weekday-toggle input{width:16px;height:16px}.import-box{border:1px solid var(--border);background:var(--panel);border-radius:8px;align-content:start;gap:10px;padding:12px;display:grid}.import-box h3{margin:0;font-size:17px;font-weight:800}.import-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.preview-summary,.preview-row{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.preview-summary strong{color:var(--accent-strong);font-size:22px;font-weight:800}.preview-summary span,.preview-row span{color:var(--muted);font-size:13px;font-weight:800}.preview-list{gap:7px;display:grid}.preview-row.error{background:#fff7f7;border-color:#fecaca}.preview-row strong{white-space:nowrap}.table-list{gap:8px;display:grid}.settings-list{gap:10px;display:grid}.settings-row{border:1px solid var(--border);background:var(--panel);border-radius:8px;grid-template-columns:minmax(150px,1fr) 110px 108px;align-items:center;gap:10px;padding:10px;display:grid}.settings-row strong{font-weight:800;display:block}.settings-row span{color:var(--muted);font-size:13px;font-weight:750}.toggle-field{align-items:center;gap:8px;font-weight:700;display:flex}@media (max-width:520px){.brand-card{flex-direction:column;align-items:flex-start}.status-pill{align-self:flex-start}.dashboard-app{padding:12px}.dashboard-header,.toolbar-band{flex-direction:column;align-items:flex-start}.dashboard-actions{justify-content:space-between;width:100%}.toolbar-actions,.write-panel-head{flex-direction:column;align-items:stretch;width:100%}.stat-grid,.admin-grid,.write-grid,.settings-row,.coverage-site-row,.coverage-template-row,.import-export-grid,.import-grid{grid-template-columns:1fr}.wide-field{grid-column:auto}.mobile-calendar{grid-template-columns:1fr}.calendar-day{grid-template-columns:54px minmax(0,1fr);min-height:auto}.calendar-date{flex-direction:column;justify-content:center;align-items:center}.detail-card>div,.day-section-head{flex-direction:column;align-items:flex-start}.read-row,.table-row{grid-template-columns:1fr}}@media print{:root{--bg:#fff;--shadow:none}body{background:#fff}.dashboard-app{background:#fff;width:100%;min-height:auto;padding:0}.dashboard-actions,.stat-grid,.empty-state,.write-panel,.toolbar-actions,.detail-list,.calendar-list{display:none}.dashboard-header,.toolbar-band,.schedule-board{box-shadow:none}.dashboard-header,.toolbar-band{border:0;padding:0 0 10px}.toolbar-band p{display:none}.schedule-board{border-color:#8fa7ad;overflow:visible}.schedule-row{grid-template-columns:96px repeat(31,minmax(30px,1fr));min-width:0}.schedule-row>div{min-height:42px;padding:4px}.schedule-head>div{min-height:34px;font-size:9px}.schedule-head strong{font-size:12px}.site-cell strong{font-size:11px}.site-cell span,.mini-shift,.mini-shift span{white-space:normal;font-size:8px}.mini-shift button{display:none}}.self-request-count{color:var(--accent);margin-left:12px;font-size:14px;font-weight:600}.self-request-grid{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:14px;display:grid}.self-request-grid.locked{opacity:.55}.self-request-weekday{text-align:center;color:var(--muted);padding:4px 0;font-size:12px}.self-request-day{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer;border-radius:10px;padding:10px 0;font-size:14px;font-weight:600}.self-request-day:hover:not(:disabled){border-color:var(--accent)}.self-request-day.selected{background:var(--accent);border-color:var(--accent-strong);color:#fff}.self-request-day.blocked{background:var(--surface-strong);color:var(--subtle);cursor:not-allowed}.self-request-day:disabled:not(.blocked){cursor:default}.self-request-message{color:var(--accent-strong);margin:12px 0 0;font-size:14px}.self-request-actions{align-items:center;gap:12px;margin-top:14px;display:flex}.self-request-hint{color:var(--muted);font-size:13px}