:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem}body{background:#121212;color:#ddd}.landing-bg{background:linear-gradient(120deg,#0f0f12,#101422);background-size:200% 200%}@keyframes wfaGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media(prefers-reduced-motion:no-preference){.landing-bg{animation:wfaGradientShift 18s ease-in-out infinite}}.card{background:#1b1b1b;border:1px solid #333;border-radius:8px;padding:16px}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-shell{display:flex;height:100vh;background:#0f0f12;color:#ddd}.sidebar{width:260px;background:#12131a;border-right:1px solid #242636;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.sidebar-inner{display:flex;flex-direction:column;min-height:100%}.sidebar-footer{margin-top:auto;margin-bottom:40px}.sidebar-header{display:flex;justify-content:flex-end;margin-bottom:12px}.sidebar-header .logo-mark,.logo-area{color:#fff;font-weight:700;letter-spacing:1px}.menu{display:flex;flex-direction:column;gap:4px}.menu-item{display:flex;align-items:center;gap:8px;background:transparent;color:#cfd3ff;border:none;border-radius:12px;padding:8px 10px;cursor:pointer;text-align:left}.menu-item:hover{background:#2d6cdf2e;color:#fff}.menu-item.active{background:var(--accent);color:#fff}.menu-item.disabled{opacity:.6;cursor:default}.menu-icon{width:20px;text-align:center}.menu-badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:12px;padding:2px 8px}.menu-badge--count,.menu-badge--new{background:#143b22;color:#2ecc71;border:1px solid #1f5b36}.menu-divider{height:1px;background:#242636;margin:12px 6px;border-radius:1px}.logout-btn{width:100%;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:10px;padding:10px 12px;font-weight:600;cursor:pointer}.logout-btn:hover{filter:brightness(1.05)}.content{flex:1;padding:20px}.content--no-scroll{overflow:hidden;height:100vh;display:flex;flex-direction:column;box-sizing:border-box}.topbar .search-bar{max-width:640px}.search-input::placeholder{color:#9aa0bf}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap}.topbar-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.topbar-right{display:flex;align-items:center;gap:8px}@media(max-width:900px){.topbar{gap:8px}.profile-dropdown{display:block;margin-top:8px}}.profile-wrap{position:relative}.profile-menu{position:absolute;right:0;top:calc(100% + 6px);background:#1b1c25;border:1px solid #2a2d3c;border-radius:8px;padding:8px;z-index:1100;min-width:140px}.profile-menu button{width:100%;background:#2d2e38;color:#ddd;border:1px solid #3a3d4f;border-radius:6px;padding:6px 10px;cursor:pointer;font-size:12px}.profile-menu button:hover{filter:brightness(1.05)}.card{margin-bottom:12px}html,body,#root{height:100%;width:100%;margin:0;padding:0}#root{max-width:none;padding:0}:root{--bg: #0f0f12;--fg: #ddd;--sidebar-bg: #1b1c23;--border: #242636;--card: #1b1c25;--card-border: #2a2d3c;--accent: #2d6cdf;--accent-soft: #213759}.app-shell{width:100%;height:100vh}.sidebar{height:auto;position:relative;top:auto;overflow:visible}.content{flex:1;min-width:0;overflow:auto}@media(max-width:900px){.sidebar{width:72px}.sidebar .menu-item{justify-content:center}.sidebar .menu-label{display:none}.logo-area{font-size:12px}.logout-btn{font-size:12px;padding:8px 10px}.sidebar-footer{margin-bottom:24px}}@media(max-width:900px){.sidebar--overlay{position:fixed;left:0;top:0;bottom:0;width:80vw;max-width:300px;background:var(--sidebar-bg);border-right:1px solid #242636;padding:16px;z-index:1000;transform:translate(0);transition:transform .2s ease-in-out;overflow:hidden}.sidebar--overlay .menu-item{justify-content:flex-start}.sidebar--overlay .menu-label{display:inline}.sidebar--overlay.closed{transform:translate(-100%);pointer-events:none}.sidebar-backdrop{position:fixed;inset:0;background:#0006;z-index:900}.menu-toggle{display:inline-flex;align-items:center;gap:6px;background:#1b1c25;border:1px solid #2a2d3c;color:#ddd;border-radius:10px;padding:6px 10px;cursor:pointer}}.collapse-btn{display:inline-flex;align-items:center;gap:8px;background:var(--accent-soft);border:1px solid var(--accent);color:var(--fg);border-radius:10px;padding:6px 8px;cursor:pointer}.collapse-btn:hover{background:var(--accent);color:#fff}.profile-btn{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);border:1px solid var(--accent);color:var(--fg);border-radius:10px;padding:6px 8px;cursor:pointer}.profile-btn:hover{background:var(--accent);color:#fff}.profile-btn.icon-only{width:56px;height:56px;padding:0;justify-content:center}.sidebar-header .profile-wrap{flex:1}.profile-card{display:flex;align-items:center;gap:10px;width:100%;background:transparent;color:#cfd3ff;border:none;border-radius:0;padding:0;box-sizing:border-box;cursor:pointer;transition:background .15s ease}.profile-card:hover{background:#2d6cdf1f;border-radius:10px}.profile-card.compact{padding:8px}.profile-avatar{position:relative;width:32px;height:32px;border-radius:8px;background:#171822;border:1px solid #26293a;display:flex;align-items:center;justify-content:center;color:#cfd3ff}.status-dot{position:absolute;right:-2px;bottom:-2px;width:8px;height:8px;background:#2ecc71;border:2px solid var(--card);border-radius:999px}.profile-texts{display:grid}.profile-name{font-weight:700;color:#fff}.profile-email{font-size:12px;color:#c0c4d7}.profile-chevron{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:#cfd3ff;cursor:pointer}[data-theme=light] .sidebar.collapsed{width:80px}.sidebar.collapsed .menu-item{justify-content:center}.sidebar.collapsed .menu-label,.sidebar.collapsed .logout-btn span{display:none}.sidebar.collapsed .logout-btn{justify-content:center}.sidebar.collapsed .menu-item{width:56px;height:56px;padding:0;border-radius:10px;margin:4px auto;display:flex;align-items:center;justify-content:center}.sidebar.collapsed .menu-icon svg{width:24px;height:24px}.sidebar.collapsed .menu{gap:6px}.sidebar.collapsed .logout-btn{width:56px;height:56px;padding:0;border-radius:10px;display:flex;align-items:center;justify-content:center}.btn-spinner{width:16px;height:16px;border:2px solid #0f0f12;border-top-color:transparent;border-radius:50%;animation:wfaSpin .8s linear infinite}@keyframes wfaSpin{to{transform:rotate(360deg)}}.splash-box{position:relative;width:160px;height:160px;border-radius:999px;background:transparent;border:none;overflow:hidden}.splash-water{position:absolute;left:0;top:0;width:100%;height:100%;transform:translateY(100%);transition:transform 60ms linear;backface-visibility:hidden;will-change:transform;background:var(--accent)}.splash-water_wave{width:200%;position:absolute;bottom:calc(100% - 1px);display:block;stroke:none}.splash-water_wave_back{right:0;fill:#c7eeff;animation:splash-wave-back 1.4s infinite linear;stroke:none}.splash-water_wave_front{left:0;fill:var(--accent);margin-bottom:-2px;animation:splash-wave-front .7s infinite linear;stroke:none}@keyframes splash-wave-front{to{transform:translate(-50%)}}@keyframes splash-wave-back{to{transform:translate(50%)}}.splash-percent{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700;z-index:3}