html{background:radial-gradient(1100px 600px at 78% -10%,rgba(37,99,235,.16),transparent 60%),radial-gradient(900px 700px at -10% 100%,rgba(34,211,238,.07),transparent 55%),linear-gradient(180deg,var(--o3d-void-2) 0%,var(--o3d-void) 100%);scrollbar-color:var(--gray-300) transparent}body,.content{background:transparent}#o3d-substrate{position:fixed;inset:0;z-index:-1;pointer-events:none}#o3d-substrate canvas{display:block;width:100%;height:100%}#o3d-substrate:after{content:"";position:absolute;inset:0;background:radial-gradient(1200px 700px at 60% 0%,rgba(6,10,20,.1),transparent 60%),linear-gradient(180deg,#060a1485,#060a14b8)}body[data-page=login] #o3d-substrate:after,body[data-page=unsubscribe] #o3d-substrate:after{background:radial-gradient(900px 600px at 50% 38%,rgba(6,10,20,.3),transparent 70%),linear-gradient(180deg,#060a1429,#060a1470)}.sidebar{backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-right:1px solid rgba(96,165,250,.1);box-shadow:inset -1px 0 #ffffff08}.header{backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);border-bottom:1px solid rgba(96,165,250,.1)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.sidebar{background:#070b16}.header{background:#080d1a}}.page-title,.sidebar-brand-name,.stat-card-value,.modal-title,.drawer-title{font-family:var(--font-display);letter-spacing:var(--tracking-wide)}.page-title:after{content:"";display:block;width:44px;height:2px;margin-top:6px;border-radius:2px;background:linear-gradient(90deg,var(--color-primary),rgba(34,211,238,.6),transparent)}.sidebar-section-title{font-family:var(--font-display);letter-spacing:var(--tracking-widest)}.card,.stat-card,.node-card{transition:box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base)}.card:hover,.node-card:hover{border-color:#60a5fa38}.stat-card{transition:transform .3s cubic-bezier(.22,1,.3,1),box-shadow var(--transition-base),border-color var(--transition-base)}.stat-card[data-o3d-tilt]{transition:box-shadow var(--transition-base),border-color var(--transition-base)}.stat-card:hover{border-color:#60a5fa47;box-shadow:var(--shadow-card-hover)}@keyframes o3dModalIn{0%{opacity:0;transform:perspective(1200px) rotateX(5deg) translateY(18px) scale(.98)}to{opacity:1;transform:perspective(1200px) rotateX(0) translateY(0) scale(1)}}.modal-overlay.open .modal,.modal-overlay.active .modal,#crud-modal.active .modal{animation:o3dModalIn .26s cubic-bezier(.22,1,.3,1)}.drawer{box-shadow:-18px 0 48px -18px #020617cc,inset 1px 0 #ffffff0a}.drawer.open{border-left:1px solid rgba(96,165,250,.14)}.btn-primary{background-image:linear-gradient(180deg,#ffffff1a,#fff0 55%)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 18px -4px var(--o3d-glow-primary)}:is(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}::selection{background:#3b82f661;color:var(--gray-950)}.modal,.drawer,.notification-panel,.dropdown-menu{background:var(--bg-modal)}.dropdown-menu{background:var(--bg-dropdown)}@media (max-width: 768px){.table thead th:first-child,.table tbody td:first-child{background:#0e1526}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7285a64d;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#7285a680}pre{background:var(--gray-25);color:var(--gray-800)}.header-status-dot{box-shadow:0 0 8px var(--o3d-glow-info)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@media print{#o3d-substrate{display:none!important}html{background:#fff}}@media (prefers-reduced-motion: reduce){.modal-overlay.open .modal,.modal-overlay.active .modal,#crud-modal.active .modal{animation:none}.stat-card{transition:none}}
