@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,700&display=swap");:root{--bg:#0b0f14;--panel:#0f141b;--panel-2:#151c25;--text:#e9eef3;--muted:#9db0c3;--accent:#ff8a3d;--accent-2:#5eead4;--line:#253141;--shadow:0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}body,html{padding:0;margin:0;background:radial-gradient(1200px 600px at 15% -10%,#1d2b3a 0,transparent 55%),radial-gradient(800px 500px at 90% 0,#2a1f1b 0,transparent 55%),var(--bg);color:var(--text);font-family:Space Grotesk,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}.app-shell{display:grid;min-height:100vh}.app-shell,.app-shell.no-sidebar{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;height:100vh;width:260px;padding:80px 20px 28px;background:linear-gradient(180deg,#0f1520,#0b0f14);border-right:1px solid var(--line);transform:translateX(-100%);transition:transform .2s ease;z-index:40}.brand{font-family:Fraunces,serif;font-size:22px;letter-spacing:.4px}.nav{margin-top:28px;display:grid;grid-gap:10px;gap:10px}.nav a{padding:10px 14px;border-radius:10px;background:transparent;color:var(--muted);border:1px solid transparent;transition:all .2s ease}.nav a:hover{color:var(--text);border-color:var(--line);background:hsla(0,0%,100%,.03)}.main{padding:28px 32px 60px}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title h1{margin:0;font-size:28px}.toolbar{display:flex;gap:10px}.btn{padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn.primary{background:linear-gradient(135deg,#ff8a3d,#ff5e2b);border:none;color:#0b0f14}.btn:hover{transform:translateY(-1px)}.btn:hover,.card{box-shadow:var(--shadow)}.card{background:linear-gradient(180deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,0));border:1px solid var(--line);border-radius:16px;padding:18px}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);color:var(--muted)}.table th{color:var(--text);font-weight:600}.grid{display:grid;grid-gap:20px;gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(94,234,212,.15);color:var(--accent-2);font-size:12px;font-weight:600}.shift-layout{display:grid;grid-template-columns:320px 1fr;grid-gap:20px;gap:20px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px}.calendar-wide{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:8px;gap:8px}.calendar-header{font-weight:600;color:var(--muted);text-align:center}.calendar-day{padding:10px;border-radius:12px;background:var(--panel);border:1px solid var(--line);color:var(--muted);min-height:92px;text-align:left;transition:all .2s ease}.calendar-day.active{border-color:var(--accent);color:var(--text);background:rgba(255,138,61,.12)}.calendar-day.weekend{background:rgba(94,234,212,.08);border-color:rgba(94,234,212,.35)}.calendar-day.holiday{background:rgba(255,90,90,.12);border-color:rgba(255,90,90,.45)}.calendar-day.active.holiday,.calendar-day.active.weekend{border-color:var(--accent);background:rgba(255,138,61,.18)}.calendar-date,.calendar-day.holiday .calendar-date,.calendar-day.weekend .calendar-date{color:var(--text)}.calendar-date{font-weight:600;margin-bottom:6px}.calendar-staff{display:grid;grid-gap:4px;gap:4px;font-size:11px;color:var(--muted)}.calendar-slot{display:grid;grid-gap:2px;gap:2px}.calendar-slot-time{font-weight:600;color:var(--text);font-size:11px}.calendar-slot-role{display:grid;grid-template-columns:44px 1fr;grid-gap:4px;gap:4px;font-size:10px}.calendar-role-name{color:var(--accent-2);white-space:nowrap}.calendar-role-users{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-bottom{margin-top:20px;display:grid;grid-template-columns:1fr 360px;grid-gap:20px;gap:20px}.split-panel{display:grid;grid-gap:16px;gap:16px}.empty-state{text-align:center;padding:60px 20px;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.shift-rows{display:grid;grid-gap:12px;gap:12px}.shift-row{display:grid;grid-template-columns:140px 1fr;grid-gap:12px;gap:12px;align-items:stretch}.shift-slot{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;grid-gap:6px;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:hsla(0,0%,100%,.06);color:var(--text);font-size:12px}.chip.removable{cursor:pointer;border:1px solid transparent}.chip.removable:hover{border-color:var(--accent);background:rgba(255,138,61,.12)}.user-list{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;grid-gap:8px;gap:8px;max-height:260px;overflow:auto}.user-item{padding:8px 10px;border-radius:10px;background:hsla(0,0%,100%,.04);border:1px solid transparent}.user-item:hover{border-color:var(--accent-2)}.modal-backdrop{position:fixed;inset:0;background:rgba(5,8,12,.7);display:grid;place-items:center;z-index:50}.modal{width:min(420px,90vw);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.modal h2{margin:0 0 12px;font-size:20px}.modal select{margin-bottom:14px}.input,.modal select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text)}.input{margin-bottom:12px}.confirm-text{color:var(--muted);margin-bottom:14px}@media (max-width:1024px){.grid.two,.shift-bottom,.shift-layout{grid-template-columns:1fr}}@media (max-width:768px){.calendar-title{justify-content:flex-start}.calendar-toolbar{display:grid;grid-gap:10px;gap:10px;margin-bottom:12px}.calendar-field{display:grid;grid-gap:6px;gap:6px;font-size:12px;color:var(--muted)}.calendar-field select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);color:var(--text)}.calendar-wide{gap:6px}.calendar-day{min-height:60px;padding:6px;border-radius:14px;text-align:center}.calendar-staff{display:none}.calendar-date,.calendar-header{font-size:12px}}.hamburger{position:fixed;top:16px;left:16px;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--panel);display:inline-flex;align-items:center;justify-content:center;gap:4px;z-index:45}.main.with-hamburger{padding-top:96px}.hamburger span{display:block;width:18px;height:2px;background:var(--text)}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:30}.sidebar.mobile-open{transform:translateX(0)}.calendar-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.calendar-field{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.calendar-field select{padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);color:var(--text)}.timeline{display:grid;grid-gap:16px;gap:16px}.week-section{border:1px solid var(--line);border-radius:16px;padding:12px;background:hsla(0,0%,100%,.02)}.week-title{font-weight:600;color:var(--muted);margin-bottom:10px}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:10px;gap:10px}.day-card{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--panel);min-height:110px;display:grid;grid-gap:6px;gap:6px}.day-date{font-weight:600}.day-empty{color:var(--muted);font-size:12px}.day-line{font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width:1024px){.week-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.calendar-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px;flex-wrap:wrap}.calendar-header-row h1{margin:0;font-size:28px}