*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#0a1428,#091428 50%,#0a0e14);color:#c8aa6e;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.sidebar{background:#0a0e14;border-right:1px solid #c8aa6e33;flex-direction:column;height:100vh;padding:20px 0;position:fixed;width:80px;z-index:100}.sidebar,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{border:2px solid #c8aa6e;border-radius:12px;color:#c8aa6e;font-size:24px;font-weight:700;height:50px;justify-content:center;margin-bottom:30px;text-decoration:none;transition:all .2s;width:50px}.sidebar-logo:hover{background:#1e2328;box-shadow:0 0 20px #c8aa6e44}.sidebar-nav{gap:10px;padding:0 10px;width:100%}.nav-item,.sidebar-nav{display:flex;flex-direction:column}.nav-item{align-items:center;border-radius:12px;color:#5c5c5c;cursor:pointer;justify-content:center;padding:15px 10px;text-decoration:none;transition:all .2s}.nav-item:hover{background:#1e2328;color:#c8aa6e}.nav-item.active{background:linear-gradient(135deg,#1a3a2a,#1e2328);border:1px solid #c8aa6e55;color:#c8aa6e}.nav-item svg{height:24px;margin-bottom:5px;width:24px}.nav-item span{font-size:10px;letter-spacing:.5px;text-transform:uppercase}.main-content{flex:1;margin-left:80px;min-height:100vh}@media (max-width:768px){.sidebar{width:60px}.main-content{margin-left:60px}.nav-item span{display:none}}