:root{--color-bg:#081425;--color-bg-elevated:#152031;--color-text:#d8e3fb;--color-text-muted:#c2c6d6;--color-text-dim:#8c909f;--surface-lowest:#040e1f;--surface-low:#111c2d;--surface:#152031;--surface-high:#1f2a3c;--surface-highest:#2a3548;--surface-bright:#2f3a4c;--color-primary:#adc6ff;--color-primary-container:#4d8eff;--color-on-primary:#002e6a;--color-on-primary-container:#00285d;--color-action:#3b82f6;--color-action-hover:#2563eb;--color-on-action:#fff;--color-secondary:#bdc2ff;--color-secondary-container:#2f3aa3;--color-on-secondary:#131e8c;--color-tertiary:#bec6e0;--color-tertiary-container:#8990a8;--color-on-tertiary:#283044;--color-on-tertiary-container:#22293d;--color-error:#ffb4ab;--color-error-container:#93000a;--color-on-error:#690005;--color-on-error-container:#ffdad6;--color-success:#86efac;--color-success-container:#14532d;--color-on-success:#052e16;--color-on-success-container:#bbf7d0;--color-warning:#fde68a;--color-warning-container:#713f12;--color-on-warning:#422006;--color-on-warning-container:#fef3c7;--color-border:#ffffff0f;--color-border-strong:#ffffff1a;--color-border-muted:#ffffff0d;--color-outline:#8c909f;--surface-dim:#081425;--inverse-surface:#d8e3fb;--inverse-on-surface:#263143;--inverse-primary:#005ac2;--sidebar-bg:#0b1322;--sidebar-width:256px;--sidebar-active:#3b82f6;--sidebar-text:#94a3b8;--sidebar-text-hover:#e2e8f0;--header-height:64px;--header-bg:#0f172acc;--glass-bg:#1e293bb3;--glass-bg-hover:#1e293bd9;--glass-border:#ffffff0f;--glass-blur:12px;--font-family:"Inter", system-ui, sans-serif;--text-display-size:36px;--text-display-weight:600;--text-display-line:1.2;--text-display-spacing:-.02em;--text-h1-size:24px;--text-h1-weight:600;--text-h1-line:1.3;--text-h1-spacing:-.015em;--text-h2-size:20px;--text-h2-weight:600;--text-h2-line:1.4;--text-h2-spacing:-.01em;--text-body-lg-size:16px;--text-body-lg-weight:400;--text-body-lg-line:1.6;--text-body-lg-spacing:-.005em;--text-body-md-size:14px;--text-body-md-weight:400;--text-body-md-line:1.6;--text-body-md-spacing:0em;--text-label-caps-size:12px;--text-label-caps-weight:600;--text-label-caps-line:1;--text-label-caps-spacing:.05em;--text-code-size:13px;--text-code-weight:400;--text-code-line:1.5;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-container:32px;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-glow:0 0 20px #3b82f626}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-body-md-size);font-weight:var(--text-body-md-weight);line-height:var(--text-body-md-line);letter-spacing:var(--text-body-md-spacing);margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--surface-highest);border-radius:10px}.text-display{font-size:var(--text-display-size);font-weight:var(--text-display-weight);line-height:var(--text-display-line);letter-spacing:var(--text-display-spacing)}.text-h1{font-size:var(--text-h1-size);font-weight:var(--text-h1-weight);line-height:var(--text-h1-line);letter-spacing:var(--text-h1-spacing)}.text-h2{font-size:var(--text-h2-size);font-weight:var(--text-h2-weight);line-height:var(--text-h2-line);letter-spacing:var(--text-h2-spacing)}.text-body-lg{font-size:var(--text-body-lg-size);font-weight:var(--text-body-lg-weight);line-height:var(--text-body-lg-line);letter-spacing:var(--text-body-lg-spacing)}.text-body-md{font-size:var(--text-body-md-size);font-weight:var(--text-body-md-weight);line-height:var(--text-body-md-line);letter-spacing:var(--text-body-md-spacing)}.text-label-caps{font-size:var(--text-label-caps-size);font-weight:var(--text-label-caps-weight);line-height:var(--text-label-caps-line);letter-spacing:var(--text-label-caps-spacing);text-transform:uppercase}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.glass-hover:hover{background:var(--glass-bg-hover)}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.mask-gradient-edge{-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%)}.active-tab-indicator{box-shadow:0 0 15px #3b82f64d}.bento-grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.bento-grid{grid-template-columns:1fr}}.sidebar.svelte-12qhfyh{height:100vh;width:var(--sidebar-width);z-index:50;-webkit-backdrop-filter:blur(20px);padding:var(--space-lg) 0;background:#0f172acc;border-right:1px solid #ffffff0d;flex-direction:column;display:flex;position:fixed;top:0;left:0;box-shadow:0 0 40px #0000004d}.sidebar-brand.svelte-12qhfyh{align-items:center;gap:var(--space-sm);padding:0 var(--space-lg);margin-bottom:var(--space-xl);display:flex}.sidebar-logo.svelte-12qhfyh{border-radius:var(--radius-md);background:var(--color-primary);color:#002e6a;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;display:flex}.sidebar-title.svelte-12qhfyh{color:#fff;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700;line-height:1.2}.sidebar-subtitle.svelte-12qhfyh{color:#64748b;text-transform:uppercase;letter-spacing:.1em;margin:2px 0 0;font-size:10px;font-weight:500}.sidebar-nav.svelte-12qhfyh{padding:0 var(--space-sm);flex-direction:column;flex:1;gap:2px;display:flex}.nav-item.svelte-12qhfyh{align-items:center;gap:var(--space-sm);padding:10px var(--space-sm);color:var(--sidebar-text);font-size:var(--text-body-md-size);font-weight:500;font-family:var(--font-family);border-radius:var(--radius-md);border-left:4px solid #0000;text-decoration:none;transition:color .2s,background-color .2s;display:flex}.nav-item.svelte-12qhfyh:hover{color:var(--sidebar-text-hover);background:#ffffff0d}.nav-active.svelte-12qhfyh{color:var(--sidebar-active);border-left-color:var(--sidebar-active);background:#3b82f61a}.nav-active.svelte-12qhfyh .material-symbols-outlined:where(.svelte-12qhfyh){color:var(--sidebar-active)}.sidebar-footer.svelte-12qhfyh{padding-top:var(--space-sm);padding-left:var(--space-sm);padding-right:var(--space-sm);border-top:1px solid #ffffff0d;margin-top:auto}.sidebar-logout.svelte-12qhfyh{align-items:center;gap:var(--space-sm);width:100%;padding:10px var(--space-sm);color:var(--sidebar-text);cursor:pointer;font-size:var(--text-body-md-size);font-weight:500;font-family:var(--font-family);border-radius:var(--radius-md);background:0 0;border:none;border-left:4px solid #0000;transition:color .2s;display:flex}.sidebar-logout.svelte-12qhfyh:hover{color:var(--color-error)}.topbar.svelte-12qhfyh{top:0;right:0;left:var(--sidebar-width);height:var(--header-height);z-index:40;-webkit-backdrop-filter:blur(12px);padding:0 var(--space-container);background:#0f172ab3;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex;position:fixed}.topbar-left.svelte-12qhfyh{flex:1;max-width:400px}.topbar-search.svelte-12qhfyh{width:100%;position:relative}.search-icon.svelte-12qhfyh{color:var(--color-text-dim);font-size:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input.svelte-12qhfyh{width:100%;padding:8px var(--space-md) 8px 40px;border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-body-md-size);font-family:var(--font-family);background:#0f172acc;border:1px solid #ffffff14;transition:border-color .2s}.search-input.svelte-12qhfyh::placeholder{color:var(--color-text-dim)}.search-input.svelte-12qhfyh:focus{border-color:#3b82f6;outline:none}.topbar-right.svelte-12qhfyh{align-items:center;gap:var(--space-sm);display:flex}.icon-btn.svelte-12qhfyh{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:color .2s,background .2s;display:flex}.icon-btn.svelte-12qhfyh:hover{color:var(--color-text);background:#ffffff0d}.icon-btn.svelte-12qhfyh .material-symbols-outlined:where(.svelte-12qhfyh){font-size:22px}.lang-popup.svelte-12qhfyh{position:relative}.popup-dropdown.svelte-12qhfyh{background:var(--surface-high);border-radius:var(--radius-md);z-index:60;min-width:220px;padding:var(--space-xs);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff1a;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 30px #00000080}.lang-dropdown.svelte-12qhfyh{min-width:180px}.popup-item.svelte-12qhfyh{align-items:center;gap:var(--space-sm);width:100%;padding:10px var(--space-md);color:var(--color-text-muted);font-size:var(--text-body-md-size);font-family:var(--font-family);cursor:pointer;border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;transition:all .15s;display:flex}.popup-item.svelte-12qhfyh:hover{color:var(--color-text);background:#ffffff0d}.popup-item.active.svelte-12qhfyh{color:var(--color-text);background:#3b82f61a}.main-content.svelte-12qhfyh{margin-left:var(--sidebar-width);padding-top:var(--header-height);padding:var(--header-height) var(--space-container) var(--space-container) var(--space-container);min-height:100vh}.hamburger-btn.svelte-12qhfyh{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:none}.hamburger-btn.svelte-12qhfyh:hover{color:var(--color-text);background:#ffffff0d}.hamburger-btn.svelte-12qhfyh .material-symbols-outlined:where(.svelte-12qhfyh){font-size:24px}.sidebar-backdrop.svelte-12qhfyh{z-index:45;background:#00000080;display:none;position:fixed;inset:0}@media (width<=767px){.hamburger-btn.svelte-12qhfyh{display:flex}.sidebar-backdrop.svelte-12qhfyh{display:block}.sidebar.svelte-12qhfyh{transition:transform .25s;transform:translate(-100%)}.sidebar.sidebar-visible.svelte-12qhfyh{transform:translate(0)}.topbar.svelte-12qhfyh{padding:0 var(--space-md);left:0}.main-content.svelte-12qhfyh{padding:var(--header-height) var(--space-md) var(--space-md);margin-left:0}}