.dashboard-wrapper{background:url(/dashboard.png) 50%/cover no-repeat;min-height:100vh;font-family:Segoe UI,sans-serif;display:flex}.dashboard-wrapper:before{content:"";z-index:0;background:#00000073;position:absolute;inset:0}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:1;background:#111827e6;border-right:1px solid #ffffff14;width:260px;padding:20px}.sidebar-header h4{margin:0;font-size:18px}.sidebar-header small{color:#94a3b8}.menu{margin-top:20px;padding:0;list-style:none}.sidebar-item{cursor:pointer;color:#cbd5e1;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;transition:all .3s;display:flex}.sidebar-item i{font-size:18px}.sidebar-item:hover{color:#38bdf8;background:#ffffff14;transform:translate(4px)}.sidebar-item.active{color:#fff;background:linear-gradient(90deg,#7c3aed,#06b6d4);font-weight:600}.logout{color:#f87171}.main-content{z-index:1;color:#fff;flex:1;padding:30px}.header h2{margin:0;font-size:28px}.header p{color:#cbd5e1}.cards{gap:20px;margin-top:25px;display:flex}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border-radius:14px;flex:1;padding:20px;transition:all .3s}.card:hover{background:#ffffff1f;transform:translateY(-6px)}@media (width<=768px){.sidebar{width:80px}.sidebar-item span,.sidebar-header small{display:none}.sidebar-item{justify-content:center}.cards{flex-direction:column}}