:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-color:#0d0f12;--surface-color:#1e222a99;--surface-border:#ffffff14;--primary-color:#3b82f6;--primary-hover:#2563eb;--text-primary:#fff;--text-secondary:#94a3b8;--danger-color:#ff4757;--radius-md:12px;--radius-lg:16px;--transition:.3s ease;background-color:#0d0f12;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{background-color:var(--bg-color);background-image:radial-gradient(at 0 0,#0080ff1a 0,#0000 50%),radial-gradient(at 100% 100%,#0000ff1a 0,#0000 50%);background-attachment:fixed;place-items:flex-start;min-width:320px;min-height:100vh;margin:0;display:flex}#root{width:100%;margin:0 auto}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-top:0}a{color:var(--primary-color);-webkit-text-decoration:inherit;text-decoration:inherit;transition:color var(--transition);font-weight:500}a:hover{color:var(--primary-hover)}button{border-radius:var(--radius-md);background-color:var(--primary-color);color:#000;cursor:pointer;transition:background-color var(--transition), transform .1s;border:1px solid #0000;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500}button:hover{background-color:var(--primary-hover)}button:active{transform:scale(.96)}input,select,textarea{border-radius:var(--radius-md);border:1px solid var(--surface-border);width:100%;color:var(--text-primary);box-sizing:border-box;transition:border-color var(--transition);background:#ffffff0d;margin-bottom:1rem;padding:.75rem;font-family:inherit;font-size:1rem}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);outline:none}select option{background-color:var(--bg-color);color:var(--text-primary)}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 8px 32px #0000004d}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{box-sizing:border-box;flex:1;width:100%;max-width:800px;margin:0 auto;padding:2rem 1rem}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--surface-border);z-index:100;background:#0d0f12cc;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.navbar h1{color:var(--primary-color);align-items:center;gap:.5rem;margin:0;font-size:1.5rem;display:flex}.nav-links{gap:1.5rem;display:flex}.nav-link{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .3s}.nav-link:hover,.nav-link.active{color:var(--primary-color)}.spin-anim{animation:1s linear infinite spin}.nav-group{align-items:center;display:flex;position:relative}.nav-dropdown{border:1px solid var(--surface-border);border-radius:var(--radius-md);z-index:200;background:#0d0f12f2;flex-direction:column;gap:.5rem;min-width:120px;padding:.5rem;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.nav-dropdown .nav-link{color:var(--text-primary);text-align:center;padding:.5rem;font-size:.9rem}.nav-dropdown .nav-link:hover{border-radius:var(--radius-sm);background:#ffffff1a}@media (width<=768px){.navbar{flex-direction:row;gap:.5rem;padding:.8rem}.navbar h1{font-size:1.2rem}.nav-links{flex-wrap:nowrap;justify-content:flex-end;gap:.5rem}}@keyframes spin{to{transform:rotate(360deg)}}