@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap");:root{--bg-base:#0b0e14;--bg-surface:#151a23;--bg-glass:rgba(21,26,35,.6);--text-primary:#fff;--text-secondary:#94a3b8;--accent-primary:#f97316;--accent-secondary:#fdba74;--accent-green:#22c55e;--accent-red:#ef4444;--border-glass:hsla(0,0%,100%,.08);--shadow-neon:0 0 20px rgba(249,115,22,.15);--radius-md:12px;--radius-lg:20px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}[data-theme=light]{--bg-base:#f8fafc;--bg-surface:#fff;--bg-glass:hsla(0,0%,100%,.8);--text-primary:#0f172a;--text-secondary:#64748b;--border-glass:rgba(0,0,0,.1);--shadow-neon:0 4px 15px rgba(249,115,22,.15)}body,html{margin:0;padding:0;font-family:Outfit,sans-serif;background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;transition:background-color .3s ease,color .3s ease}*{box-sizing:border-box}a{text-decoration:none;color:inherit}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,.05)}.glass-card{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:1.5rem;transition:var(--transition)}.glass-card:hover{transform:translateY(-4px);border-color:hsla(0,0%,100%,.2);box-shadow:var(--shadow-neon)}.text-gradient{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-family:Outfit,sans-serif;font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{opacity:.9;box-shadow:0 0 15px rgba(249,115,22,.4);transform:translateY(-1px)}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;border-right:1px solid var(--border-glass);background:var(--bg-surface);display:flex;flex-direction:column;padding:2rem 1.5rem;z-index:10;overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:4px}.main-content{flex:1 1;display:flex;flex-direction:column;overflow-y:auto}.topbar{height:80px;border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:5}.page-content{padding:2rem;max-width:1400px;margin:0 auto;width:100%}.flex-between{justify-content:space-between}.flex-between,.flex-center{display:flex;align-items:center}.flex-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.text-sm{font-size:.875rem;color:var(--text-secondary)}.text-lg{font-size:1.125rem;font-weight:600}.text-xl{font-size:1.5rem;font-weight:700}.badge{background:var(--bg-base);padding:.2rem .6rem;border-radius:20px;font-size:.75rem;border:1px solid var(--border-glass);color:var(--accent-primary)}.grid-cols-1{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}.grid-cols-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.grid-cols-1-2{display:grid;grid-template-columns:1fr 2fr;grid-gap:1.5rem;gap:1.5rem}.flex-col-mobile,.flex-col-mobile-reverse{display:flex;gap:1.5rem}.hamburger{display:none;background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem}@media (max-width:1024px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}.sidebar{position:fixed;left:-100%;transition:left .3s ease;z-index:50;height:100vh;background:var(--bg-base)}.sidebar.open{left:0}.hamburger{display:block!important}}@media (max-width:768px){.grid-cols-1-2,.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.flex-col-mobile{flex-direction:column!important}.flex-col-mobile-reverse{flex-direction:column-reverse!important}.topbar{padding:0 1rem}.page-content{padding:1rem}.mobile-hide{display:none!important}.mobile-overflow{overflow-x:auto}div[style*=grid-template-columns]{grid-template-columns:1fr!important}div[style*="display: flex; gap: 2rem"]{flex-direction:column;gap:1rem!important}}