*{box-sizing:border-box}:root{color:#f5f7fb;font-synthesis:none;text-rendering:optimizelegibility;background:#0b0d12;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{min-width:320px;min-height:100vh;margin:0}body{background:radial-gradient(circle at 20% 0,#6366f11f,#0000 30%),#0b0d12}button,input,select,textarea{font:inherit}.app{min-height:100vh;display:flex}.sidebar{z-index:20;background:#0f121af5;border-right:1px solid #ffffff12;width:250px;min-height:100vh;padding:22px 14px;position:fixed;top:0;bottom:0;left:0}.brand{letter-spacing:-.4px;align-items:center;gap:11px;height:54px;margin-bottom:28px;padding:0 14px;font-size:20px;font-weight:800;display:flex}.brand svg{color:#8b5cf6}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#9299a8;border-radius:10px;align-items:center;gap:12px;min-height:46px;padding:0 14px;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#fff;background:linear-gradient(90deg,#8b5cf638,#8b5cf614);box-shadow:inset 3px 0 #8b5cf6}.nav-item.active svg{color:#a78bfa}.content{width:calc(100% - 250px);min-height:100vh;margin-left:250px;padding:38px}.content h1{letter-spacing:-.8px;margin:0;font-size:30px}.content p{color:#8f97a8;margin-top:8px}.content>div>div[style]{grid-template-columns:repeat(4,minmax(0,1fr))!important}.content>div>div[style]>div{color:#cbd1dc;background:#141822cc;border:1px solid #ffffff12;border-radius:16px;align-items:center;gap:12px;min-height:120px;padding:22px;transition:all .2s;display:flex}.content>div>div[style]>div:hover{border-color:#8b5cf659;transform:translateY(-2px)}.content>div>div[style] svg{color:#8b5cf6}@media (width<=900px){.sidebar{width:76px;padding:18px 10px}.brand{justify-content:center;padding:0}.brand span,.nav-item span{display:none}.nav-item{justify-content:center;padding:0}.content{width:calc(100% - 76px);margin-left:76px;padding:25px 20px}.content>div>div[style]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=560px){.content{padding:22px 15px}.content h1{font-size:25px}.content>div>div[style]{grid-template-columns:1fr!important}.content>div>div[style]>div{min-height:90px}}
