.dashboard-root{color:#eee;background-color:#0c0c0c;width:100%;min-height:100vh;font-family:inherit;display:flex;overflow:hidden}.dashboard-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#121212cc;border-right:1px solid #ffffff14;flex-direction:column;width:280px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.dashboard-sidebar.closed{width:80px}.sidebar-header{justify-content:space-between;align-items:center;padding:30px 24px;display:flex}.sidebar-logo{align-items:center;gap:12px;display:flex}.logo-icon{background:var(--accent-light);color:#000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:900;display:flex}.sidebar-logo span{letter-spacing:1px;font-size:18px;font-weight:800;transition:opacity .2s,transform .2s}.closed .sidebar-logo span{opacity:0;pointer-events:none;transform:translate(-10px)}.sidebar-toggle{color:#888;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:background .2s}.sidebar-toggle:hover{color:#fff;background:#ffffff0d}.sidebar-nav{flex-direction:column;flex:1;gap:8px;padding:10px 16px;display:flex}.nav-item{color:#999;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:16px;width:100%;padding:12px 14px;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff08}.nav-item.active{color:var(--accent-light);background:#a890fe1a}.nav-label{white-space:nowrap;font-size:15px;font-weight:500;transition:opacity .2s}.closed .nav-label{opacity:0;pointer-events:none}.sidebar-footer{border-top:1px solid #ffffff0d;padding:24px 16px}.user-profile{background:#ffffff08;border-radius:16px;align-items:center;gap:12px;margin-top:16px;padding:12px;display:flex;position:relative}.user-avatar{background:#2a2a2a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.user-info{flex-direction:column;transition:opacity .2s;display:flex;overflow:hidden}.closed .user-info{opacity:0;pointer-events:none}.user-name{white-space:nowrap;font-size:14px;font-weight:600}.user-email{color:#666;white-space:nowrap;font-size:12px}.logout-btn{color:#555;cursor:pointer;background:0 0;border:none;margin-left:auto;transition:color .2s}.logout-btn:hover{color:#fe4a49}.closed .logout-btn{display:none}.dashboard-main{flex-direction:column;flex:1;height:100vh;display:flex;position:relative;overflow:hidden}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:99;background:#0c0c0c80;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex}.header-left h1{margin:0;font-size:24px;font-weight:800}.header-right{align-items:center;gap:20px;display:flex}.btn-upload{background:var(--accent-light);color:#000;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.btn-upload:hover{transform:translateY(-2px);box-shadow:0 10px 20px #a890fe33}.icon-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex;position:relative}.icon-btn:hover{background:#ffffff14}.notification-dot{background:#fe4a49;border:2px solid #0c0c0c;border-radius:50%;width:8px;height:8px;position:absolute;top:12px;right:12px}.dashboard-content{background:radial-gradient(circle at 0 0,#a890fe08,#0000 40%),radial-gradient(circle at 100% 100%,#a890fe05,#0000 40%);flex:1;padding:40px;overflow-y:auto}@media (max-width:1024px){.dashboard-sidebar{height:100vh;position:fixed;top:0;left:0}.dashboard-sidebar.closed{border-right:none;width:0;overflow:hidden}.dashboard-header{padding:0 20px}.dashboard-content{padding:24px}}