:root{font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:#253148;background:#f4f6fa;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}.hidden{display:none!important}.topbar{position:sticky;top:0;z-index:10;color:#fff;background:#172235;border-bottom:3px solid #d6aa49;box-shadow:0 7px 24px #17223520}.topbar-inner{max-width:1680px;margin:auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:13px 24px}.brand{display:flex;align-items:center;gap:11px;min-width:236px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#172235;background:#d6aa49;border-radius:10px;font-size:24px;font-weight:900}.brand h1{font-size:18px;line-height:1.15;margin:0;font-weight:900;letter-spacing:.02em}.brand p{font-size:12px;margin:3px 0 0;color:#bec8d7;letter-spacing:.12em}.views{display:flex;gap:3px;background:#ffffff12;border-radius:10px;padding:4px}.views button{border:0;background:none;color:#c9d2df;border-radius:7px;padding:8px 13px;font-size:14px;font-weight:700}.views button.active{background:#d6aa49;color:#172235}.views button:hover:not(.active){background:#ffffff18}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.top-actions button{border-radius:8px;font-size:14px;font-weight:700}.month-switch{display:flex;align-items:center;border:1px solid #ffffff2c;border-radius:9px;background:#ffffff0b;overflow:hidden}.month-switch button{border:0;color:#fff;background:transparent;font-size:22px;width:34px;height:35px;line-height:1}.month-switch button:hover{background:#ffffff20}.month-switch strong{min-width:96px;text-align:center;font-size:14px}.gold-btn{border:1px solid #d6aa49;background:#d6aa49;color:#172235;padding:8px 13px}.header-btn{border:1px solid #ffffff2c;background:#ffffff0b;color:#fff;padding:8px 13px}.header-btn:hover{background:#ffffff20}.count{display:inline-grid;place-items:center;min-width:19px;height:19px;margin-left:3px;padding:0 4px;border-radius:20px;background:#e94663;color:#fff;font-size:11px}main{max-width:1680px;margin:auto;padding:22px 24px 40px}.notice{padding:12px 16px;border-radius:12px;background:#fff5df;border:1px solid #f0d79b;color:#7c5d21;margin-bottom:18px;font-size:14px}.filterbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#fff;border:1px solid #e2e7ef;border-radius:13px;padding:11px 14px;margin-bottom:16px;box-shadow:0 3px 12px #17223508}.filterbar>strong{font-size:13px;letter-spacing:.1em;color:#64748b}.filter-list{display:flex;gap:7px;flex-wrap:wrap}.filter-list button{border:1px solid #e1e7ee;border-radius:99px;padding:5px 11px;background:#fff;color:#526174;font-size:13px;font-weight:700}.filter-list button.active{border-color:#d7b15d;background:#fff8e9;color:#6c4e15}.filter-list button:hover{border-color:#c99c34}.last-update{margin-left:auto;color:#8792a3;font-size:12px}.calendar-shell{overflow-x:auto;border:1px solid #dfe5ee;border-radius:16px;background:#fff;box-shadow:0 10px 30px #1c273c12}.weekday,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(115px,1fr));min-width:805px}.weekday{background:#f8f9fb;border-bottom:1px solid #e5eaf0}.weekday span{text-align:center;padding:11px 4px;font-size:13px;font-weight:800;color:#64748b}.weekday span:first-child,.weekday span:last-child{color:#e25564}.calendar-grid .day{min-height:137px;padding:8px;border-bottom:1px solid #edf0f4;border-right:1px solid #edf0f4}.calendar-grid .day:nth-child(7n){border-right:0}.calendar-grid .day.empty{background:#f8f9fb}.calendar-grid .day.today{background:#fff9eb}.day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.day-num{display:grid;place-items:center;width:28px;height:28px;font-size:14px;font-weight:900;border-radius:99px}.today .day-num{background:#d6aa49}.day-count{font-size:11px;font-weight:800;color:#a97917;background:#fff4d8;padding:2px 6px;border-radius:99px}.shift-card{display:block;width:100%;text-align:left;border:0;border-left:3px solid #d6aa49;background:#fff8e8;border-radius:6px;padding:5px 7px;margin:5px 0;color:#253148;box-shadow:0 1px 4px #1722350e;cursor:default}.shift-card strong,.shift-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-card strong{font-size:12px}.shift-card span{font-size:11px;color:#627083}.shift-card.unassigned{background:#f1f4f8;border-color:#a7b5c8}.day-more{font-size:11px;color:#8a96a7;margin-top:4px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:3px 0 17px}.section-heading h2{font-size:21px;margin:0;font-weight:900}.section-heading span{color:#8290a2;font-size:13px}.account-panel,.panel{border:1px solid #e2e7ee;border-radius:15px;background:#fff;box-shadow:0 4px 18px #1722350a;overflow:hidden;margin-bottom:17px}.account-title{display:flex;align-items:center;gap:9px;padding:11px 16px;background:#fff8e9;font-size:14px;font-weight:900}.account-title .dot{width:10px;height:10px;background:#d6aa49;border-radius:50%}.table-scroll{overflow-x:auto}.month-table,.stats-table{width:100%;border-collapse:collapse;font-size:13px}.month-table{min-width:980px}.month-table th,.month-table td,.stats-table th,.stats-table td{border-bottom:1px solid #eef0f3;padding:9px 7px;text-align:center}.month-table thead th{color:#657488;background:#fafbfc;font-weight:800}.month-table th:first-child,.stats-table th:first-child{text-align:left;position:sticky;left:0;background:#fff;padding-left:15px}.month-table tbody th{font-weight:800}.month-table td{font-size:12px;color:#526174}.month-table td.assigned{background:#f8f1ff;color:#6f3f9c;font-weight:800}.month-table td.blank{color:#c9d0d8}.month-table td small{display:block;color:#758297}.empty-state{padding:30px 16px;text-align:center;color:#8a96a7;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.stat-card{background:#fff;border:1px solid #e2e7ee;border-radius:15px;padding:19px;text-align:center;box-shadow:0 4px 18px #1722350a}.stat-card strong{display:block;color:#c99c34;font-weight:900;font-size:27px}.stat-card span{display:block;color:#667589;font-size:13px;margin-top:3px}.panel{padding:18px}.panel h3{margin:0 0 10px;font-size:16px}.stats-table th{text-align:left;color:#7b8798;font-weight:700}.stats-table td{text-align:left}.toast{position:fixed;z-index:70;top:70px;left:50%;transform:translateX(-50%);background:#1b7d53;color:#fff;padding:10px 17px;border-radius:9px;box-shadow:0 8px 30px #17223535;font-size:14px}.overlay{position:fixed;inset:0;z-index:40;background:#101725a8;display:grid;place-items:center;padding:20px;backdrop-filter:blur(2px)}.dialog{position:relative;width:min(100%,650px);max-height:90vh;overflow:auto;border-radius:18px;background:#fff;box-shadow:0 24px 70px #0004;padding:27px}.auth-dialog{max-width:420px}.dialog-kicker{color:#a87b22;font-size:12px;font-weight:900;letter-spacing:.12em}.dialog h2{margin:5px 0 9px;font-size:21px}.muted{color:#6f7f91;font-size:14px}.close{border:0;background:transparent;color:#8491a1;font-size:27px;line-height:1;position:absolute;right:17px;top:17px;width:32px;height:32px;border-radius:7px}.close:hover{background:#f2f4f7;color:#344055}form label{display:block;color:#334155;font-size:14px;font-weight:800;margin:19px 0 7px}form input,form select,.change-row select{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:10px 11px;background:#fff;color:#172235;font-size:15px}form input:focus,form select:focus,.change-row select:focus{outline:2px solid #d6aa49;outline-offset:1px}.primary-btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid #172235;background:#172235;color:#fff;padding:10px 16px;border-radius:9px;font-size:14px;font-weight:800}.primary-btn:hover{background:#283b58}.auth-dialog .primary-btn{width:100%;margin-top:18px}.form-error{padding:9px 12px;border-radius:8px;background:#fff0f1;color:#bf3249;font-size:13px}.drawer-layer{position:fixed;inset:0;z-index:30;display:flex;justify-content:flex-end}.drawer-shade{position:absolute;inset:0;border:0;background:#11182788}.drawer{position:relative;height:100%;width:min(100%,440px);overflow-y:auto;background:#fff;box-shadow:-12px 0 35px #17223527}.drawer-head{position:sticky;top:0;background:#fff;z-index:1;padding:18px 20px;border-bottom:1px solid #e2e7ee}.drawer-head h2{font-size:18px;margin:0}.drawer-head p{font-size:13px;color:#8490a1;margin:3px 0 0}.drawer-body{padding:19px}.safe-note{border:1px solid #bde7d1;background:#ecfbf3;color:#277551;border-radius:10px;padding:13px;font-size:13px;line-height:1.6}.list-heading{display:flex;justify-content:space-between;align-items:center;margin:21px 0 10px;color:#6b7687;font-size:13px}.list-heading button{border:0;background:none;color:#516d93;font-size:13px}.event-list{display:grid;gap:10px}.event-item{width:100%;border:1px solid #e2e7ee;border-radius:11px;background:#fff;padding:13px;text-align:left;box-shadow:0 2px 8px #1722350b}.event-item:hover{border-color:#d6aa49}.event-item .event-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.event-tag{font-size:11px;font-weight:900;border-radius:99px;padding:4px 9px;background:#f3ecff;color:#7547a0}.event-tag.leave{background:#fff0f2;color:#c8445d}.event-item time{font-size:11px;color:#9aa5b5}.event-item strong{display:block;margin:9px 0 2px;font-size:15px}.event-item p{margin:0;color:#64748b;font-size:12px}.adjust-dialog{max-width:680px}.adjust-intro{font-size:14px;color:#64748b;margin:0 0 18px}.approval-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#f8f9fb;border:1px solid #e2e7ee;border-radius:11px;padding:13px;margin:13px 0}.approval-summary small{display:block;color:#8b96a5;font-size:12px}.approval-summary strong{display:block;font-size:15px;margin-top:3px}.change-row{display:grid;grid-template-columns:100px 1fr 1fr;align-items:center;gap:10px;border:1px solid #e2e7ee;border-radius:10px;padding:11px;margin-top:9px}.change-row time{font-size:13px;font-weight:900}.change-row .from{font-size:13px;color:#768397}.change-row select{padding:7px 9px;font-size:13px}.adjust-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #e2e7ee;margin-top:20px;padding-top:17px}.secondary-btn{border:1px solid #dce2e9;background:#fff;color:#526174;border-radius:9px;padding:9px 15px;font-size:14px;font-weight:700}.warning{color:#945c10;background:#fff7e8;border:1px solid #f1d99f;padding:10px 12px;border-radius:9px;font-size:12px;margin-top:15px}@media(max-width:980px){.topbar-inner{gap:10px}.brand{min-width:auto}.top-actions{margin-left:0;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){main{padding:15px 11px 32px}.topbar-inner{padding:11px}.brand h1{font-size:16px}.brand p{font-size:11px}.views{order:3;width:100%;justify-content:space-between}.views button{flex:1;padding:7px}.top-actions{gap:6px}.top-actions button{font-size:12px}.month-switch strong{min-width:79px;font-size:12px}.filterbar{align-items:flex-start}.last-update{width:100%;margin-left:0}.weekday,.calendar-grid{grid-template-columns:repeat(7,112px);min-width:784px}.stats-grid{gap:8px}.stat-card{padding:12px}.stat-card strong{font-size:21px}.stat-card span{font-size:12px}.dialog{padding:20px}.approval-summary{grid-template-columns:1fr}.change-row{grid-template-columns:1fr 1fr}.change-row time{grid-column:1/-1}}
@media print{.topbar,.filterbar,.notice,.toast,.drawer-layer,.overlay{display:none!important}body{background:#fff}main{padding:0}.calendar-shell,.account-panel,.panel,.stat-card{box-shadow:none;break-inside:avoid}}