:root{color-scheme:light;--bg:#f6f2ea;--bg-accent:#f0e2cc;--ink:#1c1b17;--muted:#6d6558;--card:#fff9f1;--accent:#c45d2f;--accent-2:#1b7f6b;--shadow:rgba(28,27,23,.12)}*{box-sizing:border-box}body{margin:0;font-family:Georgia,Times New Roman,serif;color:var(--ink);background:radial-gradient(circle at 15% 20%,#f3d8b7 0,transparent 55%),radial-gradient(circle at 80% 10%,#f6efe2 0,transparent 45%),linear-gradient(160deg,var(--bg),var(--bg-accent));min-height:100vh}.app-shell{max-width:1100px;margin:0 auto;padding:48px 24px 80px}.site-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:48px}.brand{font-size:28px;letter-spacing:.06em;text-transform:uppercase}.tagline{font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif;font-size:14px;color:var(--muted)}.page{display:grid;grid-gap:32px;gap:32px}.hero h1{font-size:40px;margin:0 0 12px}.hero p{margin:0;max-width:640px;color:var(--muted);font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif}.panel{background:var(--card);border-radius:18px;padding:24px;box-shadow:0 12px 30px var(--shadow);border:1px solid rgba(28,27,23,.08)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.panel-header h2{margin:0 0 4px}.panel-header span{color:var(--muted);font-size:14px}.panel-header span,.status{font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif}.status{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-2);border:1px solid rgba(27,127,107,.3);padding:6px 10px;border-radius:999px}.week-controls{display:flex;gap:8px}.week-controls button{font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif;font-size:12px;padding:8px 12px;border-radius:999px;border:1px solid rgba(28,27,23,.2);background:#fff;cursor:pointer}.week-controls button:hover{border-color:rgba(196,93,47,.5);color:var(--accent)}.week-label{font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif;font-size:13px;color:var(--muted);margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.shifts-panel{display:grid;grid-gap:12px;gap:12px}.shift-status-label{font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--accent-2)}.shifts-grid{grid-template-columns:repeat(7,minmax(150px,1fr))}.shift-day,.shifts-grid{display:grid;grid-gap:12px;gap:12px}.shift-day{background:rgba(27,127,107,.06);border-radius:16px;padding:12px;border:1px solid rgba(27,127,107,.15);min-height:240px}.shift-day-head{display:flex;justify-content:space-between;align-items:baseline;font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif}.shift-day-label{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.shift-day-date{font-size:12px;color:rgba(109,101,88,.7)}.shift-day-body{display:grid;grid-gap:12px;gap:12px}.shift-empty{font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif;font-size:12px;color:rgba(109,101,88,.7)}.shift-card{background:#fff;border-radius:14px;padding:12px;border:1px solid rgba(28,27,23,.08);display:grid;grid-gap:8px;gap:8px;box-shadow:0 8px 18px rgba(28,27,23,.08)}.shift-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.shift-time{font-size:12px;letter-spacing:.06em}.shift-pill,.shift-time{font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif;text-transform:uppercase}.shift-pill{font-size:10px;letter-spacing:.1em;padding:6px 8px;border-radius:999px;border:1px solid rgba(28,27,23,.15);color:var(--muted)}.shift-pill.assigned{background:rgba(27,127,107,.12);color:var(--accent-2);border-color:rgba(27,127,107,.35)}.shift-pill.open{background:rgba(196,93,47,.12);color:var(--accent);border-color:rgba(196,93,47,.35)}.shift-role{font-size:18px}.shift-assignee,.shift-notes{font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif;font-size:12px;color:var(--muted)}.shift-assignee{display:flex;justify-content:space-between;align-items:baseline}.shift-assignee span{color:rgba(109,101,88,.7);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.availability-grid{display:grid;grid-gap:12px;gap:12px}.grid-head,.grid-row{display:grid;grid-template-columns:1.6fr repeat(7,minmax(90px,1fr));grid-gap:10px;gap:10px;align-items:stretch}.grid-head{font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.grid-corner,.grid-day{padding:10px 14px}.grid-day{background:rgba(27,127,107,.08);border-radius:12px;text-align:center}.grid-date{font-size:11px;color:rgba(109,101,88,.7);margin-top:4px}.grid-person{background:#fff;border-radius:14px;padding:12px 14px;border:1px solid rgba(28,27,23,.08);display:grid;grid-gap:6px;gap:6px}.person-name{font-size:18px}.person-role{font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif;font-size:12px;color:var(--muted)}.grid-cell{background:hsla(0,0%,100%,.75);border-radius:12px;padding:8px 10px;border:1px dashed rgba(28,27,23,.08);display:grid;grid-gap:6px;gap:6px;align-content:center}.slot{background:rgba(196,93,47,.12);color:var(--accent);border-radius:999px;padding:6px 10px;font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif;font-size:12px;display:inline-flex;align-items:center;gap:6px;justify-content:center}.slot-divider{color:rgba(196,93,47,.5)}.cell-muted{color:rgba(109,101,88,.6);font-size:14px;text-align:center}.card{background:#fff;border-radius:16px;padding:16px;border:1px solid rgba(28,27,23,.08);display:grid;grid-gap:10px;gap:10px;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(28,27,23,.12)}.card-title{font-size:20px}.card-sub{font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif;font-size:12px;color:var(--muted)}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill{font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif;font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(196,93,47,.1);color:var(--accent)}.pill-muted{background:rgba(28,27,23,.08);color:var(--muted)}.pill-alert{background:rgba(196,93,47,.18);color:var(--accent);border:1px solid rgba(196,93,47,.4)}.empty{display:grid;grid-gap:10px;gap:10px;color:var(--muted);font-family:Trebuchet MS,Lucida Sans Unicode,sans-serif}.empty code{font-family:Courier New,monospace;font-size:12px;color:var(--ink);background:rgba(28,27,23,.08);padding:6px 8px;border-radius:6px}@media (max-width:720px){.site-header{flex-direction:column;align-items:flex-start;gap:6px}.hero h1{font-size:32px}.grid-head,.grid-row{grid-template-columns:1fr}.panel-header{flex-direction:column;align-items:flex-start}.week-controls{width:100%;justify-content:space-between}.grid-corner,.grid-day{text-align:left}.grid-cell{border-style:solid}}@media (max-width:1024px){.shifts-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}