:root{--bg-base:#080f17;--bg-surface:#0d1b2aa6;--bg-elevated:#1b263bd9;--border-default:#ffffff1a;--border-subtle:#ffffff0d;--brand-primary:#10b981;--brand-light:#34d399;--border-brand:#10b98133;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--shadow-glow:0 0 25px #10b98133}body.light-theme{--bg-base:#f8fafc;--bg-surface:#ffffffb3;--bg-elevated:#fffffff2;--border-default:#0000001f;--border-subtle:#0000000f;--brand-primary:#059669;--brand-light:#047857;--border-brand:#0596694d;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--shadow-glow:0 12px 35px #05966926}body{background-color:var(--bg-base);color:var(--text-primary);margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .3s,color .3s}*{box-sizing:border-box}.glass-card{background:var(--bg-surface);border:1px solid var(--border-default);-webkit-backdrop-filter:blur(20px);border-radius:16px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glass-card:hover{box-shadow:var(--shadow-glow);transform:translateY(-3px)}.layout-container{min-height:100vh;display:flex}.sidebar-container{border-right:1px solid var(--border-default);background:var(--bg-base);flex-direction:column;flex-shrink:0;width:280px;display:flex}.main-content{flex:1;padding:2rem;overflow-y:auto}.mobile-toggle{display:none}.sidebar-content{flex-direction:column;flex:1;display:flex;overflow:hidden}@media (max-width:768px){.layout-container{flex-direction:column}.sidebar-container{border-right:none;border-bottom:1px solid var(--border-default);width:100%;height:auto}.mobile-toggle{display:block}.sidebar-content{display:none}.sidebar-content.open{display:flex}.main-content{padding:1rem}}