:root{--bb-bg:#050713;--bb-panel:#0b1020;--bb-panel-soft:#111832;--bb-border:#94a3b829;--bb-text:#f8fafc;--bb-muted:#94a3b8;--bb-purple:#8b5cf6;--bb-blue:#38bdf8;--bb-green:#22c55e;--bb-red:#ef4444;--bb-yellow:#f59e0b}*{box-sizing:border-box}body.bb-body{background:radial-gradient(circle at top left, #8b5cf638, transparent 35%), radial-gradient(circle at top right, #38bdf829, transparent 30%), var(--bb-bg);min-height:100vh;color:var(--bb-text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.bb-auth-page{grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.bb-auth-left{border-right:1px solid var(--bb-border);background:radial-gradient(circle at 20% 20%,#8b5cf63d,#0000 32%),radial-gradient(circle at 70% 70%,#38bdf829,#0000 28%),#050713a6;flex-direction:column;justify-content:space-between;padding:48px;display:flex}.bb-auth-brand,.bb-brand{align-items:center;gap:14px;display:flex}.bb-logo{background:linear-gradient(135deg, var(--bb-purple), var(--bb-blue));color:#fff;border-radius:14px;place-items:center;width:46px;height:46px;font-weight:900;display:grid;box-shadow:0 0 30px #8b5cf673}.bb-brand-title{font-size:18px;font-weight:800}.bb-brand-subtitle{color:var(--bb-muted);font-size:12px}.bb-auth-copy{max-width:620px}.bb-kicker{color:var(--bb-blue);text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px;font-size:13px;font-weight:800;display:inline-flex}.bb-auth-copy h1{letter-spacing:-.05em;margin:0;font-size:clamp(38px,5vw,70px);line-height:.98}.bb-auth-copy p{max-width:540px;color:var(--bb-muted);margin:22px 0 0;font-size:17px;line-height:1.7}.bb-auth-points{color:#dbeafe;gap:12px;margin-top:34px;display:grid}.bb-auth-points div{border:1px solid var(--bb-border);background:#1118328f;border-radius:16px;padding:14px 16px}.bb-auth-card-wrap{place-items:center;padding:32px;display:grid}.bb-auth-card{border:1px solid var(--bb-border);background:linear-gradient(#111832fa,#0b1020fa);border-radius:26px;width:min(100%,460px);padding:30px;box-shadow:0 28px 90px #00000061}.bb-auth-card-header h2{margin:0;font-size:30px}.bb-auth-card-header p{color:var(--bb-muted);margin:10px 0 0;line-height:1.6}.bb-form{gap:16px;margin-top:26px;display:grid}.bb-field{gap:8px;display:grid}.bb-field label{color:#dbeafe;font-size:14px;font-weight:700}.bb-field input{border:1px solid var(--bb-border);width:100%;color:var(--bb-text);background:#050713a6;border-radius:14px;outline:none;padding:13px 14px}.bb-field input:focus{border-color:#8b5cf6b8;box-shadow:0 0 0 4px #8b5cf624}.bb-form-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.bb-check{color:var(--bb-muted);align-items:center;gap:10px;font-size:14px;display:flex}.bb-check input{accent-color:var(--bb-purple)}.bb-link,.bb-auth-footer a{color:var(--bb-blue);font-weight:800}.bb-button{background:linear-gradient(135deg, var(--bb-purple), var(--bb-blue));color:#fff;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;padding:12px 16px;font-weight:800;display:inline-flex;box-shadow:0 16px 36px #8b5cf647}.bb-button-full{width:100%}.bb-auth-footer{text-align:center;color:var(--bb-muted);margin-top:22px}.bb-alert{border:1px solid var(--bb-border);color:#dbeafe;background:#111832db;border-radius:18px;padding:16px 18px}.bb-alert-success{background:#22c55e1a;border-color:#22c55e47}.bb-alert-danger{background:#ef44441a;border-color:#ef444447}@media (width<=900px){.bb-auth-page{grid-template-columns:1fr}.bb-auth-left{gap:50px;padding:28px}.bb-auth-card-wrap{padding:24px}.bb-auth-copy h1{font-size:38px}}.bb-shell{min-height:100vh;display:flex}.bb-sidebar{border-right:1px solid var(--bb-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050713c7;flex-direction:column;gap:28px;width:280px;padding:24px;display:flex}.bb-nav{gap:8px;display:grid}.bb-nav-link{color:var(--bb-muted);border-radius:12px;padding:12px 14px;transition:all .2s;display:block}.bb-nav-link:hover{color:var(--bb-text);background:#8b5cf61f}.bb-sidebar-footer{margin-top:auto}.bb-admin-link{color:var(--bb-blue);background:#38bdf81a;border-radius:12px;padding:12px 14px;display:block}.bb-main{flex:1;padding:28px}.bb-topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.bb-topbar h1{margin:0;font-size:30px;line-height:1.1}.bb-topbar p{color:var(--bb-muted);margin:8px 0 0}.bb-topbar-actions{align-items:center;gap:12px;display:flex}.bb-env{color:var(--bb-blue);background:#38bdf81a;border:1px solid #38bdf838;border-radius:999px;padding:8px 12px;font-size:13px}.bb-avatar{background:var(--bb-panel-soft);border:1px solid var(--bb-border);border-radius:999px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.bb-content{gap:24px;display:grid}.bb-grid{gap:18px;display:grid}.bb-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.bb-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-card,.bb-section,.bb-action-card,.bb-empty{border:1px solid var(--bb-border);background:linear-gradient(#111832f5,#0b1020f5);border-radius:22px;box-shadow:0 24px 80px #00000047}.bb-card{padding:22px}.bb-card-label{color:var(--bb-muted);margin-bottom:12px;font-size:13px;display:block}.bb-card strong{margin-bottom:8px;font-size:32px;display:block}.bb-card p,.bb-section p,.bb-empty p,.bb-action-card span{color:var(--bb-muted);margin:0}.bb-section{padding:24px}.bb-section-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.bb-section-header h2{margin:0 0 6px;font-size:22px}.bb-button-secondary{box-shadow:none;background:#8b5cf61f;border:1px solid #8b5cf647}.bb-button-ghost{color:#dbeafe;border:1px solid var(--bb-border);box-shadow:none;background:#94a3b814}.bb-empty{text-align:center;padding:48px 24px}.bb-empty-icon{background:#8b5cf624;border-radius:24px;place-items:center;width:70px;height:70px;margin:0 auto 18px;font-size:30px;display:grid}.bb-empty h3{margin:0 0 8px;font-size:24px}.bb-empty .bb-button{margin-top:22px}.bb-action-card{padding:22px;transition:all .2s}.bb-action-card:hover{border-color:#8b5cf673;transform:translateY(-2px)}.bb-action-card strong{margin-bottom:8px;font-size:18px;display:block}.bb-page-actions{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:18px;display:flex}.bb-table-wrap{border:1px solid var(--bb-border);background:linear-gradient(#111832f5,#0b1020f5);border-radius:22px;overflow:hidden}.bb-table{border-collapse:collapse;width:100%}.bb-table th{text-align:left;color:var(--bb-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--bb-border);background:#05071347;padding:15px 18px;font-size:12px;font-weight:800}.bb-table td{color:#dbeafe;border-bottom:1px solid #94a3b81a;padding:16px 18px}.bb-table tr:last-child td{border-bottom:0}.bb-table tr:hover td{background:#8b5cf60f}.bb-status{border:1px solid var(--bb-border);border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:7px 10px;font-size:12px;font-weight:900;display:inline-flex}.bb-status:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px}.bb-status-active{color:var(--bb-green);background:#22c55e1a;border-color:#22c55e47}.bb-status-pending{color:var(--bb-yellow);background:#f59e0b1a;border-color:#f59e0b47}.bb-status-suspended,.bb-status-overdue{color:var(--bb-red);background:#ef44441a;border-color:#ef444447}.bb-status-info{color:var(--bb-blue);background:#38bdf81a;border-color:#38bdf847}.bb-muted{color:var(--bb-muted)}.bb-text-right{text-align:right}.bb-actions{align-items:center;gap:10px;display:flex}.bb-button-small{border-radius:10px;padding:8px 11px;font-size:12px}.bb-button-danger{color:#fecaca;box-shadow:none;background:#ef44441f;border:1px solid #ef444447}.bb-form-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:22px;display:flex}.bb-divider{background:var(--bb-border);height:1px;margin:24px 0}@media (width<=1100px){.bb-grid-4,.bb-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.bb-shell{display:block}.bb-sidebar{border-right:0;border-bottom:1px solid var(--bb-border);width:100%}.bb-main{padding:20px}.bb-topbar,.bb-section-header{flex-direction:column;align-items:flex-start}.bb-grid-4,.bb-grid-3{grid-template-columns:1fr}.bb-table-wrap{overflow-x:auto}.bb-table{min-width:720px}.bb-page-actions,.bb-form-actions,.bb-actions{flex-direction:column;align-items:stretch}}.bb-error-page{place-items:center;min-height:100vh;padding:24px;display:grid}.bb-error-card{text-align:center;border:1px solid var(--bb-border);background:linear-gradient(#111832fa,#0b1020fa);border-radius:28px;width:min(100%,520px);padding:38px;box-shadow:0 28px 90px #00000061}.bb-error-card h1{letter-spacing:-.04em;margin:0;font-size:42px}.bb-error-card p{color:var(--bb-muted);margin:14px 0 0;font-size:16px}.bb-error-actions{justify-content:center;gap:12px;margin-top:26px;display:flex}@media (width<=600px){.bb-error-actions{flex-direction:column}.bb-error-actions .bb-button{width:100%}}