:root{--accent:#0070f3;--border:#e0e0e0;--background:#0f172a;--surface:#1e293b;--text:#f8fafc}*{box-sizing:border-box}body,html{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);background-attachment:fixed;color:var(--text);overflow-x:hidden}.app-layout{display:flex;min-height:100vh;position:relative}.mobile-menu-toggle{position:fixed;top:1rem;left:1rem;z-index:10000;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--glass-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:12px;color:var(--glass-text-primary);cursor:pointer;transition:var(--glass-transition);box-shadow:var(--glass-shadow)}.mobile-menu-toggle:hover{background:var(--glass-surface-light);transform:scale(1.05)}@media (min-width:1024px){.mobile-menu-toggle{display:none}}.main-content-glass{flex:1 1;margin-left:0;transition:margin-left .4s cubic-bezier(.23,1,.32,1);position:relative;min-height:100vh}@media (min-width:1024px){.main-content-glass{margin-left:280px}}.logo,.main-content,.main-header,.nav-container,.nav-links{display:none}.nav-links a{color:var(--foreground);text-decoration:none;font-size:.9rem;padding:.5rem .75rem;border-radius:4px;transition:all .15s ease}.nav-links a:hover{background:var(--accent);color:var(--foreground)}.main-content{min-height:calc(100vh - 60px)}@custom-variant dark (&:is(.dark *));:root{--font-size:16px;--background:#ffffff;--foreground:oklch(0.145 0 0);--card:#ffffff;--card-foreground:oklch(0.145 0 0);--popover:oklch(1 0 0);--popover-foreground:oklch(0.145 0 0);--primary:#030213;--primary-foreground:oklch(1 0 0);--secondary:oklch(0.95 0.0058 264.53);--secondary-foreground:#030213;--muted:#ececf0;--muted-foreground:#717182;--accent:#e9ebef;--accent-foreground:#030213;--destructive:#d4183d;--destructive-foreground:#ffffff;--border:rgba(0,0,0,0.1);--input:transparent;--input-background:#f3f3f5;--switch-background:#cbced4;--font-weight-medium:500;--font-weight-normal:400;--ring:oklch(0.708 0 0);--chart-1:oklch(0.646 0.222 41.116);--chart-2:oklch(0.6 0.118 184.704);--chart-3:oklch(0.398 0.07 227.392);--chart-4:oklch(0.828 0.189 84.429);--chart-5:oklch(0.769 0.188 70.08);--radius:0.625rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--sidebar:oklch(0.985 0 0);--sidebar-foreground:oklch(0.145 0 0);--sidebar-primary:#030213;--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.97 0 0);--sidebar-accent-foreground:oklch(0.205 0 0);--sidebar-border:oklch(0.922 0 0);--sidebar-ring:oklch(0.708 0 0)}.dark{--background:oklch(0.145 0 0);--foreground:oklch(0.985 0 0);--card:oklch(0.145 0 0);--card-foreground:oklch(0.985 0 0);--popover:oklch(0.145 0 0);--popover-foreground:oklch(0.985 0 0);--primary:oklch(0.985 0 0);--primary-foreground:oklch(0.205 0 0);--secondary:oklch(0.269 0 0);--secondary-foreground:oklch(0.985 0 0);--muted:oklch(0.269 0 0);--muted-foreground:oklch(0.708 0 0);--accent:oklch(0.269 0 0);--accent-foreground:oklch(0.985 0 0);--destructive:oklch(0.396 0.141 25.723);--destructive-foreground:oklch(0.637 0.237 25.331);--border:oklch(0.269 0 0);--input:oklch(0.269 0 0);--ring:oklch(0.439 0 0);--chart-1:oklch(0.488 0.243 264.376);--chart-2:oklch(0.696 0.17 162.48);--chart-3:oklch(0.769 0.188 70.08);--chart-4:oklch(0.627 0.265 303.9);--chart-5:oklch(0.645 0.246 16.439);--sidebar:oklch(0.205 0 0);--sidebar-foreground:oklch(0.985 0 0);--sidebar-primary:oklch(0.488 0.243 264.376);--sidebar-primary-foreground:oklch(0.985 0 0);--sidebar-accent:oklch(0.269 0 0);--sidebar-accent-foreground:oklch(0.985 0 0);--sidebar-border:oklch(0.269 0 0);--sidebar-ring:oklch(0.439 0 0)}html{font-size:var(--font-size)}body{background-color:var(--background);color:var(--foreground);font-weight:var(--font-weight-normal);line-height:1.5}h1{font-size:1.875rem}h1,h2{font-weight:var(--font-weight-medium);line-height:1.5}h2{font-size:1.5rem}h3{font-size:1.125rem}h3,h4{font-weight:var(--font-weight-medium);line-height:1.5}h4{font-size:1rem}p{font-weight:var(--font-weight-normal)}label,p{font-size:1rem;line-height:1.5}button,label{font-weight:var(--font-weight-medium)}button{font-size:.875rem;line-height:1.5;border-radius:var(--radius-md);transition:all .15s ease;outline:none}button:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px oklch(from var(--ring) l c h/.5)}button:disabled{pointer-events:none;opacity:.5;cursor:not-allowed}input,select,textarea{font-size:1rem;font-weight:var(--font-weight-normal);line-height:1.5;background-color:var(--input-background);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-md);padding:.5rem .75rem;transition:all .15s ease;outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px oklch(from var(--ring) l c h/.5)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--destructive);box-shadow:0 0 0 3px oklch(from var(--destructive) l c h/.2)}.dark input[aria-invalid=true],.dark select[aria-invalid=true],.dark textarea[aria-invalid=true]{box-shadow:0 0 0 3px oklch(from var(--destructive) l c h/.4)}.card{background-color:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.text-muted{color:var(--muted-foreground)}.text-destructive{color:var(--destructive)}.bg-primary{background-color:var(--primary);color:var(--primary-foreground)}.bg-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.bg-destructive{background-color:var(--destructive);color:var(--destructive-foreground)}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.border-destructive{border-color:var(--destructive)}.focus-ring{outline:none;transition:all .15s ease}.focus-ring:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px oklch(from var(--ring) l c h/.5)}@media (prefers-reduced-motion:no-preference){*{scroll-behavior:smooth}}::selection{background-color:var(--primary);color:var(--primary-foreground)}:root{--glass-primary:rgba(30,58,138,0.15);--glass-secondary:rgba(59,130,246,0.1);--glass-accent:rgba(147,197,253,0.2);--glass-surface:rgba(15,23,42,0.8);--glass-surface-light:rgba(30,41,59,0.6);--glass-border:rgba(148,163,184,0.2);--glass-border-light:rgba(203,213,225,0.3);--glass-text-primary:rgba(248,250,252,0.95);--glass-text-secondary:rgba(203,213,225,0.8);--glass-text-muted:rgba(148,163,184,0.7);--glass-text-accent:rgba(147,197,253,1);--glass-success:rgba(34,197,94,0.8);--glass-warning:rgba(251,191,36,0.8);--glass-error:rgba(239,68,68,0.8);--glass-backdrop:rgba(15,23,42,0.4);--glass-shadow:0 8px 32px rgba(0,0,0,0.37);--glass-shadow-lg:0 20px 64px rgba(0,0,0,0.5);--glass-inner-shadow:inset 0 1px 0 rgba(255,255,255,0.1);--glass-blur:12px;--glass-blur-strong:20px;--glass-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--glass-transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1)}.glass-effect{background:var(--glass-surface);border:1px solid var(--glass-border)}.glass-effect,.glass-effect-light{backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--glass-shadow),var(--glass-inner-shadow)}.glass-effect-light{background:var(--glass-surface-light);border:1px solid var(--glass-border-light)}.glass-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--glass-backdrop);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;opacity:0;animation:fade-in .3s ease-out forwards}@keyframes fade-in{to{opacity:1}}.glass-sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;background:linear-gradient(135deg,var(--glass-primary) 0,var(--glass-surface) 50%,var(--glass-secondary) 100%);backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));border-right:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg);z-index:9999;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .4s cubic-bezier(.23,1,.32,1)}.glass-sidebar.open{transform:translateX(0)}.glass-sidebar.closed{transform:translateX(-100%)}@media (min-width:1024px){.glass-sidebar{position:relative;transform:translateX(0)}.glass-sidebar.closed{width:80px;transform:translateX(0)}.glass-backdrop{display:none}}.glass-sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--glass-accent) 0,transparent 100%)}.glass-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--glass-text-primary);transition:var(--glass-transition-fast)}.glass-logo:hover{transform:translateY(-1px)}.logo-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,var(--glass-text-accent) 0,rgba(147,197,253,.6) 100%);border-radius:12px;border:1px solid var(--glass-border-light);box-shadow:0 4px 16px rgba(147,197,253,.3)}.logo-text h1{font-size:1.25rem;font-weight:700;margin:0;background:linear-gradient(135deg,var(--glass-text-primary) 0,var(--glass-text-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-text span{font-size:.75rem;color:var(--glass-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.sidebar-toggle{display:block;background:none;border:none;color:var(--glass-text-secondary);font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:var(--glass-transition-fast)}.sidebar-toggle:hover{background:var(--glass-surface-light);color:var(--glass-text-primary)}@media (min-width:1024px){.sidebar-toggle{display:none}}.glass-nav{flex:1 1;padding:1rem 0;overflow-y:auto}.nav-section{margin-bottom:2rem}.nav-section-title{font-size:.75rem;font-weight:600;color:var(--glass-text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .75rem 1rem}.nav-list{list-style:none;margin:0;padding:0}.nav-item{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:.25rem .5rem;border-radius:12px;text-decoration:none;color:var(--glass-text-secondary);transition:var(--glass-transition);border:1px solid transparent}.nav-item:hover{background:var(--glass-surface-light);border-color:var(--glass-border);color:var(--glass-text-primary);transform:translateX(4px)}.nav-item.active{background:linear-gradient(135deg,var(--glass-accent) 0,var(--glass-surface-light) 100%);border-color:var(--glass-border-light);color:var(--glass-text-primary);box-shadow:0 4px 16px rgba(147,197,253,.2)}.nav-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-item.active .nav-item-icon{color:var(--glass-text-accent)}.nav-item-content{flex:1 1;min-width:0}.nav-item-label{display:block;font-weight:500;font-size:.875rem}.nav-item-description{display:block;font-size:.75rem;color:var(--glass-text-muted);margin-top:.125rem}.nav-item-indicator{position:absolute;right:.5rem;width:6px;height:6px;background:var(--glass-text-accent);border-radius:50%;box-shadow:0 0 8px var(--glass-text-accent)}.sidebar-status{padding:1rem;border-top:1px solid var(--glass-border)}.status-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--glass-surface-light);border-radius:8px;border:1px solid var(--glass-border);font-size:.75rem;color:var(--glass-text-secondary)}.sidebar-bottom{padding:0 0 1rem;border-top:1px solid var(--glass-border);margin-top:auto}@media (min-width:1024px){.glass-sidebar.closed .logo-text,.glass-sidebar.closed .nav-item-content,.glass-sidebar.closed .nav-item-description,.glass-sidebar.closed .nav-section-title,.glass-sidebar.closed .status-item span{opacity:0;width:0;overflow:hidden}.glass-sidebar.closed .nav-item{justify-content:center}.glass-sidebar.closed .nav-item-indicator{right:50%;transform:translateX(50%)}}.glass-nav::-webkit-scrollbar{width:4px}.glass-nav::-webkit-scrollbar-track{background:transparent}.glass-nav::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.glass-nav::-webkit-scrollbar-thumb:hover{background:var(--glass-border-light)}