@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";:root{--color-bg: #F4F7FE;--color-bg-secondary: #ffffff;--color-surface-glass: #ffffff;--color-surface-glass-border: transparent;--color-surface-hover: #F4F7FE;--color-primary: #4318FF;--color-primary-hover: #3311CC;--color-primary-glow: rgba(67, 24, 255, .2);--color-secondary: #6AD2FF;--color-danger: #EE5D50;--color-text-main: #2B3674;--color-text-muted: #A3AED0;--color-text-light: #ffffff;--font-main: "DM Sans", sans-serif;--radius-sm: 10px;--radius-md: 20px;--radius-lg: 30px;--shadow-card: 0px 18px 40px rgba(112, 144, 176, .12);--shadow-sm: 0px 4px 10px rgba(112, 144, 176, .08);--shadow-lg: 0px 20px 50px rgba(112, 144, 176, .15)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text-main);min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.glass-panel{background:var(--color-surface-glass);border-radius:var(--radius-md);padding:2.5rem;box-shadow:var(--shadow-card);border:1px solid var(--color-surface-glass-border)}.btn-primary{background:var(--color-primary);color:#fff;padding:1rem 2.5rem;border-radius:var(--radius-sm);border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px var(--color-primary-glow);font-family:var(--font-main)}.btn-primary:hover{background:var(--color-primary-hover);color:#fff;transform:translateY(-1px);box-shadow:0 8px 15px var(--color-primary-glow)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}a{text-decoration:none;color:inherit}input,select,textarea{width:100%;padding:1rem;background:#f4f7fe;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-main);font-family:var(--font-main);font-weight:500;transition:all .2s;outline:none}input:focus,select:focus,textarea:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}input::placeholder{color:var(--color-text-muted)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c4c4c4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.desktop-sidebar{display:flex!important}.mobile-header,.mobile-menu-overlay{display:none!important}@media(max-width:1024px){.container{padding:0 1.5rem}.glass-panel{padding:2rem}main{padding:2rem!important}}@media(max-width:768px){.desktop-sidebar{display:none!important}.mobile-header{display:flex!important}.mobile-menu-overlay{display:block!important}.desktop-status{display:none!important}main{padding:1.5rem!important;height:auto!important}.glass-panel{padding:1.5rem}.btn-primary{padding:.85rem 2rem;font-size:.95rem}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}input,select,textarea{padding:.85rem;font-size:.95rem}}@media(max-width:480px){.container{padding:0 1rem}.glass-panel{padding:1.25rem}main{padding:1rem!important}.btn-primary{padding:.75rem 1.5rem;font-size:.9rem}}.app-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg)}.main-header{padding:2rem 0;margin-bottom:2rem}.logo{font-size:1.75rem;margin:0;font-weight:700;color:var(--color-text-main);letter-spacing:-.03em}.hero-section{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding-bottom:6rem;position:relative}.hero-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle at 15% 50%,rgba(67,24,255,.05) 0%,transparent 25%),radial-gradient(circle at 85% 30%,rgba(67,24,255,.05) 0%,transparent 25%);z-index:-1;pointer-events:none}.hero-content h1{font-size:3.5rem;margin:0 0 1.5rem;line-height:1.2;color:var(--color-text-main)}.hero-content p{font-size:1.15rem;color:var(--color-text-muted);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.dashboard-wrapper{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg)}.dashboard-body{display:flex;flex:1;flex-direction:row}.desktop-sidebar{width:280px;min-width:280px;background:var(--color-bg-secondary);padding:2rem;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto}.dashboard-main{flex:1;padding:2.5rem;overflow-y:auto;min-height:100vh;min-width:0}.nav-link{padding:.85rem 1rem;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);font-weight:500;display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:all .2s}.nav-link:hover{background:var(--color-bg);color:var(--color-text-main)}.nav-link-active{background:var(--color-primary)!important;color:#fff!important}.mobile-topbar{display:none}.hamburger-btn{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--color-text-main);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background .2s}.hamburger-btn:hover{background:var(--color-bg-secondary)}.mobile-overlay{position:fixed;inset:0;background:#0000008c;z-index:200;animation:fadeIn .2s ease}.mobile-drawer{background:var(--color-bg-secondary);width:280px;max-width:85vw;height:100%;padding:1.5rem;display:flex;flex-direction:column;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideInFromLeft .25s ease}.drawer-logo{margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-bg)}.drawer-nav{display:flex;flex-direction:column;gap:.4rem;margin-bottom:2rem}@media(max-width:768px){.main-header{padding:1.5rem 0;margin-bottom:1rem}.logo{font-size:1.4rem}.hero-section{padding-bottom:3rem}.hero-content h1{font-size:2rem!important}.hero-content p{font-size:1rem;padding:0 1rem}.container{padding:0 1.5rem!important}.desktop-sidebar{display:none!important}.mobile-topbar{display:flex;align-items:center;padding:.75rem 1rem;background:var(--color-bg-secondary);position:sticky;top:0;z-index:100;box-shadow:0 1px 8px #00000014}.dashboard-main{padding:1.25rem 1rem;min-height:auto}.desktop-status{display:none!important}}@media(max-width:480px){.hero-content h1{font-size:1.75rem!important}.hero-content p{font-size:.95rem}}@media(max-width:768px){.auth-left-panel{display:none!important}.auth-mobile-logo{display:block!important}.dashboard-content-grid{grid-template-columns:1fr!important}}