:root{--customer-bg:#f0f4ff;--customer-card-bg:#fff;--customer-sidebar-bg:#fff;--customer-accent:#2563eb;--customer-accent-soft:#2563eb14;--customer-radius-xl:32px;--customer-radius-lg:24px;--customer-shadow:0 10px 40px -10px #0000000d;--customer-text:#0f172a;--customer-text-muted:#64748b}.dark{--customer-bg:#0b1020;--customer-card-bg:#1e293b;--customer-sidebar-bg:#1e293b;--customer-accent:#38bdf8;--customer-accent-soft:#38bdf81f;--customer-text:#f1f5f9;--customer-text-muted:#94a3b8;--customer-shadow:0 10px 40px -10px #0000004d}.lw-dashboard-container{width:100%;height:100dvh;min-height:100dvh;color:var(--customer-text);box-sizing:border-box;background:linear-gradient(135deg,#f0f4ff 0%,#e0eaff 100%);gap:20px;padding:20px;font-family:Plus Jakarta Sans,system-ui,sans-serif;transition:all .3s;display:flex;overflow:hidden}.lw-dashboard-container.dark{background:linear-gradient(135deg,#0b1020 0%,#0f172a 100%)}.lw-dashboard-sidebar{background:var(--customer-sidebar-bg);border-radius:var(--customer-radius-xl);width:280px;box-shadow:var(--customer-shadow);z-index:100;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s;display:flex;position:relative;overflow:hidden}.lw-dashboard-container.dark .lw-dashboard-sidebar{background:#0f172a;border-right:1px solid #1e293b80}.lw-dashboard-sidebar.collapsed{width:80px}.sidebar-header{border-bottom:1px solid #e2e8f066;justify-content:space-between;align-items:center;height:72px;padding:0 24px;display:flex}.lw-dashboard-sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar-logo{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex}.logo-text{letter-spacing:-.02em;white-space:nowrap;font-size:18px;font-weight:800}.lw-dashboard-sidebar.collapsed .logo-text{display:none}.sidebar-toggle-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:24px;right:-12px;box-shadow:0 2px 4px #0000000d}.lw-dashboard-container.dark .sidebar-toggle-btn{color:#94a3b8;background:#1e293b;border-color:#334155}.sidebar-toggle-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:24px 12px;display:flex}.sidebar-nav-item{color:#64748b;border-radius:12px;align-items:center;gap:12px;padding:12px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative}.lw-dashboard-container.dark .sidebar-nav-item{color:#94a3b8}.sidebar-nav-item:hover{color:#2563eb;background:#2563eb0d}.lw-dashboard-container.dark .sidebar-nav-item:hover{color:#38bdf8;background:#2563eb1a}.sidebar-nav-item:hover .nav-icon{color:#2563eb}.lw-dashboard-container.dark .sidebar-nav-item:hover .nav-icon{color:#38bdf8}.sidebar-nav-item.active .nav-icon{color:#2563eb}.lw-dashboard-container.dark .sidebar-nav-item.active .nav-icon{color:#38bdf8}.active-indicator{background:#2563eb;border-radius:0 4px 4px 0;width:4px;position:absolute;top:10px;bottom:10px;left:0}.lw-dashboard-container.dark .active-indicator{background:#38bdf8}.lw-dashboard-sidebar.collapsed .nav-label{display:none}.nav-icon{flex-shrink:0}.sidebar-footer{border-top:1px solid #e2e8f066;padding:16px}.lw-dashboard-container.dark .sidebar-footer{border-top:1px solid #ffffff0d}.logout-btn{cursor:pointer;color:#64748b;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.logout-btn:hover{color:#ef4444;background:#ef444414;border-color:#ef444426;transform:translateY(-1px);box-shadow:0 4px 12px #ef44441a}.logout-btn:active{transform:translateY(0)}.lw-dashboard-container.dark .logout-btn{color:#94a3b8}.lw-dashboard-container.dark .logout-btn:hover{color:#f87171;background:#ef44441f;border-color:#ef444440}.lw-dashboard-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.lw-dashboard-header{background:var(--customer-card-bg);border-radius:var(--customer-radius-lg);height:72px;box-shadow:var(--customer-shadow);z-index:90;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 32px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header-title{letter-spacing:-.01em;font-size:20px;font-weight:700}.header-right{align-items:center;gap:8px;display:flex}.header-icon-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.header-icon-btn:hover{color:#0f172a;background:#0000000d}.lw-dashboard-container.dark .header-icon-btn:hover{color:#f1f5f9;background:#ffffff0d}.header-divider{background:#e2e8f0;width:1px;height:24px;margin:0 8px}.lw-dashboard-container.dark .header-divider{background:#334155}.user-profile{align-items:center;gap:12px;padding-left:8px;display:flex}.user-avatar{color:#2563eb;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:2px solid #fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex;box-shadow:0 4px 6px #0000000d}.lw-dashboard-container.dark .user-avatar{color:#38bdf8;background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#1e293b}.user-info{flex-direction:column;display:flex}.user-name{font-size:14px;font-weight:700}.user-role{color:#94a3b8;font-size:12px;font-weight:500}.lw-dashboard-content{background:0 0;flex:1;padding:0;overflow-y:auto}.mobile-menu-btn{display:none}@media (width<=768px){.lw-dashboard-sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);width:280px!important}.lw-dashboard-sidebar.mobile-open{transform:translate(0)}.lw-dashboard-overlay{backdrop-filter:blur(4px);z-index:95;background:#0006;position:fixed;inset:0}.mobile-menu-btn{cursor:pointer;width:40px;height:40px;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.lw-dashboard-header{padding:0 16px}.header-divider,.user-info{display:none}.lw-dashboard-content{padding:18px}.header-right{gap:4px}}