:root,:root[data-theme=light]{--primary:#8389fa;--primary-hover:#646cff;--primary-light:rgb(from var(--primary) r g b / 50%);--primary-transparent:rgb(from var(--primary) r g b / 5%);--bg-main:#fff;--bg-secondary:#c0cafd;--bg-tertiary:#f3f4ff;--bg-surface:#dfe5fb;--bg-surface-hover:#f1f4fd;--text-main:#1e2030;--text-secondary:#888;--text-inverse:#fff;--border-light:#e2e8f0;--border-strong:#cbd5e1;--error:#ff4d4d;--error-bg:rgb(from var(--error) r g b / 10%);--warning:#b45309;--warning-bg:rgb(from var(--warning) r g b / 10%);--green-color:#249d40;--red-color:#a5212e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--primary:#646cff;--primary-hover:#b1b5ff;--primary-light:rgb(from var(--primary) r g b / 50%);--primary-transparent:rgb(from var(--primary) r g b / 10%);--bg-main:#2b2c3d;--bg-secondary:#1a1b26;--bg-tertiary:#2f3148;--bg-surface:#242533;--bg-surface-hover:#2b2d3d;--text-main:#f2f3f6;--text-inverse:#1e2030;--border-light:#32344a;--border-strong:#41445e;--warning:#fbbf24;--warning-bg:rgb(from var(--warning) r g b / 10%);--green-color:#62b174;--red-color:#e86572;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{color:var(--text-main);background-color:var(--bg-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}#root{width:100%}html.theme-transition,html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:background-color .45s,color .45s,border-color .45s,fill .45s,stroke .45s!important}@media (prefers-reduced-motion:reduce){html.theme-transition,html.theme-transition *{transition:none!important}}*{box-sizing:border-box}a{color:var(--primary);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500;transition:color .3s}a:hover{color:var(--primary-hover)}body{margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}.info-box{background-color:var(--bg-secondary);border-left:5px solid var(--primary);border-radius:8px;flex-direction:column;align-items:center;padding:1rem 1.5rem;display:flex}header{background-color:var(--bg-secondary);box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;height:4em;margin-top:0;margin-left:0;margin-right:0;padding:10px 20px;display:flex}header nav{align-items:center;gap:10px;display:flex}header .button{justify-content:center;align-items:center;height:40px;padding-top:0;padding-bottom:0;display:inline-flex}header #header-logo-title{color:var(--text-main);cursor:pointer;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px;transition:color .2s;display:flex}header #header-logo-title:hover{color:var(--primary-hover)}header #header-logo{width:45px;height:45px}header #header-title{margin:0;font-size:1.5em;font-weight:700}header .header-user-section{align-items:center;gap:15px;display:flex;position:relative}header .header-user-section .user-connected{color:var(--text-main);cursor:pointer;font-weight:500;transition:color .2s}header .header-user-section .user-connected:hover{color:var(--primary-hover)}header #profile-button{object-fit:cover;background-color:var(--bg-surface);width:40px;height:40px;color:var(--text-main);cursor:pointer;border:1px solid #0000;border-radius:50%;padding:10px;transition:all .3s}header #profile-button:hover{border-color:var(--primary)}header #profile-button:active{background-color:var(--primary-hover);color:var(--text-main);transform:scale(.9)}header #profile-button.active{background-color:var(--primary);color:var(--text-inverse)}header #profile-button.active:active{background-color:var(--primary-hover);color:var(--text-inverse)}@media (max-width:700px){header nav.media-large,header .header-user-section.media-large{display:none}header .mobile-menu-button.media-small{display:block}}.mobile-menu-button{position:relative}.dropdown.mobile-dropdown{width:200px;margin-right:10px;font-size:1.2em;top:55px;right:0}.dropdown.profile-dropdown{width:200px;margin-right:10px;top:55px;right:0}.dropdown{background-color:var(--bg-surface);border:1px solid var(--border-light);z-index:1000;border-radius:12px;flex-direction:column;padding:8px 0;animation:.2s forwards fadeInDown;display:flex;position:absolute;box-shadow:0 8px 24px #00000026}.dropdown-theme-toggle{padding:4px 12px 8px}.dropdown-divider{background-color:var(--border-light);border:none;height:1px;margin:4px 0}.dropdown-item{text-align:left;width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;height:auto;padding:10px 16px;font-size:.95em;transition:background-color .2s;display:block}.dropdown-item:hover{background-color:var(--primary-transparent);color:var(--primary-hover)}.dropdown-item.logout-btn{color:var(--primary);font-weight:700}.dropdown-item.logout-btn:hover{color:var(--primary-hover);background-color:var(--primary-transparent)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}header nav .button.nav-contextual{animation:.22s cubic-bezier(.22,1,.36,1) both navTabIn}header nav .button.nav-contextual.nav-contextual-out{pointer-events:none;animation:.2s cubic-bezier(.55,0,1,.45) both navTabOut}@keyframes navTabIn{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes navTabOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-24px)}}@media (prefers-reduced-motion:reduce){header nav .button.nav-contextual,header nav .button.nav-contextual.nav-contextual-out{animation:none}}.button{background-color:var(--bg-surface);color:var(--text-main);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:all .25s}.button:hover{border-color:var(--primary-hover);color:var(--text-main);background-color:var(--bg-surface-hover)}.button:focus,.button:focus-visible{outline:4px auto -webkit-focus-ring-color}.button:active{transform:scale(.95)}.button:disabled{opacity:.4;cursor:not-allowed}.button:disabled:hover{background-color:var(--bg-surface);border-color:#0000}.button.active{background-color:var(--primary);color:var(--text-inverse);font-weight:700}.button.active:hover{background-color:var(--primary-hover)}.danger-button{background-color:var(--error-bg)}.danger-button:hover{background-color:var(--error-bg);border-color:var(--error)}.danger-button:active{background-color:var(--error)}.icon-button{cursor:pointer;color:var(--text-main);background:0 0;border:none;margin:0;padding:0;transition:all .2s}.icon-button:hover{color:var(--primary-hover)}.icon-button:active{color:var(--primary);transform:scale(.95)}.icon-button:focus{outline:none}.icon-button:focus-visible{color:var(--primary)}.theme-toggle{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;flex-direction:row;gap:2px;padding:4px;display:flex}.theme-toggle-btn{min-width:0;color:var(--text-secondary);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:row;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.9rem;font-weight:600;transition:color .2s,background-color .2s;display:flex}.theme-toggle-btn svg{flex-shrink:0}.theme-toggle-btn:hover{color:var(--primary-hover)}.theme-toggle-btn.active{background-color:var(--bg-main);color:var(--primary);box-shadow:0 2px 4px #0000001a}.theme-toggle-compact{border-radius:10px;padding:3px}.theme-toggle-compact .theme-toggle-btn{border-radius:7px;flex:none;padding:7px}@media (max-width:700px){.theme-toggle:not(.theme-toggle-compact){width:100%}.theme-toggle:not(.theme-toggle-compact) .theme-toggle-btn{flex-direction:column;gap:4px;padding:8px 4px;font-size:.78rem}}.footer{background-color:var(--bg-secondary);width:100%;color:var(--text-main);flex-flow:wrap;justify-content:space-evenly;align-items:center;gap:1.5em;margin-top:auto;margin-bottom:0;padding:1.5em;display:flex}.footer-brand{align-items:center;gap:.6em;display:flex}.footer-logo{width:50px;height:50px}.footer-title{font-size:1.3em;font-weight:700}.footer-links{flex-direction:row;gap:2em;display:flex}.footer-links a{color:var(--text-main);font-size:.98em;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary-hover)}.footer-copy{color:#4b4b4b;font-size:.9em}:root[data-theme=dark] .footer-copy{color:var(--text-secondary)}@media (max-width:700px){.footer-links{grid-template-columns:repeat(2,1fr);display:grid}}@media (max-width:500px){.footer-links{flex-direction:column;align-items:center;gap:.5em;display:flex}}#root{text-align:center}.app-shell{flex-direction:column;min-height:100vh;display:flex}.media-small{display:none}@media (max-width:700px){.media-small{display:block}.media-large{display:none}}.spinner{border:4px solid var(--text-main);border-top:4px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-container{flex-direction:column;justify-content:center;align-items:center;gap:15px;width:100vw;height:100vh;display:flex}