:root{--sb-width: 80px;--sb-width-expanded: 280px;--sb-bg: rgba(15, 23, 42, .6);--sb-border: rgba(255, 255, 255, .08);--sb-radius: 0px;--sb-padding: 1.5rem .75rem;--item-height: 50px;--item-radius: 14px;--item-bg-hover: rgba(255, 255, 255, .03);--item-bg-active: linear-gradient(135deg, rgba(34, 211, 238, .15), rgba(168, 85, 247, .15));--glow-primary: rgba(34, 211, 238, .6);--glow-secondary: rgba(168, 85, 247, .6);--indicator-width: 4px;--indicator-height: 24px;--indicator-radius: 0 4px 4px 0;--indicator-left: 0;--shadow-depth: 15px 0 40px rgba(0, 0, 0, .6), inset 1px 0 0 rgba(255, 255, 255, .05)}body.sidebar-titan{--sb-bg: #0B0E14;--sb-border: rgba(255, 255, 255, .05);--sb-width: 90px;--sb-radius: 0 24px 24px 0;--sb-padding: 2rem 1rem;--item-height: 56px;--item-radius: 18px;--item-bg-hover: #151A23;--item-bg-active: #22D3EE;--indicator-width: 0px;--indicator-height: 0px;--shadow-depth: 10px 0 30px rgba(0, 0, 0, .8)}body.sidebar-nebula{--sb-bg: rgba(255, 255, 255, .03);--sb-border: rgba(255, 255, 255, .08);--sb-width: 80px;--sb-radius: 30px;--sb-padding: 1.5rem .5rem;--item-height: 48px;--item-radius: 50px;--item-bg-hover: rgba(255, 255, 255, .1);--item-bg-active: rgba(255, 255, 255, .2);--indicator-width: 6px;--indicator-height: 6px;--indicator-radius: 50%;--indicator-left: 12px}.sidebar-nav{position:fixed;top:0;left:0;height:100vh;width:var(--sb-width);background:var(--sb-bg);border-right:1px solid var(--sb-border);border-radius:var(--sb-radius);z-index:9999;display:flex;flex-direction:column;padding:var(--sb-padding);box-shadow:var(--shadow-depth);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);transition:all .4s cubic-bezier(.25,1,.5,1)}body.sidebar-nebula .sidebar-nav{top:20px;left:20px;height:calc(100vh - 40px);border:1px solid var(--sb-border)}body.sidebar-titan .sidebar-nav{border-right:none}.sidebar-nav.expanded{width:var(--sb-width-expanded);background:var(--sb-bg)}body.sidebar-nebula .sidebar-nav.expanded{width:300px;background:#0f172acc}.main-content{margin-left:var(--sb-width)!important;width:calc(100% - var(--sb-width))!important;transition:all .4s cubic-bezier(.25,1,.5,1)}body.sidebar-nebula .main-content{margin-left:calc(var(--sb-width) + 40px)!important;width:calc(100% - (var(--sb-width) + 40px))!important}.sidebar-nav.expanded~.main-content{margin-left:var(--sb-width-expanded)!important;width:calc(100% - var(--sb-width-expanded))!important}body.sidebar-nebula .sidebar-nav.expanded~.main-content{margin-left:360px!important;width:calc(100% - 360px)!important}.sidebar-toggle{width:48px;height:48px;margin:0 auto 2rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:14px;color:#94a3b8;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background:#ffffff1a;color:#fff}body.sidebar-titan .sidebar-toggle{border-radius:50%;background:#1f2937}.nav-group{display:flex;flex-direction:column;gap:.75rem;width:100%}body.sidebar-nebula .nav-group{gap:1.25rem}.nav-btn{position:relative;height:var(--item-height);border-radius:var(--item-radius);display:flex;align-items:center;justify-content:center;color:#94a3b8;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .3s ease;text-decoration:none;padding:0}.sidebar-nav.expanded .nav-btn{padding:0 1.25rem;justify-content:flex-start}.nav-btn:hover{background:var(--item-bg-hover);color:#fff;transform:translateY(-2px)}body.sidebar-titan .nav-btn:hover{transform:none;background:var(--item-bg-hover)}.nav-btn.active{background:var(--item-bg-active);color:#fff;border-color:#ffffff0d}body.sidebar-titan .nav-btn.active{color:#000;font-weight:700;box-shadow:0 0 20px #22d3ee66}body.sidebar-titan .nav-btn.active i{color:#000}.nav-btn.active:before{content:"";position:absolute;left:var(--indicator-left);top:50%;transform:translateY(-50%);width:var(--indicator-width);height:var(--indicator-height);background:#22d3ee;border-radius:var(--indicator-radius);box-shadow:0 0 10px #22d3ee}body.sidebar-titan .nav-btn.active:before{display:none}.nav-btn i{font-size:1.5rem;min-width:50px;text-align:center;transition:all .3s ease;z-index:2}.nav-label{font-family:Outfit,sans-serif;font-weight:600;font-size:1rem;opacity:0;transform:translate(-10px);transition:all .3s ease;white-space:nowrap;position:relative;z-index:2;display:none}.sidebar-nav.expanded .nav-label{opacity:1;display:block;transform:translate(0)}@media(max-width:768px){.sidebar-nav{width:100%!important;height:70px!important;bottom:0;top:auto;left:0;flex-direction:row;justify-content:space-around;padding:0 1rem;border-right:none;border-top:1px solid var(--sb-border);border-radius:20px 20px 0 0}body.sidebar-nebula .sidebar-nav{bottom:20px;left:20px;width:calc(100% - 40px)!important;border-radius:20px;border:1px solid var(--sb-border)}.main-content{margin-left:0!important;width:100%!important;padding-bottom:90px}.sidebar-toggle{display:none}.nav-label{display:none!important}.nav-group{flex-direction:row;justify-content:space-evenly;align-items:center}}.home-hero{padding:1.5rem 2rem!important}.home-hero .text-6xl.md\:text-8xl{font-size:3rem!important}.home-hero .text-2xl.md\:text-4xl{font-size:1.25rem!important}.home-hero .text-xl{font-size:.9375rem!important}.home-hero .p-6{padding:1rem!important}.home-hero i.text-5xl{font-size:2.5rem!important}.home-hero .text-3xl{font-size:1.75rem!important}.grid.grid-cols-3.gap-4>div{padding:.75rem!important}.grid.grid-cols-3.gap-4 .text-xl{font-size:1.125rem!important}.home-card .p-5{padding:1rem!important}.home-card i.text-3xl{font-size:1.75rem!important;margin-bottom:.75rem!important}.home-card h4{font-size:.9375rem!important}.home-card p{font-size:.6875rem!important;margin-top:.25rem!important}.mt-8.flex.justify-center{margin-top:1.5rem!important}.max-w-2xl.p-4{padding:.875rem!important}.max-w-2xl .w-10.h-10{width:2rem!important;height:2rem!important}.max-w-2xl .text-xl{font-size:1.125rem!important}.max-w-2xl .text-sm{font-size:.8125rem!important}.flex.flex-col.gap-6{gap:1rem!important}.grid.gap-4{gap:.75rem!important}.grid.grid-cols-2.md\:grid-cols-4.gap-4{gap:.75rem!important;margin-top:.5rem!important}.home-hero{border-radius:1.5rem!important}.home-card div,.grid.grid-cols-3>div{border-radius:1rem!important}#view-home .flex.flex-col.gap-6{padding:1rem!important}