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