@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-main:#0a0c14;--bg-card:#121624;--bg-card-hover:#181e30;--bg-input:#1a2035;--border-color:#232b45;--border-focus:#e11d48;--primary:#e11d48;--primary-hover:#f43f5e;--primary-glow:#e11d4840;--accent-purple:#8b5cf6;--accent-blue:#3b82f6;--accent-green:#10b981;--accent-yellow:#f59e0b;--accent-red:#ef4444;--text-main:#f9fafb;--text-muted:#9ca3af;--text-dim:#6b7280;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--sidebar-width:260px;--header-height:70px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;font-size:16px}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-width:320px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#333e63}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}.glow-btn{box-shadow:0 0 15px var(--primary-glow);transition:all .2s}.glow-btn:hover{transform:translateY(-1px);box-shadow:0 0 25px #e11d4873}.app-shell{background-color:var(--bg-main);width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.app-sidebar{width:var(--sidebar-width);background-color:var(--bg-card);border-right:1px solid var(--border-color);z-index:40;flex-direction:column;flex-shrink:0;height:100vh;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:none}.sidebar-close-btn:hover{color:#fff;background:#ffffff14}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:49;opacity:0;pointer-events:none;background:#05070ebf;transition:opacity .25s;display:none;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto;display:block}.app-main{flex-direction:column;flex:1;width:100%;min-width:0;display:flex;overflow-x:hidden}.app-header{height:var(--header-height);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(14px);z-index:30;background-color:#121624e6;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0 28px;display:flex;position:sticky;top:0}.app-header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.app-header-titles{flex:1;min-width:0}.app-header-titles h2{color:#fff;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.18rem;font-weight:700;overflow:hidden}.app-header-titles p{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.78rem;overflow:hidden}.app-header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.hamburger-btn{border:1px solid var(--border-color);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:none}.hamburger-btn:hover{background:#ffffff1a;border-color:#38bdf8}.view-container{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:32px}.dashboard-main-grid{grid-template-columns:1.4fr 1fr;gap:28px;margin-bottom:40px;display:grid}.front-hero-grid{grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;display:grid}.front-nav-links{align-items:center;gap:24px;display:flex}.two-col-responsive{grid-template-columns:1fr 1fr;gap:16px;display:grid}.table-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.code-pre-scroll{word-break:break-word;max-width:100%;overflow-x:auto}@media (width>=1440px){.view-container{max-width:1600px;padding:36px 44px}}@media (width>=1920px){.view-container{max-width:1800px;padding:40px 60px}.app-header{padding:0 40px}}@media (width<=1024px){:root{--sidebar-width:230px}.view-container{padding:24px 20px}.app-header{padding:0 20px}.dashboard-main-grid{grid-template-columns:1fr;gap:24px}.front-hero-grid{grid-template-columns:1fr;gap:36px}}@media (width<=868px){.app-sidebar{z-index:50;width:280px;max-width:82vw;height:100vh;box-shadow:none;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-sidebar.mobile-open{transform:translate(0);box-shadow:12px 0 40px #000000bf}.sidebar-close-btn,.hamburger-btn{display:flex}.app-main{width:100%}.app-header{height:64px;padding:0 16px}.app-header-titles h2{font-size:1.05rem}.app-header-titles p{display:none}.two-col-responsive{grid-template-columns:1fr}.front-nav-links{display:none}}@media (width<=640px){html{font-size:15px}:root{--header-height:58px}.app-header{gap:8px;padding:0 12px}.app-header-titles h2{font-size:.95rem}.view-container{padding:16px 12px}.header-upload-btn-text,.quota-pill-details{display:none}}@media (width<=380px){html{font-size:14px}.app-sidebar{width:86vw}.view-container{padding:12px 8px}}.modal-form-grid{grid-template-columns:1fr 1.25fr;align-items:start;gap:24px;display:grid}@media (width<=768px){.modal-form-grid{grid-template-columns:1fr;gap:18px}}