@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--brand-500:#667eea;--brand-700:#764ba2;--brand-300:#a5b4fc;--brand-100:#ede9fe;--brand-50:#f5f3ff;--gradient-brand:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-100:#dbeafe;--blue-50:#eff6ff;--success-500:#10b981;--success-100:#d1fae5;--success-50:#ecfdf5;--warning-500:#f59e0b;--warning-100:#fef3c7;--warning-50:#fffbeb;--danger-500:#ef4444;--danger-100:#fee2e2;--danger-50:#fef2f2;--slate-950:#020617;--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--white:#fff;--surface-page:var(--slate-50);--surface-card:var(--white);--surface-sunken:var(--slate-100);--surface-inverse:var(--slate-900);--surface-overlay:#0f172a73;--text-strong:var(--slate-900);--text-body:var(--slate-700);--text-muted:var(--slate-500);--text-subtle:var(--slate-400);--text-on-brand:var(--white);--text-link:var(--blue-600);--border-subtle:var(--slate-200);--border-default:var(--slate-300);--border-strong:var(--slate-400);--slot-available-bg:var(--success-50);--slot-available-fg:#047857;--slot-available-border:#6ee7b7;--slot-booked-bg:var(--danger-50);--slot-booked-fg:#b91c1c;--slot-booked-border:#fca5a5;--slot-break-bg:var(--warning-50);--slot-break-fg:#b45309;--slot-break-border:#fcd34d;--slot-holiday-bg:var(--slate-100);--slot-holiday-fg:var(--slate-500);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--shadow-xs:0 1px 2px #0f172a0d;--shadow-sm:0 1px 3px #0f172a14, 0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a14, 0 2px 4px #0f172a0a;--shadow-lg:0 12px 28px #0f172a1f, 0 4px 8px #0f172a0f;--shadow-xl:0 24px 48px #0f172a2e;--shadow-brand:0 8px 20px #667eea59;--shadow-focus:0 0 0 3px #667eea40;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition:.2s cubic-bezier(.16,1,.3,1);--transition-fast:.12s cubic-bezier(.16,1,.3,1);--transition-slow:.32s cubic-bezier(.16,1,.3,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-sans)}input,select,textarea{font-family:var(--font-sans);color:var(--text-strong);font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}@keyframes bf-spin{to{transform:rotate(360deg)}}@keyframes bf-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bf-slide-up{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.bf-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) bf-fade-in}.bf-slide-up{animation:.22s cubic-bezier(.16,1,.3,1) bf-slide-up}:root{--brand-600:#5a67d8;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--success-600:#059669}.bf-app{min-height:100dvh;display:flex}.bf-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.bf-content{flex:1;padding:28px;overflow-y:auto}.mobile-only{display:none!important}.desktop-only{display:flex}.bf-dash-body{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}.bf-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.bf-booking-row{grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:16px;padding:14px 20px;display:grid}@media (max-width:768px){.bf-content{padding:16px 16px 84px}aside{display:none!important}.mobile-nav,.mobile-nav-backdrop,.mobile-nav-drawer{display:block!important}.mobile-only{display:inline-flex!important}.desktop-only{display:none!important}.mobile-logo{display:flex!important}.desktop-logo,.bf-topbar-api,.bf-topbar-user-name,.bf-topbar-chevron{display:none!important}.bf-dash-body{grid-template-columns:1fr!important}.bf-stats-grid{grid-template-columns:repeat(2,1fr)!important}.bf-booking-row{grid-template-columns:1fr auto!important}.bf-booking-row-date,.bf-booking-row-time,.bf-users-thead{display:none!important}.bf-users-row{grid-template-columns:1fr auto!important;align-items:start!important;row-gap:6px!important;padding:12px 14px!important}.bf-users-row>.bf-users-info{grid-area:1/1}.bf-users-role{grid-area:2/1!important;padding-left:52px!important}.bf-users-status{display:none!important}.bf-users-actions{flex-wrap:wrap!important;grid-area:1/2/3!important;justify-content:flex-end!important;align-self:center!important;gap:4px!important}.bf-form-2col{grid-template-columns:1fr!important}.bf-page-header{flex-direction:column!important;align-items:flex-start!important}.bf-page-header h1{font-size:22px!important}.bf-filter-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;overflow-x:auto!important}.bf-filter-tabs::-webkit-scrollbar{display:none}}