.dashboard-wrapper{display:flex;height:100vh;background:#f9fafb;overflow:hidden}html.dark .dashboard-wrapper{background:#111827}.dashboard-container{display:flex;flex-direction:column;flex:1;overflow:hidden;margin-left:250px;transition:margin-left .3s ease}body.sidebar-closed .dashboard-container{margin-left:80px}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:0 1.5rem;height:70px;display:flex;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.08);z-index:50;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease}html.dark .dashboard-header{background:#1f2937;border-bottom-color:#374151;box-shadow:0 1px 3px rgba(0,0,0,.3)}.header-content{justify-content:space-between;width:100%;height:100%}.header-content,.header-left{display:flex;align-items:center}.header-left{gap:1rem;flex:1}.header-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0}html.dark .header-title{color:#f3f4f6}.header-right{gap:1.5rem}.header-icon-btn,.header-right{display:flex;align-items:center}.header-icon-btn{justify-content:center;width:40px;height:40px;border-radius:8px;background:#f3f4f6;border:1px solid #e5e7eb;color:#6b7280;cursor:pointer;transition:all .2s ease;position:relative}.header-icon-btn:hover{background:#e5e7eb;color:#111827}html.dark .header-icon-btn{background:#374151;border-color:#4b5563;color:#9ca3af}html.dark .header-icon-btn:hover{background:#4b5563;color:#f3f4f6}.notification-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.header-divider{width:1px;height:30px;background:#e5e7eb}html.dark .header-divider{background:#4b5563}.header-user{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease}.header-user:hover{background:#f3f4f6}html.dark .header-user:hover{background:#374151}.user-avatar{width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.user-info-header{display:flex;flex-direction:column;gap:0}.user-name{font-size:.9rem;font-weight:600;color:#111827;margin:0}html.dark .user-name{color:#f3f4f6}.user-role{font-size:.75rem;color:#6b7280;margin:0;text-transform:capitalize}html.dark .user-role{color:#9ca3af}.dashboard-main{flex:1;overflow-y:auto;overflow-x:hidden;background:#f9fafb}html.dark .dashboard-main{background:#111827}.dashboard-content{padding:2rem;min-height:100%}.theme-selector{position:relative}.theme-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px rgba(0,0,0,.1);z-index:100;min-width:140px;overflow:hidden}html.dark .theme-menu{background:#1f2937;border-color:#374151;box-shadow:0 10px 15px rgba(0,0,0,.3)}.theme-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:#6b7280;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left}.theme-option:hover{background:#f3f4f6;color:#111827}.theme-option.active{background:#dbeafe;color:#1e40af}html.dark .theme-option{color:#d1d5db}html.dark .theme-option:hover{background:#374151;color:#f3f4f6}html.dark .theme-option.active{background:#1e3a8a;color:#bfdbfe}@media (max-width:1024px){.dashboard-header{padding:0 1rem}.header-right{gap:1rem}.user-info-header{display:none}.dashboard-content{padding:1.5rem}}@media (max-width:768px){.dashboard-container{margin-left:80px}.header-title{font-size:1.25rem}.header-icon-btn{width:36px;height:36px}.user-avatar{width:32px;height:32px;font-size:.85rem}.dashboard-content{padding:1rem}}.dashboard-main::-webkit-scrollbar{width:8px}.dashboard-main::-webkit-scrollbar-track{background:transparent}.dashboard-main::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.dashboard-main::-webkit-scrollbar-thumb:hover{background:#9ca3af}html.dark .dashboard-main::-webkit-scrollbar-thumb{background:#4b5563}html.dark .dashboard-main::-webkit-scrollbar-thumb:hover{background:#6b7280}