.sb,.sb[data-theme=dark]{--sb-primary:#880101;--sb-primary-foreground:#ffffff;--sb-primary-hover:#6a0001;--sb-primary-light:#a00002;--sb-bg:#0b0b0c;--sb-surface:#121314;--sb-surface-2:#171819;--sb-surface-3:#1c1e20;--sb-text:#f5f6f7;--sb-text-secondary:#e1e3e7;--sb-muted:#b9bcc1;--sb-muted-foreground:#9ca3af;--sb-border:#26282b;--sb-border-subtle:#1f2123;--sb-success:#23A559;--sb-success-foreground:#ffffff;--sb-success-light:rgba(35,165,89,0.1);--sb-warning:#F4A100;--sb-warning-foreground:#000000;--sb-warning-light:rgba(244,161,0,0.1);--sb-danger:#D72638;--sb-danger-foreground:#ffffff;--sb-danger-light:rgba(215,38,56,0.1);--sb-info:#1E88E5;--sb-info-foreground:#ffffff;--sb-info-light:rgba(30,136,229,0.1);--sb-hover:rgba(136,1,1,0.1);--sb-active:rgba(136,1,1,0.2);--sb-focus:rgba(136,1,1,0.3);--sb-shadow-sm:0 1px 2px 0 rgba(0,0,0,0.3);--sb-shadow-md:0 4px 6px -1px rgba(0,0,0,0.4);--sb-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5)}.sb[data-theme=light]{--sb-primary:#880101;--sb-primary-foreground:#ffffff;--sb-primary-hover:#6a0001;--sb-primary-light:#a00002;--sb-bg:#ffffff;--sb-surface:#f8f9fa;--sb-surface-2:#f1f3f4;--sb-surface-3:#e8eaed;--sb-text:#1f2937;--sb-text-secondary:#374151;--sb-muted:#6b7280;--sb-muted-foreground:#9ca3af;--sb-border:#e5e7eb;--sb-border-subtle:#f3f4f6;--sb-success:#16a34a;--sb-success-foreground:#ffffff;--sb-success-light:rgba(22,163,74,0.1);--sb-warning:#d97706;--sb-warning-foreground:#ffffff;--sb-warning-light:rgba(217,119,6,0.1);--sb-danger:#dc2626;--sb-danger-foreground:#ffffff;--sb-danger-light:rgba(220,38,38,0.1);--sb-info:#2563eb;--sb-info-foreground:#ffffff;--sb-info-light:rgba(37,99,235,0.1);--sb-hover:rgba(136,1,1,0.05);--sb-active:rgba(136,1,1,0.1);--sb-focus:rgba(136,1,1,0.2);--sb-shadow-sm:0 1px 2px 0 rgba(0,0,0,0.1);--sb-shadow-md:0 4px 6px -1px rgba(0,0,0,0.15);--sb-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.2)}.sb{background-color:var(--sb-bg);color:var(--sb-text);min-height:100vh}.sb *{border-color:var(--sb-border)}.sb .btn-primary{background-color:var(--sb-primary);color:var(--sb-primary-foreground);border:1px solid var(--sb-primary);box-shadow:0 1px 2px rgba(0,0,0,.1)}.sb .btn-primary:hover{background-color:var(--sb-primary-hover)}.sb .btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.sb .btn-primary:focus{box-shadow:0 0 0 2px var(--sb-focus)}.sb .btn-secondary{background-color:var(--sb-surface);color:var(--sb-text);border:1px solid var(--sb-border);box-shadow:0 1px 2px rgba(0,0,0,.05)}.sb .btn-secondary:hover{background-color:var(--sb-surface-2)}.sb .btn-secondary:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.05)}.sb .btn-secondary:focus{box-shadow:0 0 0 2px var(--sb-focus)}.sb .btn-danger{background-color:var(--sb-danger);color:var(--sb-danger-foreground);border:1px solid var(--sb-danger);box-shadow:0 1px 2px rgba(0,0,0,.1)}.sb .btn-danger:hover{background-color:#b91f2f}.sb .btn-danger:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.sb .btn-danger:focus{box-shadow:0 0 0 2px rgba(215,38,56,.4)}.sb .btn-success{background-color:var(--sb-success);color:var(--sb-success-foreground);border:1px solid var(--sb-success);box-shadow:0 1px 2px rgba(0,0,0,.1)}.sb .btn-success:hover{background-color:#1e8a4a}.sb .btn-success:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.sb .btn-success:focus{box-shadow:0 0 0 2px rgba(35,165,89,.4)}.sb .btn-warning{background-color:var(--sb-warning);color:var(--sb-warning-foreground);border:1px solid var(--sb-warning);box-shadow:0 1px 2px rgba(0,0,0,.1)}.sb .btn-warning:hover{background-color:#d97706}.sb .btn-warning:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.sb .btn-warning:focus{box-shadow:0 0 0 2px rgba(244,161,0,.4)}.sb .btn-info{background-color:var(--sb-info);color:var(--sb-info-foreground);border:1px solid var(--sb-info);box-shadow:0 1px 2px rgba(0,0,0,.1)}.sb .btn-info:hover{background-color:#1976d2}.sb .btn-info:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.sb .btn-info:focus{box-shadow:0 0 0 2px rgba(30,136,229,.4)}.sb .card{background-color:var(--sb-surface);border:1px solid var(--sb-border);border-radius:8px}.sb .card-header{background-color:var(--sb-surface-2);border-bottom:1px solid var(--sb-border)}.sb .badge-success{background-color:var(--sb-success);color:var(--sb-success-foreground)}.sb .badge-warning{background-color:var(--sb-warning);color:var(--sb-warning-foreground)}.sb .badge-danger{background-color:var(--sb-danger);color:var(--sb-danger-foreground)}.sb .badge-info{background-color:var(--sb-info);color:var(--sb-info-foreground)}.sb .badge-secondary{background-color:var(--sb-surface-2);color:var(--sb-muted)}.sb .badge-secondary,.sb table{border:1px solid var(--sb-border)}.sb table{background-color:var(--sb-surface)}.sb th{background-color:var(--sb-surface-2);color:var(--sb-text-secondary);border-bottom:1px solid var(--sb-border)}.sb td{border-bottom:1px solid var(--sb-border-subtle)}.sb input,.sb select,.sb textarea{background-color:var(--sb-surface-2);color:var(--sb-text);border:1px solid var(--sb-border)}.sb input:focus,.sb select:focus,.sb textarea:focus{border-color:var(--sb-primary);outline:none}.sb .nav-link{color:var(--sb-muted);transition:color .2s ease}.sb .nav-link:hover{color:var(--sb-text)}.sb .nav-link.active{color:var(--sb-primary);background-color:var(--sb-hover)}.sb .status-online{color:var(--sb-success)}.sb .status-warning{color:var(--sb-warning)}.sb .status-offline{color:var(--sb-danger)}.sb .status-info{color:var(--sb-info)}@keyframes slide-in{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.sb .animate-slide-in{animation:slide-in .3s ease-out}