@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-CHSlOQsW.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DMtmJ5ZE.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-Dm3htQBi.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #07080a;--dashboard-bg: #07080a;--fg: #f8fafc;--fg-secondary: #94a3b8;--fg-muted: #64748b;--color-surface-low: #0f172a;--color-surface-mid: #141b2d;--color-surface-high: #1e293b;--color-accent: #3b82f6;--color-accent-dim: rgba(59, 130, 246, .1);--color-success: #10b981;--color-danger: #ef4444;--border-tactical: rgba(255, 255, 255, .08);--accent-color: var(--color-accent);--card-bg: var(--color-surface-mid);--border-color: var(--border-tactical);--input-bg: rgba(0, 0, 0, .2);--link-color: var(--color-accent);--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--glass-blur: blur(20px) saturate(180%);--glass-border: var(--border-tactical);--glass-bg: rgba(15, 23, 42, .6);--glass-bg-elevated: rgba(30, 41, 59, .8)}[data-theme=light]{--bg: #07080a !important;--fg: #f8fafc !important}html,body{margin:0;padding:0;min-height:100vh;background-color:var(--bg);color:var(--fg);font-family:Geist Variable,Inter,sans-serif;overflow-x:hidden;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}.app-layout-modern{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(circle at 50% 0%,#1e293b,#020617);position:relative;z-index:1}.app-layout-modern:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:.4;background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px);background-size:24px 24px}.main-content-viewport{width:100%;max-width:1440px;margin:0 auto;min-width:0;padding:var(--space-lg);box-sizing:border-box;position:relative}.main-view-modern{flex:1;width:100%;margin-left:0;padding-top:64px;min-height:100vh;transition:all .3s ease;box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-high);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}*{box-sizing:border-box;outline-color:var(--accent-color)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:600;color:var(--fg)}p{margin-top:0;margin-bottom:1rem;color:var(--fg)}img,svg{max-width:100%;height:auto!important;display:block}.themeSongPlayerYouTubeIcon{width:28px!important;height:auto!important}.glass-tile{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px;padding:var(--space-md);position:relative;overflow:visible;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #ffffff0d;transition:all .4s cubic-bezier(.4,0,.2,1);isolation:isolate}.glass-tile:after{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,transparent 100%);border-radius:inherit;pointer-events:none;z-index:-1}.glass-tile:hover{transform:translateY(-4px) scale(1.005);background:var(--glass-bg-elevated);border-color:rgba(var(--color-accent),.5);box-shadow:0 20px 60px #0009,0 0 20px var(--color-accent-dim)}.glass-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:0;transition:opacity .3s,transform .5s;pointer-events:none}.glass-tile:hover:before{opacity:.6;transform:scaleX(1.1)}.text-glow{color:var(--accent-color);text-shadow:0 0 15px rgba(59,130,246,.4);letter-spacing:.02em}.interactive-node{transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.05);cursor:pointer;background:#0003;border-radius:8px;padding:16px}.interactive-node:hover{transform:translateY(-3px);box-shadow:0 15px 30px -10px #0009,0 0 20px -5px #3b82f666}.btn-tactical{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;border-radius:6px;border:1px solid var(--border-tactical);cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;background:var(--color-surface-high);color:var(--fg)}.btn-tactical:hover:not(:disabled){background:var(--color-surface-mid);border-color:var(--color-accent);transform:translateY(-1px)}.btn-tactical:active:not(:disabled){transform:translateY(0)}.btn-tactical:disabled{opacity:.5;cursor:not-allowed}.btn-tactical.variant-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn-tactical.variant-outline{background:transparent;border-color:var(--border-tactical)}.btn-tactical.variant-ghost{background:transparent;border-color:transparent}.btn-tactical.variant-danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-tactical.size-sm{padding:.25rem .5rem;font-size:.75rem}.btn-tactical.size-lg{padding:.75rem 1.5rem;font-size:1rem}.interactive-node.selected{transform:translateY(-3px);border:1px solid var(--color-accent);background:#0f172acc;box-shadow:0 15px 30px -10px #000c,0 0 30px #3b82f64d,inset 0 0 15px #3b82f61a}.residence-cross-layout{display:flex;flex-wrap:wrap;gap:var(--space-lg);width:100%;margin:0 auto}.profile-grid{display:flex;flex-wrap:wrap;gap:var(--space-md);width:100%}@media (min-width: 1200px){.profile-grid{display:grid;grid-template-columns:2fr 1fr;align-items:start}}.grid-column-main,.grid-column-side{display:flex;flex-direction:column;gap:var(--space-md)}@media (max-width: 1024px){.main-view-modern{padding:80px 1rem 120px}.profile-grid{grid-template-columns:1fr}}.top-navbar{position:fixed;top:0;left:0;right:0;height:64px;background:#0f172ab3;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-tactical);z-index:2000;display:flex;align-items:center;box-shadow:0 4px 30px #00000080}.navbar-container{width:100%;max-width:1440px;margin:0 auto;padding:0 var(--space-md);display:flex;align-items:center;justify-content:space-between;height:100%}.navbar-left{display:flex;align-items:center;gap:var(--space-md);flex:1}.logo-link{display:flex;align-items:center;gap:var(--space-xs);text-decoration:none;color:var(--fg)}.navbar-logo-icon{width:32px;height:32px;color:var(--color-accent);filter:drop-shadow(0 0 8px var(--color-accent-dim))}.navbar-brand{font-size:1.2rem;font-weight:900;letter-spacing:.1em;background:linear-gradient(to bottom,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.navbar-status-badge{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#0000004d;border:1px solid var(--border-tactical);border-radius:4px;font-family:monospace;font-size:.65rem;font-weight:800;letter-spacing:.05em;color:var(--fg-muted)}.status-dot.online{width:6px;height:6px;background:var(--color-success);border-radius:50%;box-shadow:0 0 8px var(--color-success)}.navbar-center{display:flex;align-items:center;gap:var(--space-xs);flex:2;justify-content:center}.nav-link{display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--fg-secondary);text-decoration:none;font-size:.85rem;font-weight:600;border-radius:6px;transition:all .2s ease;white-space:nowrap}.nav-link:hover{background:#ffffff0d;color:var(--fg)}.nav-link.active{background:var(--color-accent-dim);color:var(--color-accent)}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;color:var(--fg-secondary);cursor:pointer;font-size:.85rem;font-weight:600;border-radius:6px;transition:all .2s ease;white-space:nowrap}.nav-dropdown:hover .nav-dropdown-trigger{background:#ffffff0d;color:var(--fg)}.nav-dropdown.active .nav-dropdown-trigger{color:var(--color-accent)}.chevron{transition:transform .2s ease;opacity:.5}.chevron.open{transform:rotate(180deg);opacity:1}.nav-dropdown-menu{position:absolute;top:100%;left:0;min-width:220px;background:var(--color-surface-mid);border:1px solid var(--border-tactical);border-top:2px solid var(--color-accent);border-radius:0 0 8px 8px;box-shadow:0 10px 30px #0009;padding:8px;opacity:0;transform:translateY(10px);pointer-events:none;transition:all .2s ease;z-index:1000}.nav-dropdown-menu.open{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-title{font-size:.65rem;font-weight:800;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;padding:8px 12px;border-bottom:1px solid var(--border-tactical);margin-bottom:8px}.dropdown-section-title{font-size:.6rem;font-weight:800;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;padding:8px 12px 4px}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--fg-secondary);text-decoration:none;font-size:.85rem;font-weight:500;border-radius:4px;transition:all .15s ease;width:100%;border:none;background:transparent;text-align:left;cursor:pointer}.dropdown-item:hover{background:var(--color-surface-high);color:var(--fg);padding-left:16px}.dropdown-separator{height:1px;background:var(--border-tactical);margin:6px 0}.admin-link:hover{color:#818cf8}.mod-link:hover{color:#f87171}.logout-btn:hover{color:var(--color-danger)}.navbar-right{display:flex;align-items:center;gap:var(--space-sm);flex:1;justify-content:flex-end}.action-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--fg-secondary);background:transparent;border:1px solid transparent;cursor:pointer;position:relative;transition:all .2s ease}.action-btn:hover{background:#ffffff0d;color:var(--fg);border-color:var(--border-tactical)}.unread-badge{position:absolute;top:6px;right:6px;background:var(--color-danger);color:#fff;font-size:.6rem;font-weight:900;padding:2px 4px;border-radius:4px;min-width:16px;text-align:center;border:2px solid var(--color-surface-mid)}.mobile-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;color:var(--fg);background:transparent;border:none;cursor:pointer}@media (max-width: 1024px){.navbar-center{display:none}.navbar-left{flex:1}.navbar-right{flex:0}.mobile-toggle{display:flex}.navbar-brand{font-size:1rem}.navbar-status-badge{display:none}}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:3000}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--color-surface-low);border-right:1px solid var(--border-tactical);z-index:3001;display:flex;flex-direction:column;box-shadow:20px 0 60px #000000e6;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.drawer-header{padding:24px 20px;border-bottom:1px solid var(--border-tactical);background:linear-gradient(to bottom,rgba(59,130,246,.1),transparent)}.drawer-logo{margin-bottom:16px}.logo-text{font-size:.9rem;font-weight:900;letter-spacing:.15em;color:var(--color-accent);text-transform:uppercase}.drawer-user-info{display:flex;flex-direction:column}.user-label{font-size:.6rem;font-weight:800;color:var(--fg-muted);letter-spacing:.1em;margin-bottom:4px}.user-name{font-size:1.1rem;font-weight:900;color:#fff}.drawer-scroll-area{flex:1;overflow-y:auto;padding:20px 0}.drawer-section{margin-bottom:24px}.drawer-section-title{font-size:.65rem;font-weight:800;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;padding:0 20px;margin-bottom:12px;opacity:.8}.drawer-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--fg-secondary);text-decoration:none;font-size:.9rem;font-weight:600;transition:all .2s ease;position:relative}.drawer-link:hover{background:var(--color-surface-mid);color:var(--fg)}.drawer-link.active{background:var(--color-accent-dim);color:var(--color-accent)}.active-dot{position:absolute;right:20px;width:6px;height:6px;background:var(--color-accent);border-radius:50%;box-shadow:0 0 8px var(--color-accent)}.drawer-footer{padding:20px;border-top:1px solid var(--border-tactical)}.drawer-logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease}.drawer-logout-btn:hover{background:#ef444433;transform:translateY(-2px)}