:root{--red:#e00000;--red-dark:#a90000;--navy:#1f2d38;--graphite:#1f2d38;--muted:#6b7580;--bg:#f7f8f9;--border:#d8e0e7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--graphite);font-family:Inter,"Segoe UI",Arial,sans-serif}.login-body{background:#fff}.login-page{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login-hero{position:relative;display:grid;place-items:center;padding:4rem;color:#fff;background:linear-gradient(145deg,rgba(81,0,0,.94),rgba(224,0,0,.88)),radial-gradient(circle at 20% 20%,#ff2a2a,#510000);overflow:hidden}.login-hero:before,.login-hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%;width:35rem;height:35rem;left:-16rem;top:-14rem}.login-hero:after{left:auto;top:auto;right:-14rem;bottom:-17rem}.hero-content{position:relative;z-index:1;max-width:36rem}.seal{width:5rem;height:5rem;border:1px solid rgba(255,255,255,.35);border-radius:1.3rem;display:grid;place-items:center;font-size:2.5rem;margin-bottom:2rem;background:rgba(255,255,255,.08)}.eyebrow,.section-kicker{font-weight:800;letter-spacing:.12em;font-size:.7rem}.hero-content h1{font-family:Georgia,serif;font-size:3.6rem;line-height:1.05;margin:.8rem 0 1.2rem}.hero-content>p:not(.eyebrow){font-size:1.15rem;line-height:1.7;opacity:.85}.hero-rule{width:4rem;border-top:3px solid #e8bd79;margin:2rem 0}.hero-content small{opacity:.7}.login-panel{display:grid;place-items:center;padding:2rem}.login-card{width:min(27rem,100%)}.mobile-brand{display:none;color:var(--red);font-weight:800;margin-bottom:2rem}.section-kicker{color:var(--red)}.section-kicker.light{color:#ffd6d6}.login-card h2{font-size:2rem;margin:.5rem 0}.form-label{font-weight:650;font-size:.9rem}.input-group-text,.form-control{padding:.8rem;border-color:#c7d0d8}.form-control:focus{border-color:var(--red);box-shadow:0 0 0 .2rem rgba(224,0,0,.12)}.btn-primary{background:var(--red);border-color:var(--red);font-weight:700}.btn-primary:hover{background:var(--red-dark);border-color:var(--red-dark)}.muted-link{font-size:.88rem;color:var(--muted);cursor:not-allowed}.security-note{text-align:center;color:var(--muted);font-size:.82rem;margin-top:2rem}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:264px;background:var(--navy);color:#fff;padding:1.5rem 1rem;z-index:30}.brand{display:flex;align-items:center;gap:.8rem;padding:.2rem .5rem 1.8rem;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{width:2.7rem;height:2.7rem;display:grid;place-items:center;border-radius:.75rem;background:var(--red);font-size:1.35rem}.brand strong,.brand small{display:block}.brand small{opacity:.6;font-size:.75rem}.sidebar nav{display:grid;gap:.1rem;margin-top:1.15rem}.sidebar nav a{display:flex;align-items:center;gap:.8rem;color:#d7dce2;text-decoration:none;padding:.55rem .8rem;border-radius:.6rem}.sidebar nav a.active{background:var(--red);color:#fff}.sidebar nav a.disabled{opacity:.55}.sidebar nav a small{margin-left:auto;font-size:.62rem}.nav-label{font-size:.62rem;font-weight:800;letter-spacing:.14em;opacity:.45;margin:.8rem .8rem .1rem}.main{margin-left:264px}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--border);padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.page-context{font-size:.62rem;letter-spacing:.1em;color:var(--muted)}.user-menu{display:flex;gap:.65rem;align-items:center}.user-menu strong,.user-menu small{display:block;font-size:.82rem}.user-menu small{color:var(--muted)}.avatar{width:2.4rem;height:2.4rem;border-radius:50%;display:grid;place-items:center;background:#ffe8e8;color:var(--red);font-weight:800}.menu-toggle{display:none;font-size:1.4rem}.content{padding:1.5rem 2rem 3rem;max-width:1500px;margin:auto}.breadcrumb{display:flex;gap:.5rem;align-items:center;color:var(--muted);margin-bottom:1.5rem}.welcome-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:1.5rem}.welcome-row h1{font-size:1.7rem;margin:0}.welcome-row p{color:var(--muted);margin:.3rem 0 0}.date-chip{background:#fff;border:1px solid var(--border);border-radius:.6rem;padding:.6rem .9rem;font-size:.85rem}.current-shift{padding:1.7rem 2rem;border-radius:1rem;color:#fff;background:linear-gradient(110deg,var(--red-dark),var(--red));display:flex;justify-content:space-between;align-items:center;box-shadow:0 12px 30px rgba(201,0,0,.16)}.current-shift.empty{background:linear-gradient(110deg,#1f2d38,#56636e)}.current-shift h2{font-family:Georgia,serif;margin:.35rem 0}.current-shift p{margin:0;opacity:.8}.current-shift .text-end{display:grid;gap:.75rem}.status-badge{font-size:.68rem;font-weight:800;letter-spacing:.08em}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.3rem 0}.metric-card,.panel{background:#fff;border:1px solid var(--border);border-radius:.85rem}.metric-card{padding:1.2rem;display:flex;gap:1rem;align-items:center}.metric-icon{width:3rem;height:3rem;border-radius:.7rem;display:grid;place-items:center;font-size:1.25rem}.metric-icon.red{background:#ffe8e8;color:var(--red)}.metric-icon.amber{background:#fff2da;color:#9b6200}.metric-icon.navy{background:#e8edf3;color:var(--navy)}.metric-icon.green{background:#e2f4eb;color:#177449}.metric-card small,.metric-card strong,.metric-card span{display:block}.metric-card small{font-size:.62rem;letter-spacing:.08em;color:var(--muted);font-weight:800}.metric-card strong{font-size:1.45rem}.metric-card div>span{color:var(--muted);font-size:.75rem}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1rem}.panel{padding:1.25rem}.panel-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:1rem}.panel h3{font-size:1rem;margin:.3rem 0 0}.empty-state{min-height:160px;display:grid;place-items:center;align-content:center;color:var(--muted);gap:.25rem;text-align:center}.empty-state i{font-size:2rem;color:#4a9b71}.empty-state span{font-size:.82rem}.quick-links{display:grid;gap:.65rem;margin-top:1rem}.quick-links>span{padding:.75rem;border-radius:.55rem;background:var(--bg);display:flex;gap:.65rem}.quick-links small{margin-left:auto;color:var(--muted)}.sidebar-backdrop{display:none}.error-page{min-height:100vh;display:grid;place-items:center;align-content:center}.error-page>strong{font-size:6rem;color:var(--red)}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.sidebar{transform:translateX(-100%);transition:.2s}.main{margin-left:0}.menu-toggle{display:block}.sidebar-open .sidebar{transform:none}.sidebar-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:20}.sidebar-open .sidebar-backdrop{display:block}}@media(max-width:720px){.login-page{grid-template-columns:1fr}.login-hero{display:none}.login-panel{padding:1.5rem}.mobile-brand{display:block}.topbar{padding:0 1rem}.content{padding:1rem}.page-context{display:none}.welcome-row{align-items:start}.date-chip{display:none}.current-shift{align-items:start;gap:1rem;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:460px){.metrics{grid-template-columns:1fr}.user-menu .avatar{display:none}}