@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&family=Plus+Jakarta+Sans:wght@300;400;600;700;800&display=swap";:root{--primary:#f97316;--primary-glow:#f9731673;--secondary:#10b981;--accent:#8b5cf6;--bg-dark:#050508;--surface-1:#0f0f13;--surface-2:#1a1a22;--text-main:#f8fafc;--text-dim:#94a3b8;--border-light:#ffffff14;--radius-lg:20px;--radius-xl:32px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);background:radial-gradient(circle at top right, #f973161a 0%, transparent 40%), radial-gradient(circle at bottom left, #f973160d 0%, transparent 30%), var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.text-gradient{background:linear-gradient(135deg,#fff 0%,#f97316 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:#12121899;transition:all .3s}.page-wrapper{max-width:1600px;margin:0 auto;padding:3rem 2.5rem}.app-container{min-height:100vh;display:flex}.sidebar-wrapper{z-index:100;border-right:1px solid var(--border-light);background:#050508f2;flex-shrink:0;width:280px;height:100vh;position:sticky;top:0}.main-content{flex:1;min-width:0;padding:2.5rem;overflow-y:auto}.sidebar-link{color:var(--text-dim);border-radius:14px;align-items:center;gap:12px;margin-bottom:4px;padding:14px 18px;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.sidebar-link:hover{color:#fff;background:#f973161a;transform:translate(5px)}.sidebar-link.active{background:linear-gradient(135deg, var(--primary) 0%, #ea580c 100%);color:#fff;box-shadow:0 8px 25px var(--primary-glow)}@media (width>=769px){.hub-layout{border-radius:var(--radius-xl);border:1px solid var(--border-light);background:#08080c99;height:85vh;margin-top:1rem;display:flex;overflow:hidden;box-shadow:0 30px 60px #0006}.hub-sidebar-left{border-right:1px solid var(--border-light);background:#0003;flex-direction:column;flex-shrink:0;width:260px;display:flex}.hub-main{flex-direction:column;flex:1;min-width:0;display:flex}.hub-sidebar-right{border-left:1px solid var(--border-light);background:#0003;flex-direction:column;flex-shrink:0;width:300px;display:flex}}@media (width<=768px){.app-container{flex-direction:column}.mobile-header{border-bottom:1px solid var(--border-light);z-index:200;background:#050508;justify-content:space-between;align-items:center;padding:1.2rem;display:flex;position:sticky;top:0}.sidebar-wrapper{z-index:500;background:#0e0e13;width:280px;height:100vh;transition:transform .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-wrapper.open{transform:translate(0)}.hub-layout{border:1px solid var(--border-light);background:#0a0a0e;border-radius:16px;flex-direction:column;height:auto;min-height:85vh;display:flex}.hub-sidebar-left{border-bottom:1px solid var(--border-light);width:100%;height:auto;padding:10px}.hub-sidebar-right{display:none!important}}button{cursor:pointer;border:none;outline:none;transition:all .2s}button:hover{filter:brightness(1.2);transform:translateY(-1px)}button:active{transform:translateY(0)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:10px}