:root{--text: #ecedee;--background: #151718;--primary: #8b5cf6;--primary-hover: #7c3aed;--icon-default: #9ba1a6;--tab-bar: #1a1030;--active-tab: #8b5cf6;--subtext: rgba(236, 237, 238, .7);--error: #ef4444;--font-primary: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-serif: Georgia, "Times New Roman", serif;--font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-family:var(--font-primary);line-height:1.5;font-weight:400;color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{--text: #11181c;--background: #ffffff;--primary: #8b5cf6;--primary-hover: #7c3aed;--icon-default: #687076;--tab-bar: #f8f8f8;--active-tab: #8b5cf6;--subtext: rgba(17, 24, 28, .7)}}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--background)}#root{width:100%;min-height:100vh}*{box-sizing:border-box}.bg-gradient{background-color:var(--background);min-height:100vh}.input-wrapper{display:flex;align-items:center;background-color:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2);padding:0 16px;height:52px;transition:border-color .2s}.input-wrapper:focus-within{border-color:var(--primary)}.input{flex:1;background:transparent;border:none;color:var(--text);font-size:16px;outline:none;padding:12px 0}.input::placeholder{color:#ffffff80}.btn-primary{background-color:var(--primary);color:#fff;border:none;border-radius:12px;height:52px;font-size:16px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:opacity .2s,background-color .2s;width:100%}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background-color:transparent;color:var(--error);border:1px solid var(--error);border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s;width:100%}.btn-danger:hover{background-color:#ef44441a}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(128,128,128,.2);background-color:var(--background);position:sticky;top:0;z-index:20}.app-main{flex:1;overflow-y:auto;position:relative;z-index:1;padding-bottom:70px}.app-nav{display:flex;justify-content:space-around;align-items:center;background-color:var(--tab-bar);padding:.5rem 0;border-top:1px solid rgba(128,128,128,.2);position:fixed;bottom:0;left:0;right:0;z-index:10}.nav-btn{background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:color .2s}.nav-label{font-size:.75rem}@media (min-width: 768px){.app-main{padding-bottom:0;margin-left:80px}.app-nav{flex-direction:column;justify-content:flex-start;top:73px;bottom:0;width:80px;border-top:none;border-right:1px solid rgba(128,128,128,.2);padding-top:2rem;gap:2rem}}@media (min-width: 1024px){.app-main{margin-left:240px}.app-nav{width:240px;align-items:flex-start;padding:2rem;gap:1rem}.nav-btn{flex-direction:row;width:100%;justify-content:flex-start;padding:.75rem 1rem;border-radius:12px}.nav-btn:hover{background-color:#8080801a}.nav-label{font-size:1rem;margin-left:12px}}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem}@media (min-width: 768px){.content-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.content-grid{grid-template-columns:repeat(5,1fr);gap:2rem;padding:2rem}}.title{font-size:2rem;font-weight:700;color:var(--text);margin:0}.subtitle{font-size:1.25rem;color:var(--subtext);margin:0}.subtext{font-size:.875rem;color:var(--subtext);margin:0}.welcome-container{min-height:100vh;background-color:#191022;display:flex;flex-direction:column}.welcome-background{flex:1;background-size:cover;background-position:center;position:relative}.welcome-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:inherit;background-size:cover;background-position:center;opacity:.2;z-index:1}.welcome-gradient{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(to bottom,#19102200,#191022cc,#191022)}.welcome-logo-container{flex:1;display:flex;justify-content:center;align-items:center;padding-top:60px}.welcome-logo-wrapper{display:flex;align-items:center;gap:12px}.welcome-logo-text{font-size:24px;font-weight:700;color:#fff;letter-spacing:.5px}.welcome-content-container{padding:0 16px 40px;display:flex;flex-direction:column;align-items:center}.welcome-text-container{text-align:center;margin-bottom:32px}.welcome-heading{font-size:32px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:12px}.welcome-subheading{font-size:16px;color:#fffc;line-height:1.4;max-width:340px;margin:0 auto}.welcome-buttons-container{width:100%;max-width:400px;display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.welcome-btn{height:48px;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;cursor:pointer;transition:opacity .2s;border:none;width:100%;letter-spacing:.24px}.welcome-btn:hover{opacity:.8}.welcome-btn-primary{background-color:#7f0df2;color:#fff}.welcome-btn-secondary{background-color:#7f0df233;color:#fff}.welcome-btn-outline{background-color:transparent;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);font-size:14px}.welcome-social-section{display:flex;flex-direction:column;align-items:center;padding-top:16px}.welcome-social-text{font-size:14px;color:#fff9;margin-bottom:12px}.welcome-social-buttons{display:flex;gap:16px}.welcome-social-btn{width:48px;height:48px;border-radius:24px;background-color:#ffffff1a;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer;transition:opacity .2s}.welcome-social-btn:hover{opacity:.8}.welcome-footer{margin-top:32px;padding:0 16px}.welcome-footer-text{font-size:12px;color:#ffffff80;text-align:center;line-height:1.5}.welcome-footer-link{text-decoration:underline;color:#ffffffb3;cursor:pointer}.welcome-footer-link:hover{color:#ffffffe6}