.customer-dashboard-layout{background-color:#f8fafc;width:100%;max-width:100vw;min-height:100vh;font-family:BMWTypeNext-Regular,sans-serif;display:flex;overflow-x:hidden}.customer-dashboard-layout .dashboard-sidebar{z-index:1000;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;width:280px;height:100vh;transition:all .3s;display:flex;position:fixed;top:0;left:0;box-shadow:0 4px 6px -1px #0000001a}.customer-dashboard-layout .dashboard-sidebar.collapsed{width:80px}.customer-dashboard-layout .dashboard-sidebar.collapsed .sidebar-header .logo-text{display:none}.customer-dashboard-layout .dashboard-sidebar.collapsed .nav-link{justify-content:center}.customer-dashboard-layout .dashboard-sidebar.collapsed .nav-link .nav-label{display:none}.customer-dashboard-layout .dashboard-sidebar.collapsed .logout-btn{justify-content:center}.customer-dashboard-layout .dashboard-sidebar.collapsed .logout-btn span{display:none}@media (max-width:1024px){.customer-dashboard-layout .dashboard-sidebar{transform:translate(-100%)}.customer-dashboard-layout .dashboard-sidebar.mobile-open{transform:translate(0)}}.customer-dashboard-layout .dashboard-sidebar .sidebar-header{border-bottom:1px solid #e2e8f0;justify-content:center;align-items:center;height:72px;padding:16px 20px;display:flex}.customer-dashboard-layout .dashboard-sidebar .sidebar-header .sidebar-logo{color:#1a202c;justify-content:center;align-items:center;gap:12px;font-size:18px;font-weight:600;text-decoration:none;display:flex}.customer-dashboard-layout .dashboard-sidebar .sidebar-header .sidebar-logo .logo-image{object-fit:contain;width:auto;max-width:180px;height:50px}.customer-dashboard-layout .dashboard-sidebar .sidebar-header .sidebar-logo .logo-collapsed{color:#fff;background:linear-gradient(135deg,#e1a121 0%,#d97706 100%);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-family:BMWTypeNext-Bold,sans-serif;font-size:24px;font-weight:700;display:flex}.customer-dashboard-layout .dashboard-sidebar .sidebar-header .sidebar-logo .logo-text{color:#e1a121;font-family:BMWTypeNext-Bold,sans-serif}.customer-dashboard-layout .dashboard-sidebar .sidebar-header .sidebar-logo:hover{color:#e1a121}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav{flex:1;padding:20px 0}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu{margin:0;padding:0;list-style:none}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item{margin-bottom:4px}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .nav-link{color:#64748b;border-radius:0;align-items:center;gap:12px;padding:12px 20px;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:relative}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .nav-link:hover{color:#e1a121;background:#f1f5f9}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .nav-link.active{color:#e1a121;background:linear-gradient(90deg,#e1a1211a 0%,#d977061a 100%);border-right:3px solid #e1a121}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .nav-link.active .nav-icon{color:#e1a121}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .nav-link .nav-icon{justify-content:center;align-items:center;min-width:18px;font-size:18px;display:flex}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .nav-link .nav-label{flex:1;font-size:14px}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .nav-link .submenu-arrow{font-size:12px;transition:transform .3s}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .nav-link .submenu-arrow.expanded{transform:rotate(180deg)}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .submenu{opacity:0;visibility:hidden;max-height:0;margin-left:20px;padding:0;list-style:none;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s,transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden;transform:translateY(-20px)}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .submenu.expanded{opacity:1;visibility:visible;max-height:200px;transform:translateY(0)}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .submenu.expanded .submenu-item{opacity:0;animation:.3s forwards slideDown}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .submenu.expanded .submenu-item:first-child{animation-delay:50ms}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .submenu.expanded .submenu-item:nth-child(2){animation-delay:.1s}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .submenu.expanded .submenu-item:nth-child(3){animation-delay:.15s}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .submenu.expanded .submenu-item:nth-child(4){animation-delay:.2s}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .submenu.expanded .submenu-item:nth-child(5){animation-delay:.25s}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .submenu .submenu-item .nav-link{padding:8px 20px;font-size:13px}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .submenu .submenu-item .nav-link .nav-icon{font-size:14px}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .submenu .submenu-item .nav-link:hover{background:#f1f5f9}.customer-dashboard-layout .dashboard-sidebar .sidebar-nav .nav-menu .nav-item .submenu .submenu-item .nav-link.active{background:linear-gradient(90deg,#e1a1210d 0%,#d977060d 100%)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.customer-dashboard-layout .dashboard-sidebar .sidebar-footer{border-top:1px solid #e2e8f0;padding:20px}.customer-dashboard-layout .dashboard-sidebar .sidebar-footer .logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 20px;font-family:BMWTypeNext-Regular,sans-serif;font-weight:500;transition:all .3s;display:flex}.customer-dashboard-layout .dashboard-sidebar .sidebar-footer .logout-btn:hover{color:#dc2626;background:#fef2f2}.customer-dashboard-layout .mobile-overlay{z-index:999;background:#00000080;width:100%;height:100%;display:none;position:fixed;top:0;left:0}@media (max-width:1024px){.customer-dashboard-layout .mobile-overlay{display:block}}.customer-dashboard-layout .dashboard-main{flex-direction:column;flex:1;width:calc(100vw - 280px);min-width:0;min-height:100vh;margin-left:280px;transition:all .3s;display:flex;overflow-x:hidden}@media (max-width:1024px){.customer-dashboard-layout .dashboard-main{width:100vw;margin-left:0}}.customer-dashboard-layout.sidebar-collapsed .dashboard-main{width:calc(100vw - 80px);margin-left:80px}@media (max-width:1024px){.customer-dashboard-layout.sidebar-collapsed .dashboard-main{width:100vw;margin-left:0}.customer-dashboard-layout{margin-left:0}}.customer-dashboard-layout .dashboard-header{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:72px;padding:16px 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000001a}@media (max-width:768px){.customer-dashboard-layout .dashboard-header{height:64px;padding:12px 16px}}@media (max-width:480px){.customer-dashboard-layout .dashboard-header{height:56px;padding:8px 12px}}.customer-dashboard-layout .dashboard-header .header-left{align-items:center;gap:16px;display:flex}.customer-dashboard-layout .dashboard-header .header-left .menu-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;font-size:18px;transition:all .3s}.customer-dashboard-layout .dashboard-header .header-left .menu-toggle:hover{color:#e1a121;background:#f1f5f9}.customer-dashboard-layout .dashboard-header .header-left .menu-toggle.mobile-toggle{display:none}@media (max-width:1024px){.customer-dashboard-layout .dashboard-header .header-left .menu-toggle.mobile-toggle{display:block}.customer-dashboard-layout .dashboard-header .header-left .menu-toggle.desktop-toggle{display:none}}.customer-dashboard-layout .dashboard-header .header-right{align-items:center;gap:16px;display:flex}.customer-dashboard-layout .dashboard-header .header-right .notification-btn{color:#374151;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:10px;font-size:18px;transition:all .3s;display:flex}.customer-dashboard-layout .dashboard-header .header-right .notification-btn:hover{color:#fff;background:#e1a121;border-color:#e1a121}.customer-dashboard-layout .dashboard-header .header-right .notification-btn .anticon{font-size:16px}.customer-dashboard-layout .dashboard-header .header-right .user-profile{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;transition:all .3s;display:flex}.customer-dashboard-layout .dashboard-header .header-right .user-profile:hover{background:#f1f5f9}.customer-dashboard-layout .dashboard-header .header-right .user-profile .user-info{text-align:left;flex-direction:column;align-items:flex-start;display:flex}@media (max-width:640px){.customer-dashboard-layout .dashboard-header .header-right .user-profile .user-info{display:none}}.customer-dashboard-layout .dashboard-header .header-right .user-profile .user-info .user-name{color:#1a202c;font-size:14px;font-weight:600;line-height:1.2}.customer-dashboard-layout .dashboard-header .header-right .user-profile .user-info .user-role{color:#64748b;font-size:12px;line-height:1.2}.customer-dashboard-layout .dashboard-content{z-index:1;background:#f8fafc;flex:1;width:100%;min-width:0;padding:24px;position:relative;overflow:hidden auto}@media (max-width:768px){.customer-dashboard-layout .dashboard-content{padding:16px}}@media (max-width:480px){.customer-dashboard-layout .dashboard-content{padding:12px}}.customer-dashboard-layout.sidebar-collapsed .dashboard-main{margin-left:80px}.ant-badge .ant-badge-count{background:#e1a121;border-color:#e1a121}.ant-dropdown .ant-dropdown-menu{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover{background:#f8fafc}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-danger{color:#ef4444}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item.ant-dropdown-menu-item-danger:hover{color:#dc2626;background:#fef2f2}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item a{color:inherit;text-decoration:none!important}.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item a:hover,.ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item:hover a{text-decoration:none!important}.notification-dropdown-overlay .notification-dropdown{background:#fff;border-radius:8px;width:380px;max-height:500px;overflow:hidden;box-shadow:0 6px 16px #0000001f}.notification-dropdown-overlay .notification-dropdown .notification-header{background:#fafafa;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notification-dropdown-overlay .notification-dropdown .notification-header .ant-typography{color:#1a1a1a;margin:0;font-size:16px;font-weight:600}.notification-dropdown-overlay .notification-dropdown .notification-header .ant-btn-link{color:#1890ff;align-items:center;gap:4px;height:auto;padding:0;font-size:12px;display:flex}.notification-dropdown-overlay .notification-dropdown .notification-header .ant-btn-link:hover{color:#40a9ff}.notification-dropdown-overlay .notification-dropdown .notification-list{max-height:350px;padding:0;overflow-y:auto}.notification-dropdown-overlay .notification-dropdown .notification-list .notification-item{cursor:pointer;border-bottom:1px solid #f0f0f0;padding:12px 20px;transition:background-color .3s}.notification-dropdown-overlay .notification-dropdown .notification-list .notification-item:hover{background:#f8f9fa}.notification-dropdown-overlay .notification-dropdown .notification-list .notification-item.unread{background:#f6ffed;border-left:3px solid #52c41a}.notification-dropdown-overlay .notification-dropdown .notification-list .notification-item.unread:hover{background:#f0f9e8}.notification-dropdown-overlay .notification-dropdown .notification-list .notification-item:last-child{border-bottom:none}.notification-dropdown-overlay .notification-dropdown .notification-list .notification-item .ant-list-item-meta{margin-bottom:0}.notification-dropdown-overlay .notification-dropdown .notification-list .notification-item .ant-list-item-meta .ant-list-item-meta-avatar{margin-right:12px}.notification-dropdown-overlay .notification-dropdown .notification-list .notification-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-title{margin-bottom:4px;font-size:14px;line-height:1.4}.notification-dropdown-overlay .notification-dropdown .notification-list .notification-item .ant-list-item-meta .ant-list-item-meta-content .ant-list-item-meta-description{color:#666;font-size:12px;line-height:1.3}.notification-dropdown-overlay .notification-dropdown .notification-footer{background:#fafafa;border-top:1px solid #f0f0f0;padding:12px 20px}.notification-dropdown-overlay .notification-dropdown .notification-footer .ant-btn-link{color:#1890ff;width:100%;height:auto;padding:0;font-size:13px}.notification-dropdown-overlay .notification-dropdown .notification-footer .ant-btn-link:hover{color:#40a9ff}@media (max-width:768px){.notification-dropdown-overlay .notification-dropdown{width:280px;max-height:400px}.notification-dropdown-overlay .notification-dropdown .notification-list{max-height:280px}}@media (max-width:480px){.notification-dropdown-overlay .notification-dropdown{width:240px}.notification-dropdown-overlay .notification-dropdown .notification-header .ant-btn-link{display:none}}.ant-dropdown-menu-item a:hover{text-decoration:none!important}