.sidebar{position:fixed;top:0;right:-260px;width:260px;height:100vh;background:#1e1e2f;color:#fff;transition:right 0.3s ease;z-index:1000;padding-top:20px}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:250px;background:#0b3c91;color:#fff}.dashboard-content{flex:1;padding:30px;background:#f5f7fb}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:30px}.dash-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 8px 20px rgb(0 0 0 / .08);transition:transform 0.3s ease}.dash-card:hover{transform:translateY(-6px)}.dash-card h3{margin-bottom:10px;color:#0b3c91}.menu-title{margin:15px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:1px;opacity:.6}.sidebar .menu li a{display:flex;align-items:center;gap:12px}.sidebar .menu li a i{font-size:16px;width:20px;text-align:center}.avatar{width:70px;height:70px;background:rgb(34 0 255 / .15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.avatar i{font-size:32px;color:#fff}.sidebar.active{right:0}.profile-box{text-align:center;padding:20px;border-bottom:1px solid #333}.profile-box h3{margin:5px 0}.profile-box p{font-size:13px;color:#ccc}.menu{list-style:none;padding:0;margin-top:20px}.menu li{padding:15px 20px}.menu li a{color:#fff;text-decoration:none;display:block;transition:0.3s}.menu li a:hover{background:#4e73df;border-radius:6px;padding:10px 18px}.menu .logout a{border-radius:6px}.menu .logout a:hover{background:#e74a3b}@media (max-width:768px){.sidebar{width:220px}}