@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--brand-primary:#f3b279;--brand-secondary:#f2ba98;--brand-dark:#262626;--brand-dark-accent:#5a5a5b;--brand-light:#ecedf2;--glass-bg:#ffffffb3;--glass-bg-hover:#ffffffe6;--glass-border:#fffc;--glass-radius:24px;--glass-btn-radius:12px;--text-primary:#1e293b;--text-muted:#64748b;--text-dark:#0f172a;--danger:#ef4444;--success:#10b981}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{color:var(--text-primary);background-color:#f5f2f0;background-image:radial-gradient(at 75% 45%,#e6d4cacc 0,#0000 60%),radial-gradient(at 20% 70%,#fffc 0,#0000 60%),radial-gradient(at 10% 10%,#f5eeebe6 0,#0000 50%),radial-gradient(at 85% 90%,#eeded799 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--glass-radius);color:var(--text-primary);transition:all .3s;box-shadow:inset 0 0 10px #ffffff80,0 8px 32px #1f268712}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--glass-radius);color:var(--text-primary);box-shadow:inset 0 0 10px #ffffff80,0 8px 32px #1f268712}button{cursor:pointer;border-radius:var(--glass-btn-radius);color:var(--text-primary);background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}button.glass-button,button.primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);background:#fff9;border:1px solid #fffc;box-shadow:0 4px 6px #0000000d}button.glass-button:hover,button.primary:hover{box-shadow:0 0 15px var(--brand-primary);border-color:var(--brand-primary);background:#ffffffe6;transform:translateY(-2px)}button.glass-button:active,button.primary:active{transform:translateY(0)}button.secondary{color:var(--text-primary);background:0 0;border:1px solid #1e293b33}button.secondary:hover{background:#fff9;box-shadow:0 0 10px #0000000d}button.danger{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}button.danger:hover{background:#ef444433;box-shadow:0 0 15px #ef444499}input,select,textarea{border-radius:calc(var(--glass-btn-radius) * 1.2);width:100%;color:var(--text-primary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff80;border:1px solid #fff9;outline:none;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}input::placeholder,textarea::placeholder{color:#1e293b80}input:focus,select:focus,textarea:focus{border-color:var(--brand-primary);background:#fffc;box-shadow:0 0 0 3px #f3b27926,0 0 10px #f3b27966}input[type=time],input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#ffffff4d;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}@media (width<=768px){.mobile-hide{display:none!important}.mobile-full{width:100%!important}.sidebar-mobile{background:var(--glass-bg);-webkit-backdrop-filter:blur(30px);z-index:3000;border-right:1px solid var(--glass-border);transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:100%!important}.sidebar-mobile.open{transform:translate(0)}.calendar-grid{grid-template-columns:repeat(var(--cols,7), 1fr)!important}.calendar-header{flex-direction:column;gap:1rem;align-items:flex-start!important}.day-col{min-width:120px}}.calendar-grid{flex-grow:1;display:grid}.day-col{border-right:1px solid var(--glass-border);flex-direction:column;min-height:800px;display:flex;position:relative}.shift-card{border-radius:var(--glass-btn-radius);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:grab;z-index:10;color:var(--text-primary);background:#fffc;border:1px solid #ffffffe6;padding:10px;font-size:.8rem;transition:all .2s;position:absolute;left:4px;right:4px;box-shadow:0 4px 6px -1px #0000001a}.shift-card:before{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 10px #ffffff1a}.shift-card:active{cursor:grabbing;box-shadow:0 8px 12px -2px #0006}.shift-card:hover{z-index:20;box-shadow:0 0 10px var(--brand-secondary), 0 8px 15px #0000004d;transform:scale(1.02)}
