:root{--bg:#081120;--bg-top:#0d1830;--bg-glow-1:rgba(88,101,242,.22);--bg-glow-2:rgba(56,189,248,.12);--surface:#0f1b2d;--surface-alt:#16243b;--surface-soft:rgba(255,255,255,.04);--primary:#7c8cff;--primary-soft:#1b2a48;--text:#edf4ff;--text-soft:#b7c4db;--text-muted:#8091ae;--border:#263754;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--shadow-sm:0 10px 24px rgba(1,6,16,.28);--shadow-md:0 18px 40px rgba(1,6,16,.34);--shadow-lg:0 32px 70px rgba(1,6,16,.42);--navbar-shell-bg:rgba(8,17,32,.92);--navbar-shell-fade:rgba(8,17,32,.72);--navbar-bg:rgba(15,27,45,.9);--footer-bg:rgba(9,16,30,.74);--dropdown-bg:rgba(12,22,38,.96);--content-max:1280px;--page-gutter:clamp(12px,2.4vw,20px);--section-gap:clamp(56px,8vw,96px);--block-gap:clamp(18px,3vw,28px);--control-height:clamp(44px,5vw,50px);--nav-height:72px;--nav-offset:104px}
html[data-theme="light"]{--bg:#f6f7fb;--bg-top:#fbfcff;--bg-glow-1:rgba(88,101,242,.08);--bg-glow-2:rgba(59,130,246,.06);--surface:#ffffff;--surface-alt:#f8f9fd;--surface-soft:rgba(15,23,42,.04);--primary:#5865f2;--primary-soft:#edf0ff;--text:#171d2d;--text-soft:#59627a;--text-muted:#7f879a;--border:#e4e9f3;--success:#16a34a;--warning:#f59e0b;--error:#dc2626;--shadow-sm:0 10px 24px rgba(15,23,42,.05);--shadow-md:0 18px 40px rgba(15,23,42,.08);--shadow-lg:0 32px 70px rgba(15,23,42,.12);--navbar-shell-bg:rgba(246,247,251,.9);--navbar-shell-fade:rgba(246,247,251,.72);--navbar-bg:rgba(255,255,255,.9);--footer-bg:rgba(255,255,255,.6);--dropdown-bg:rgba(255,255,255,.96)}
html[data-theme="black"]{--bg:#030303;--bg-top:#090909;--bg-glow-1:rgba(255,255,255,.05);--bg-glow-2:rgba(88,101,242,.08);--surface:#101010;--surface-alt:#171717;--surface-soft:rgba(255,255,255,.03);--primary:#7c8cff;--primary-soft:#171d2b;--text:#f5f5f5;--text-soft:#b4b4b4;--text-muted:#7d7d7d;--border:#262626;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--shadow-sm:0 10px 24px rgba(0,0,0,.4);--shadow-md:0 18px 40px rgba(0,0,0,.48);--shadow-lg:0 32px 70px rgba(0,0,0,.58);--navbar-shell-bg:rgba(3,3,3,.92);--navbar-shell-fade:rgba(3,3,3,.7);--navbar-bg:rgba(16,16,16,.9);--footer-bg:rgba(7,7,7,.82);--dropdown-bg:rgba(12,12,12,.96)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;overflow-x:clip}
body{margin:0;min-height:100svh;max-width:100%;overflow-x:clip;font-family:"Outfit","Alexandria",sans-serif;color:var(--text);background:radial-gradient(circle at top left,var(--bg-glow-1),transparent 32%),radial-gradient(circle at top right,var(--bg-glow-2),transparent 26%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg) 100%);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}
body.embedded-shell{background:transparent}
body.embedded-shell main#main-content{margin:0;padding:0;min-height:100svh}
body.site-nav-hidden main#main-content{min-height:100svh;padding-bottom:0}
body.mobile-nav-open{overflow:hidden;touch-action:none}
body.rtl-mode,body.rtl-mode button,body.rtl-mode input,body.rtl-mode select,body.rtl-mode textarea{font-family:"Alexandria","Outfit",sans-serif}
a{color:inherit}
img,svg,video,canvas,iframe{max-width:100%}
img{display:block;height:auto}
iframe{border:0}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}
main#main-content{min-height:calc(100svh - var(--nav-offset));padding-bottom:clamp(20px,4vw,40px);overflow-x:clip}
.page-container{width:min(var(--content-max),calc(100% - (var(--page-gutter) * 2)));margin:0 auto}
.btn{min-height:var(--control-height);padding:0 clamp(16px,3vw,22px);border-radius:999px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;cursor:pointer;font-size:14px;font-weight:800;line-height:1.15;text-align:center;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--primary);color:#fff;box-shadow:0 14px 30px rgba(88,101,242,.22)}
.btn-outline{background:var(--surface);border-color:var(--border);color:var(--text)}
.btn-outline:hover{border-color:rgba(88,101,242,.18);background:var(--primary-soft);color:var(--primary)}
.badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase}
.badge-owner{background:rgba(88,101,242,.08);color:var(--primary);border:1px solid rgba(88,101,242,.18)}
.badge-admin{background:rgba(245,158,11,.1);color:#a16207;border:1px solid rgba(245,158,11,.2)}
.badge-ceo{background:rgba(34,197,94,.1);color:#166534;border:1px solid rgba(34,197,94,.18)}
.badge-user{background:rgba(15,23,42,.05);color:var(--text-soft);border:1px solid rgba(15,23,42,.08)}
.navbar-shell{position:sticky;top:0;z-index:1200;padding:clamp(10px,2vw,16px) 0 0;background:linear-gradient(180deg,var(--navbar-shell-bg),var(--navbar-shell-fade) 78%,transparent);backdrop-filter:blur(14px)}
.navbar{position:relative;width:min(var(--content-max),calc(100% - (var(--page-gutter) * 2)));margin:0 auto;min-height:var(--nav-height);padding:10px clamp(12px,2vw,16px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(12px,2vw,18px);background:var(--navbar-bg);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow-sm)}
.nav-logo{display:inline-flex;align-items:center;gap:12px;min-width:0;text-decoration:none;font-size:16px;font-weight:900;color:var(--text)}
.nav-logo-mark{width:42px;height:42px;border-radius:14px;border:1px solid rgba(88,101,242,.15);object-fit:cover}
.nav-center{display:flex;justify-content:center;min-width:0}
.nav-links{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px;border-radius:999px;background:var(--surface-alt);border:1px solid var(--border)}
.nav-link{min-height:40px;padding:0 16px;border-radius:999px;color:var(--text-soft);text-decoration:none;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}
.nav-link:hover,.nav-link.active{background:var(--surface);color:var(--text);box-shadow:0 8px 18px rgba(15,23,42,.06)}
.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}
.mobile-nav-toggle{display:none;width:44px;height:44px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;flex-shrink:0}
.theme-switcher{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:999px;border:1px solid var(--border);background:var(--surface-alt)}
.theme-btn{width:34px;height:34px;border-radius:999px;border:1px solid transparent;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.theme-btn:hover{transform:translateY(-1px)}
.theme-btn.active{background:var(--surface);border-color:var(--border)}
.theme-btn::before{content:"";width:18px;height:18px;border-radius:999px;display:block}
.theme-btn[data-theme-choice="blue"]::before{background:linear-gradient(135deg,#203b67,#0b1426);border:1px solid rgba(255,255,255,.18)}
.theme-btn[data-theme-choice="black"]::before{background:linear-gradient(135deg,#1a1a1a,#050505);border:1px solid rgba(255,255,255,.14)}
.theme-btn[data-theme-choice="light"]::before{background:linear-gradient(135deg,#ffffff,#dbe5f4);border:1px solid rgba(15,23,42,.12)}
.lang-pill{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-soft);font-size:13px;font-weight:800;cursor:pointer;flex-shrink:0}
.lang-pill:hover{border-color:rgba(88,101,242,.18);color:var(--primary);background:var(--primary-soft)}
.lang-text{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:1px}
.user-profile-trigger{position:relative;display:inline-flex;align-items:center;gap:10px;min-width:0;min-height:46px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer}
.user-avatar,.user-avatar-fallback{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;object-fit:cover;background:linear-gradient(135deg,rgba(88,101,242,.18),rgba(88,101,242,.08));color:var(--primary);font-weight:900;font-size:14px;flex-shrink:0}
.user-meta{display:flex;flex-direction:column;min-width:0}
.user-meta strong{font-size:13px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-meta span{color:var(--text-muted);font-size:11px;line-height:1.2}
.dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;min-width:240px;padding:10px;display:none;background:var(--dropdown-bg);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-md)}
.dropdown-menu.show{display:grid;gap:4px}
.dropdown-item{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 14px;border-radius:14px;color:var(--text-soft);text-decoration:none;font-size:14px;font-weight:700}
.dropdown-item:hover{background:var(--surface-alt);color:var(--text)}
.dropdown-item .material-symbols-outlined{font-size:20px;color:var(--primary)}
.nav-inline-icon{font-size:18px;color:var(--text-muted)}
.dropdown-item-warning,.dropdown-item-warning .material-symbols-outlined{color:#a16207!important}
.dropdown-item-danger,.dropdown-item-danger .material-symbols-outlined{color:var(--error)!important}
.dropdown-divider{height:1px;background:var(--border);margin:6px 4px}
.site-footer{margin-top:var(--section-gap);padding:clamp(48px,7vw,72px) 0 clamp(32px,5vw,44px);border-top:1px solid var(--border);background:var(--footer-bg)}
.footer-grid{display:grid;grid-template-columns:minmax(260px,1.2fr) repeat(3,minmax(160px,1fr));gap:28px;align-items:start}
.footer-brand h3,.footer-column h4{margin:0 0 14px;font-size:16px;font-weight:800}
.footer-brand p,.footer-bottom,.footer-column a{color:var(--text-soft);font-size:14px}
.footer-column ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.footer-column a{text-decoration:none}
.footer-column a:hover{color:var(--primary)}
.footer-bottom{margin-top:34px;padding-top:22px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.footer-status{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:13px}
.footer-status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);display:inline-block}
#toast-container{position:fixed;top:24px;right:24px;z-index:4000;display:flex;flex-direction:column;gap:10px;pointer-events:none}
.toast{min-width:280px;padding:14px 16px;display:flex;align-items:center;gap:10px;background:rgba(18,23,37,.96);color:#fff;border-radius:18px;box-shadow:var(--shadow-lg);pointer-events:auto;animation:toastIn .25s ease forwards}
.toast-success{border-left:4px solid var(--success)}
.toast-error{border-left:4px solid var(--error)}
.toast-warning{border-left:4px solid var(--warning)}
.toast-info{border-left:4px solid var(--primary)}
#page-loader{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#5865f2,#8b5cf6);z-index:5000;transition:width .28s ease,opacity .35s ease}
:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 72%,white 28%);outline-offset:3px}
@keyframes toastIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes toastOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes pulse-soft{0%,100%{opacity:1}50%{opacity:.45}}
body.rtl-mode{direction:rtl;text-align:right}
body.rtl-mode .nav-actions,body.rtl-mode .footer-bottom{flex-direction:row-reverse}
body.rtl-mode .dropdown-menu{right:auto;left:0}
@media (max-width:1100px){.navbar{grid-template-columns:auto minmax(0,1fr) auto}.nav-center{justify-content:flex-start}.nav-links{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){:root{--nav-height:64px;--nav-offset:84px}.page-container{width:min(var(--content-max),calc(100% - (var(--page-gutter) * 2)))}.navbar-shell{padding-top:10px}.navbar{grid-template-columns:auto auto;grid-template-areas:"logo actions";width:min(var(--content-max),calc(100% - (var(--page-gutter) * 2)));padding:10px 12px;border-radius:26px}.nav-logo{grid-area:logo;max-width:calc(100vw - 232px)}.mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center}.nav-center{display:none}.nav-center.mobile-open{display:block;position:absolute;left:0;right:0;top:calc(100% + 12px);z-index:15}.nav-links{width:100%;flex-direction:column;align-items:stretch;border-radius:24px;padding:10px;box-shadow:var(--shadow-md)}.nav-link{justify-content:flex-start;min-height:46px}.nav-actions{gap:8px;flex-wrap:wrap}.nav-actions>.btn{width:auto;max-width:none}.theme-switcher{padding:3px}.theme-btn{width:30px;height:30px}.lang-pill{min-width:44px;padding:0 12px}.lang-pill .lang-text,.user-meta,.user-profile-trigger>.material-symbols-outlined{display:none}.dropdown-menu{position:fixed;top:78px;left:var(--page-gutter);right:var(--page-gutter);width:auto;min-width:0}.site-footer{margin-top:72px;padding:56px 0 34px}.footer-grid{grid-template-columns:1fr}#toast-container{top:12px;left:12px;right:12px}.toast{min-width:0;width:100%}}
@media (max-width:560px){.navbar{gap:10px}.nav-logo{font-size:15px}.nav-logo-mark{width:38px;height:38px;border-radius:12px}.nav-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center}.nav-actions>.btn{min-height:42px;padding:0 16px}.user-profile-trigger{padding-right:6px}.dropdown-menu{top:74px}}
@media (max-width:760px){.btn{white-space:normal}.cp-table-wrap,.tbl-wrap{overflow:visible!important}.cp-table-wrap .cp-table,.tbl-wrap table{width:100%!important;min-width:0!important;border-collapse:separate!important;border-spacing:0!important}.cp-table-wrap thead,.tbl-wrap thead{display:none!important}.cp-table-wrap tbody,.tbl-wrap tbody,.cp-table-wrap tbody tr,.tbl-wrap tbody tr{display:block!important;width:100%!important}.cp-table-wrap tbody tr,.tbl-wrap tbody tr{margin-bottom:14px;padding:14px 16px;border:1px solid var(--border)!important;border-radius:16px;background:var(--surface)!important;box-shadow:var(--shadow-sm)}.cp-table-wrap tbody td,.tbl-wrap tbody td{display:flex!important;align-items:flex-start;justify-content:space-between;gap:14px;width:100%!important;padding:10px 0!important;border:none!important;text-align:left!important;white-space:normal!important}.cp-table-wrap tbody td::before,.tbl-wrap tbody td::before{content:attr(data-label);min-width:92px;flex-shrink:0;color:var(--text-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;line-height:1.5}.cp-table-wrap tbody td[colspan],.tbl-wrap tbody td[colspan]{display:block!important;text-align:center!important;padding:18px 8px!important}.cp-table-wrap tbody td[colspan]::before,.tbl-wrap tbody td[colspan]::before{content:none!important}}
html[data-theme="blue"] .home-panel,html[data-theme="blue"] .home-band,html[data-theme="blue"] .home-metric,html[data-theme="blue"] .home-band-item,html[data-theme="blue"] .home-mini-card,html[data-theme="blue"] .home-pill,html[data-theme="blue"] .cmd-pill,html[data-theme="blue"] .cmd-panel,html[data-theme="blue"] .cmd-stat,html[data-theme="blue"] .cmd-filter-shell,html[data-theme="blue"] .cmd-section,html[data-theme="blue"] .cmd-card,html[data-theme="blue"] .cmd-filter-btn,html[data-theme="blue"] .cmd-perm,html[data-theme="blue"] .prem-pill,html[data-theme="blue"] .prem-tag,html[data-theme="blue"] .prem-panel,html[data-theme="blue"] .prem-banner,html[data-theme="blue"] .prem-box,html[data-theme="blue"] .prem-card,html[data-theme="blue"] .prem-empty,html[data-theme="blue"] .stats-pill,html[data-theme="blue"] .stats-panel,html[data-theme="blue"] .stats-card,html[data-theme="blue"] .stats-cta,html[data-theme="blue"] .dash-sidebar,html[data-theme="blue"] .overview-hero-card,html[data-theme="blue"] .overview-section,html[data-theme="blue"] .server-workspace-shell,html[data-theme="blue"] .card,html[data-theme="blue"] .stat-card,html[data-theme="blue"] .intel-card,html[data-theme="blue"] .tbl-wrap,html[data-theme="blue"] .search-wrap,html[data-theme="blue"] .sidebar-server-link,html[data-theme="blue"] .sidebar-server-add,html[data-theme="blue"] .sidebar-pulse,html[data-theme="blue"] .sidebar-link.active,html[data-theme="blue"] .cp-sidebar,html[data-theme="blue"] .cp-guild-header,html[data-theme="blue"] .cp-section-card,html[data-theme="blue"] .cp-status-card,html[data-theme="blue"] .cp-card,html[data-theme="blue"] .cp-table-wrap,html[data-theme="blue"] .osint-search-wrap,html[data-theme="blue"] .osint-tbl-wrap,html[data-theme="black"] .home-panel,html[data-theme="black"] .home-band,html[data-theme="black"] .home-metric,html[data-theme="black"] .home-band-item,html[data-theme="black"] .home-mini-card,html[data-theme="black"] .home-pill,html[data-theme="black"] .cmd-pill,html[data-theme="black"] .cmd-panel,html[data-theme="black"] .cmd-stat,html[data-theme="black"] .cmd-filter-shell,html[data-theme="black"] .cmd-section,html[data-theme="black"] .cmd-card,html[data-theme="black"] .cmd-filter-btn,html[data-theme="black"] .cmd-perm,html[data-theme="black"] .prem-pill,html[data-theme="black"] .prem-tag,html[data-theme="black"] .prem-panel,html[data-theme="black"] .prem-banner,html[data-theme="black"] .prem-box,html[data-theme="black"] .prem-card,html[data-theme="black"] .prem-empty,html[data-theme="black"] .stats-pill,html[data-theme="black"] .stats-panel,html[data-theme="black"] .stats-card,html[data-theme="black"] .stats-cta,html[data-theme="black"] .dash-sidebar,html[data-theme="black"] .overview-hero-card,html[data-theme="black"] .overview-section,html[data-theme="black"] .server-workspace-shell,html[data-theme="black"] .card,html[data-theme="black"] .stat-card,html[data-theme="black"] .intel-card,html[data-theme="black"] .tbl-wrap,html[data-theme="black"] .search-wrap,html[data-theme="black"] .sidebar-server-link,html[data-theme="black"] .sidebar-server-add,html[data-theme="black"] .sidebar-pulse,html[data-theme="black"] .sidebar-link.active,html[data-theme="black"] .cp-sidebar,html[data-theme="black"] .cp-guild-header,html[data-theme="black"] .cp-section-card,html[data-theme="black"] .cp-status-card,html[data-theme="black"] .cp-card,html[data-theme="black"] .cp-table-wrap,html[data-theme="black"] .osint-search-wrap,html[data-theme="black"] .osint-tbl-wrap{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:var(--shadow-sm)!important}
html[data-theme="blue"] .home-mini-link,html[data-theme="blue"] .home-stat,html[data-theme="blue"] .home-band-main,html[data-theme="blue"] .home-band-side,html[data-theme="blue"] .cmd-detail-box,html[data-theme="blue"] .cmd-filter-meta,html[data-theme="blue"] .prem-select,html[data-theme="blue"] .stats-panel-icon,html[data-theme="blue"] .sidebar-link-icon,html[data-theme="blue"] .sidebar-user-node-inner,html[data-theme="blue"] .overview-meta-chip,html[data-theme="blue"] .overview-action,html[data-theme="blue"] .user-web-tab,html[data-theme="blue"] .nav-icon,html[data-theme="black"] .home-mini-link,html[data-theme="black"] .home-stat,html[data-theme="black"] .home-band-main,html[data-theme="black"] .home-band-side,html[data-theme="black"] .cmd-detail-box,html[data-theme="black"] .cmd-filter-meta,html[data-theme="black"] .prem-select,html[data-theme="black"] .stats-panel-icon,html[data-theme="black"] .sidebar-link-icon,html[data-theme="black"] .sidebar-user-node-inner,html[data-theme="black"] .overview-meta-chip,html[data-theme="black"] .overview-action,html[data-theme="black"] .user-web-tab,html[data-theme="black"] .nav-icon{background:var(--surface-alt)!important;border-color:var(--border)!important;color:var(--text)!important}
html[data-theme="blue"] .overview-banner,html[data-theme="black"] .overview-banner{background:linear-gradient(135deg,var(--primary-soft),rgba(88,101,242,.16))!important}
html[data-theme="blue"] .overview-banner::after,html[data-theme="black"] .overview-banner::after{background:linear-gradient(180deg,rgba(4,8,18,.12),rgba(4,8,18,.72))!important}
html[data-theme="blue"] .tbl-wrap thead th,html[data-theme="blue"] .cp-table th,html[data-theme="black"] .tbl-wrap thead th,html[data-theme="black"] .cp-table th{background:var(--surface-alt)!important;color:var(--text-muted)!important;border-bottom-color:var(--border)!important}
html[data-theme="blue"] .home-band-item span,html[data-theme="blue"] .home-mini-card span,html[data-theme="blue"] .home-feed-row span,html[data-theme="blue"] .cmd-card p,html[data-theme="blue"] .prem-card p,html[data-theme="blue"] .stats-card span,html[data-theme="black"] .home-band-item span,html[data-theme="black"] .home-mini-card span,html[data-theme="black"] .home-feed-row span,html[data-theme="black"] .cmd-card p,html[data-theme="black"] .prem-card p,html[data-theme="black"] .stats-card span{color:var(--text-soft)!important}
.legal-title{font-size:42px;font-weight:900;color:var(--text)}
.legal-updated{margin-top:12px;color:var(--text-muted)}
.error-shell{padding:100px 20px;text-align:center}
.error-code{margin:0;font-size:72px;font-weight:900;line-height:1}
.error-code.error-danger{color:var(--error)}
.error-code.error-primary{color:var(--primary)}
.error-code.error-warning{color:var(--warning)}
.error-copy{max-width:620px;margin:14px auto 0;color:var(--text-muted)}
.error-action{margin-top:20px}
@media (max-width:640px){.error-shell{padding:72px 20px}.error-code{font-size:56px}.legal-title{font-size:34px}}

/* ════════════════════════════════════════════════
   GLOBAL VISUAL POLISH — v2
   Stronger contrast, cleaner components
════════════════════════════════════════════════ */

/* Better CSS variables for dark theme (default) */
:root {
    --surface: #0f1c2e;
    --surface-alt: #162235;
    --surface-soft: rgba(255,255,255,0.04);
    --border: #1e3048;
    --text: #edf4ff;
    --text-soft: #8fa9c8;
    --text-muted: #5a7593;
    --shadow-sm: 0 2px 12px rgba(1,6,16,.22);
    --shadow-md: 0 8px 28px rgba(1,6,16,.3);
    --shadow-lg: 0 20px 56px rgba(1,6,16,.42);
    --primary-soft: rgba(88,101,242,.1);
}

/* Better button styles */
.btn {
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: 0.2px !important;
}
.btn-primary {
    background: #5865f2 !important;
    color: #fff !important;
    box-shadow: 0 4px 16px rgba(88,101,242,.28) !important;
    border: none !important;
}
.btn-primary:hover {
    background: #4752c4 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 24px rgba(88,101,242,.34) !important;
}
.btn-outline {
    background: var(--surface) !important;
    border: 1px solid var(--border) !important;
    color: var(--text-soft) !important;
}
.btn-outline:hover {
    background: var(--surface-alt) !important;
    border-color: rgba(88,101,242,.22) !important;
    color: var(--text) !important;
}

/* Cleaner navbar */
.navbar {
    border-radius: 18px !important;
    background: var(--surface) !important;
    border-color: var(--border) !important;
}
.nav-link {
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    min-height: 38px !important;
}
.nav-link.active {
    background: var(--primary-soft) !important;
    color: var(--primary) !important;
}

/* Footer */
.site-footer { border-top-color: var(--border) !important; }
.footer-brand h3 { font-size: 18px !important; font-weight: 900 !important; }
.footer-column h4 { font-size: 13px !important; letter-spacing: 0.5px !important; }
.footer-column a { font-size: 13px !important; }

/* Light theme overrides */
html[data-theme="light"] {
    --surface: #ffffff;
    --surface-alt: #f3f5fb;
    --border: #dde3f0;
    --text: #111827;
    --text-soft: #4b5563;
    --text-muted: #9ca3af;
    --shadow-sm: 0 2px 12px rgba(15,23,42,.06);
    --shadow-md: 0 8px 28px rgba(15,23,42,.1);
}
html[data-theme="light"] .navbar { background: #fff !important; }
html[data-theme="light"] .btn-primary { background: #5865f2 !important; }
html[data-theme="light"] .btn-primary:hover { background: #4752c4 !important; }
html[data-theme="light"] .btn-outline { background: #fff !important; color: #374151 !important; }

/* Black theme */
html[data-theme="black"] {
    --surface: #111111;
    --surface-alt: #1a1a1a;
    --border: #242424;
    --text: #f5f5f5;
    --text-soft: #a0a0a0;
    --text-muted: #666;
}

/* Mobile nav */
@media (max-width: 760px) {
    .navbar { border-radius: 20px !important; }
    .nav-links { border-radius: 18px !important; }
}

/* Smooth page transitions */
.cp-pane { animation: paneIn 0.28s ease !important; }
@keyframes paneIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ════════════════════════════════════════════════
   GLOBAL VISUAL v3 — MEE6 / Carl-bot Inspired
   Floating nav, stronger active states, refined
════════════════════════════════════════════════ */

/* ── Floating Navbar (Dyno/Carl-bot style) ── */
.navbar-shell {
    padding: clamp(12px,2vw,18px) 0 0 !important;
}
.navbar {
    border-radius: 20px !important;
    background: var(--surface) !important;
    border: 1px solid var(--border) !important;
    box-shadow: 0 8px 32px rgba(1,6,16,.32), 0 1px 0 rgba(255,255,255,.04) inset !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

/* ── Nav links container ── */
.nav-links {
    gap: 4px !important;
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    padding: 4px !important;
    border-radius: 999px !important;
}

/* ── Nav link default ── */
.nav-link {
    min-height: 36px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 999px !important;
    transition: background 0.18s ease, color 0.18s ease !important;
    color: var(--text-soft) !important;
}
.nav-link:hover {
    background: rgba(255,255,255,.06) !important;
    color: var(--text) !important;
    box-shadow: none !important;
}

/* ── Active nav link — Discord purple pill (Carl-bot style) ── */
.nav-link.active {
    background: var(--primary) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(88,101,242,.35) !important;
    font-weight: 800 !important;
}

/* ── Light theme nav overrides ── */
html[data-theme="light"] .nav-links {
    background: rgba(15,23,42,.04) !important;
    border-color: rgba(15,23,42,.08) !important;
}
html[data-theme="light"] .nav-link:hover {
    background: rgba(15,23,42,.06) !important;
}
html[data-theme="light"] .nav-link.active {
    background: var(--primary) !important;
    color: #fff !important;
}

/* ── Better user dropdown ── */
.user-profile-trigger {
    border-radius: 999px !important;
    padding: 4px 12px 4px 4px !important;
    gap: 8px !important;
    background: var(--surface-alt) !important;
    border: 1px solid var(--border) !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}
.user-profile-trigger:hover {
    border-color: rgba(88,101,242,.3) !important;
    box-shadow: 0 0 0 3px rgba(88,101,242,.1) !important;
}
.user-avatar, .user-avatar-fallback {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
}
.dropdown-menu {
    border-radius: 18px !important;
    border: 1px solid var(--border) !important;
    background: var(--surface) !important;
    box-shadow: 0 16px 48px rgba(1,6,16,.42) !important;
    padding: 8px !important;
    min-width: 220px !important;
}
.dropdown-item {
    border-radius: 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    min-height: 42px !important;
    padding: 0 12px !important;
}
.dropdown-item:hover {
    background: var(--surface-alt) !important;
    color: var(--text) !important;
}

/* ── Better buttons (MEE6-style primary) ── */
.btn-primary {
    background: linear-gradient(135deg, #5865f2, #7b5ea7) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 18px rgba(88,101,242,.32) !important;
    letter-spacing: 0.3px !important;
}
.btn-primary:hover {
    background: linear-gradient(135deg, #4752c4, #6a4f96) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 28px rgba(88,101,242,.42) !important;
}
.btn-primary:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(88,101,242,.24) !important;
}

/* ── Footer clean-up ── */
.site-footer {
    background: transparent !important;
    border-top: 1px solid var(--border) !important;
    padding: clamp(40px,6vw,64px) 0 clamp(28px,4vw,40px) !important;
}
.footer-brand p { font-size: 13px !important; line-height: 1.8 !important; color: var(--text-muted) !important; }
.footer-column ul { gap: 8px !important; }
.footer-column a {
    font-size: 13px !important;
    color: var(--text-muted) !important;
    transition: color 0.18s ease !important;
}
.footer-column a:hover { color: var(--primary) !important; }
.footer-status-dot {
    box-shadow: 0 0 0 4px rgba(34,197,94,.15) !important;
    animation: statusPulse 2.4s ease-in-out infinite !important;
}
@keyframes statusPulse {
    0%, 100% { box-shadow: 0 0 0 4px rgba(34,197,94,.15); }
    50% { box-shadow: 0 0 0 7px rgba(34,197,94,.06); }
}

/* ── Page loader bar ── */
#page-loader {
    height: 3px !important;
    background: linear-gradient(90deg, #5865f2, #a78bfa, #60a5fa) !important;
    background-size: 200% 100% !important;
    animation: shimmer 1.4s linear infinite !important;
}
@keyframes shimmer {
    from { background-position: 200% 0; }
    to   { background-position: -200% 0; }
}

/* ── Toast improvements ── */
.toast {
    background: var(--surface) !important;
    border: 1px solid var(--border) !important;
    border-radius: 14px !important;
    color: var(--text) !important;
    box-shadow: 0 12px 36px rgba(1,6,16,.42) !important;
}
.toast-success { border-left: 4px solid var(--success) !important; }
.toast-error { border-left: 4px solid var(--error) !important; }
.toast-warning { border-left: 4px solid var(--warning) !important; }
.toast-info { border-left: 4px solid var(--primary) !important; }

/* ── Smooth scroll & selection color ── */
::selection { background: rgba(88,101,242,.25); color: var(--text); }