@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0a0515;--bg-secondary:#ffffff0d;--bg-tertiary:#ffffff14;--glass:#ffffff0a;--glass-hover:#ffffff14;--glass-active:#ffffff1f;--glass-strong:#ffffff1a;--border-glass:#ffffff14;--border-glass-strong:#ffffff26;--text-primary:#f8f8ff;--text-secondary:#ffffffa6;--text-tertiary:#ffffff73;--accent:#a35dff;--accent-dim:#a35dff33;--accent-border:#a35dff66;--success:#39ff14;--warning:#ffb800;--danger:#f05;--shadow-sm:0 4px 16px #00000040;--shadow-md:0 12px 32px #00000059;--shadow-lg:0 24px 64px #00000073;--radius-sm:16px;--radius-md:24px;--radius-lg:32px;--radius-xl:48px;--radius-full:9999px}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f0f0f5;--bg-secondary:#ffffffb3;--bg-tertiary:#ffffffe6;--glass:#fff9;--glass-hover:#fffc;--glass-active:#fffffff2;--glass-strong:#ffffffbf;--border-glass:#fffc;--border-glass-strong:#0000000d;--text-primary:#121018;--text-secondary:#121018a6;--text-tertiary:#12101873;--accent:#8b3dff;--accent-dim:#8b3dff26;--accent-border:#8b3dff4d;--shadow-sm:0 4px 16px #0000000a;--shadow-md:0 12px 32px #00000014;--shadow-lg:0 24px 64px #0000001f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;transition:background-color .4s,color .4s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:700;line-height:1.2}.glass-panel{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(150%);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color .3s,transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s}.glass-card:hover{border-color:var(--border-glass-strong);box-shadow:var(--shadow-md);transform:translateY(-4px)scale(1.02)}.btn-touch{border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;min-height:44px;color:var(--text-primary);letter-spacing:.01em;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.btn-touch:active{transform:scale(.92)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px var(--accent-dim);border-color:#0000}.btn-primary:hover{filter:brightness(1.15);box-shadow:0 6px 20px var(--accent-dim);transform:translateY(-2px)scale(1.04)}.btn-secondary{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);color:var(--text-primary)}.btn-secondary:hover{background:var(--glass-hover);border-color:var(--border-glass-strong);transform:translateY(-2px)scale(1.04)}.btn-icon{border-radius:var(--radius-full);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.btn-icon:hover{background:var(--glass-hover);color:var(--text-primary);border-color:var(--border-glass-strong);transform:scale(1.1)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:inherit}.badge{border-radius:var(--radius-full);background:var(--glass);color:var(--text-primary);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.02em;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-violet{background:var(--accent-dim);color:var(--accent);border-color:var(--accent-border)}.badge-cyan{color:#0ff;background:#00ffff26;border-color:#00ffff4d}.badge-emerald{color:#39ff14;background:#39ff1426;border-color:#39ff144d}.badge-amber{color:#ffb800;background:#ffb80026;border-color:#ffb8004d}.badge-rose{color:#f05;background:#ff005526;border-color:#ff00554d}.input-touch{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid var(--border-glass);border-radius:var(--radius-sm);width:100%;min-height:48px;color:var(--text-primary);padding:12px 18px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.input-touch:focus{border-color:var(--accent);background:var(--glass-active);outline:none;transform:scale(1.01)}.input-touch::placeholder{color:var(--text-tertiary)}select.input-touch,select,select.input-touch option,select option,option{color:#fff!important;background-color:#1a1025!important}[data-theme=light] select.input-touch,[data-theme=light] select,[data-theme=light] select.input-touch option,[data-theme=light] select option,[data-theme=light] option{color:#121018!important;background-color:#f0f0f5!important}@keyframes fadeInBouncy{0%{opacity:0;transform:translateY(16px)scale(.95)}70%{opacity:1;transform:translateY(-4px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-fade-in{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards fadeInBouncy}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.app-container{min-height:100vh;display:flex;position:relative}.main-content{flex-direction:column;flex:1;min-width:0;padding-bottom:90px;display:flex}@media (width>=1024px){.main-content{margin-left:240px;padding-bottom:24px}}.grid-bento{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.grid-bento{grid-template-columns:repeat(2,1fr);gap:20px}}@media (width>=1280px){.grid-bento{grid-template-columns:repeat(3,1fr);gap:24px}}