:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#eaf0ec;color:#223e36}*{box-sizing:border-box}body{margin:0;padding:18px 12px}.app{max-width:620px;margin:auto;background:#f8faf8;border-radius:24px;overflow:hidden;box-shadow:0 15px 45px #193e3022}.hero{background:linear-gradient(135deg,#285b4a,#15332e);color:#fff;padding:24px}.top{display:flex;justify-content:space-between;align-items:start;gap:12px}.brand{font-weight:800;font-size:19px}.top small{color:#cde1d7}.pill{font-size:9px;letter-spacing:.07em;border:1px solid #a4cabb;padding:6px 8px;border-radius:30px;white-space:nowrap}h1{font-size:26px;line-height:1.2;margin:27px 0 6px}#page-subtitle{font-size:13px;color:#d3e7db;margin:0 0 20px}.shift{display:grid;gap:5px;background:#ffffff16;border:1px solid #ffffff30;padding:15px;border-radius:14px}.shift small{color:#d2e6d8}.shift strong{font-size:18px}.shift span{font-size:12px;color:#c9ded5}.notice{background:#fff5db;color:#624d1e;padding:12px 20px;font-size:12px;line-height:1.5;border-bottom:1px solid #eedcb0}.tabs{display:flex;overflow:auto;gap:5px;padding:12px;background:white;border-bottom:1px solid #dae5de}.tabs button{border:0;background:#edf4f0;border-radius:9px;padding:10px 12px;white-space:nowrap;color:#31574b;cursor:pointer}.tabs button.active{background:#24664f;color:white}#view{padding:18px;min-height:340px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{background:white;border:1px solid #dce7df;border-radius:15px;padding:17px;margin-bottom:12px}.card h2{font-size:17px;margin:0 0 12px}.metric{font-size:28px;font-weight:800;margin:6px 0}.muted{color:#60756b;font-size:12px}.tag{display:inline-block;font-size:11px;border-radius:20px;background:#e5f0e9;color:#245e45;padding:5px 9px}label{display:block;font-size:12px;font-weight:700;margin:12px 0 5px}input,select,textarea{width:100%;border:1px solid #b9cec0;border-radius:9px;padding:11px;background:white;color:#213d33;font:inherit}textarea{min-height:82px}button.primary{background:#256c51;color:white;border:0;border-radius:10px;padding:12px 15px;font-weight:700;cursor:pointer;margin-top:14px}button.secondary{background:#eaf2ed;color:#245c47;border:1px solid #c6d9ce;border-radius:10px;padding:11px 14px;cursor:pointer}.row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e6ede8;padding:12px 0}.row:last-child{border:0}.empty{background:#eef5f0;border-radius:12px;padding:14px;font-size:13px;color:#506b5b}.warning{color:#855d16;font-size:12px}footer{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#61776b;padding:16px 19px;border-top:1px solid #dce7df}@media(max-width:400px){.grid{grid-template-columns:1fr}.hero{padding:18px}.pill{font-size:8px}.tabs button{padding:9px}}
/* Employee-selectable themes: soft light retains the existing design; dark is default. */
.theme-choices{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.theme-choice{flex:1;min-width:120px}.theme-choice[aria-pressed="true"]{outline:2px solid #65b89d;outline-offset:2px;font-weight:800}
html[data-theme="dark"]{color-scheme:dark;background:#0c1420;color:#e3eaf0}
html[data-theme="dark"] body{background:#0c1420;color:#e3eaf0}
html[data-theme="dark"] .app{background:#111b26;box-shadow:0 15px 45px #05090e99}
html[data-theme="dark"] .hero{background:linear-gradient(135deg,#1c3544,#12242d);color:#edf3f5}
html[data-theme="dark"] .top small,html[data-theme="dark"] #page-subtitle,html[data-theme="dark"] .shift small,html[data-theme="dark"] .shift span{color:#b8cbd0}
html[data-theme="dark"] .shift{background:#ffffff0b;border-color:#ffffff25}
html[data-theme="dark"] .notice{background:#392e20;color:#f1d6a7;border-color:#57452c}
html[data-theme="dark"] .tabs{background:#162331;border-color:#2c3e4c}
html[data-theme="dark"] .tabs button{background:#243747;color:#d4e3e9}
html[data-theme="dark"] .tabs button.active{background:#286654;color:#fff}
html[data-theme="dark"] .card{background:#1b2b3a;border-color:#324555;color:#e7eff5}
html[data-theme="dark"] .muted{color:#b4c4cf}
html[data-theme="dark"] .tag{background:#234b43;color:#d0f0df}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#142330;border-color:#4a6170;color:#f1f5f7}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#a9bbc6}
html[data-theme="dark"] button.secondary{background:#2a4051;color:#e0edf3;border-color:#506778}
html[data-theme="dark"] button.primary{background:#317c64;color:#fff}
html[data-theme="dark"] .row{border-color:#324555}
html[data-theme="dark"] .empty{background:#243646;color:#d3e0e9}
html[data-theme="dark"] .warning{color:#f1cc84}
html[data-theme="dark"] footer{border-color:#324555;color:#b5c8d2}
html[data-theme="dark"] .pill{border-color:#779a99}
@media(prefers-reduced-motion:no-preference){.app,.card,.tabs,.notice{transition:background-color .18s,color .18s,border-color .18s}}

/* Homepage-only employee dashboard layout. Other sections remain unchanged. */
.dashboard-stack{display:block}
.dashboard-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.dashboard-heading h2{margin:0}
.shift-date{display:block;font-size:19px;line-height:1.4;margin-bottom:5px}
.dashboard-next{border-left:4px solid #317c64}
.dashboard-alerts{border-left:4px solid #b98c41}
.dashboard-alerts p{margin:0;line-height:1.6}
.dashboard-action{margin-top:14px}
.quick-links button{min-height:48px;font-weight:650}
.dashboard-stats .card{margin-bottom:12px}
@media(max-width:400px){.quick-links{grid-template-columns:1fr 1fr}.quick-links button{padding:10px 6px;font-size:12px}}