.nb-wrap{position:relative}.nb-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none}.nb-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:340px;max-height:420px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,.14);z-index:1000}.nb-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #f1f5f9;position:-webkit-sticky;position:sticky;top:0;background:#fff}.nb-head h4{margin:0;font-size:14px}.nb-mark{border:none;background:none;color:var(--pc-teal,#0f7b85);cursor:pointer;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.nb-mark:hover{text-decoration:underline}.nb-item{padding:10px 14px;border-bottom:1px solid #f8fafc;cursor:pointer}.nb-item:last-child{border-bottom:none}.nb-item:hover{background:#f8fafc}.nb-item--unread{background:var(--pc-teal-soft,#e3f1f2)}.nb-item--unread:hover{background:#d6eaec}.nb-title{font-size:13px;font-weight:600;color:#111827;display:flex;align-items:baseline;gap:7px}.nb-dot{width:7px;height:7px;border-radius:999px;flex:none;transform:translateY(-1px)}.nb-dot--teal{background:var(--pc-teal,#0f7b85)}.nb-dot--amber{background:var(--pc-amber-bright,#d69e2e)}.nb-dot--violet{background:var(--pc-violet,#6b3e8c)}.nb-dot--green{background:var(--pc-green,#2e7d4f)}.nb-dot--red{background:var(--pc-red,#b3372f)}.nb-dot--gray{background:#9ca3af}.nb-body{font-size:12px;color:#6b7280;margin-top:2px}.nb-time{font-size:11px;color:#9ca3af;margin-top:3px}.nb-empty{padding:28px 14px;text-align:center;color:#9ca3af;font-size:12.5px}:root{--primary-50:#f0f9ff;--primary-100:#e0f2fe;--primary-500:#0ea5e9;--primary-600:#0284c7;--primary-700:#0369a1;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success-500:#10b981;--warning-500:#f59e0b;--error-500:#ef4444;--nav-height:60px;--sidebar-width:230px;--sidebar-collapsed-width:60px;--sidebar-mobile-width:250px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.3s ease}.commerce-dashboard{min-height:100vh;min-width:1080px;background:var(--gray-50);color:var(--gray-800);position:relative}.commerce-nav{background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-800) 100%);border-bottom:1px solid var(--gray-700);box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container{justify-content:space-between;height:100%;padding:0 1rem;max-width:100%}.nav-container,.nav-section{display:flex;align-items:center}.nav-section{gap:1rem}.nav-left{flex:1 1}.nav-right{justify-content:flex-end}.mobile-menu-btn{display:none!important;color:var(--gray-300)}.desktop-sidebar-toggle{display:flex;color:var(--gray-300);transition:var(--transition-fast)}.desktop-sidebar-toggle:hover{color:#fff;background:hsla(0,0%,100%,.1)}.nav-platform-brand{display:flex;align-items:center;gap:.5rem}.nav-platform-icon{color:var(--primary-500);flex-shrink:0}.nav-platform-label{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400)}.nav-store-badge{display:flex;align-items:center;gap:.5rem;padding:.375rem .875rem;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.1);border-radius:999px;text-decoration:none;transition:var(--transition-fast);flex-shrink:0}.nav-store-badge:hover{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.2)}.nav-store-dot{width:7px;height:7px;border-radius:50%;background:var(--success-500);flex-shrink:0;box-shadow:0 0 6px rgba(16,185,129,.6)}.nav-store-dot--member{background:#f59e0b;box-shadow:0 0 6px rgba(245,158,11,.6)}.nav-store-name{font-size:.875rem;font-weight:600;color:#fff;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.nav-chat-badge{background:#2563eb;border-color:var(--gray-800)}.nav-item-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#2563eb;color:#fff;border-radius:999px;font-size:11px;font-weight:700;line-height:1;margin-left:auto;flex-shrink:0}.nav-item-badge-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:#2563eb;border-radius:50%;border:2px solid var(--gray-800);flex-shrink:0}.nav-divider{width:1px;height:26px;background:hsla(0,0%,100%,.12);flex-shrink:0}.user-profile-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1;gap:2px}.user-display-name{font-size:.875rem;font-weight:600;color:#fff}.user-role-label{font-size:.7rem;color:var(--gray-400);font-weight:400}.nav-action-wrapper,.nav-icon-btn{position:relative}.nav-icon-btn{background:hsla(0,0%,100%,.1);border:none;padding:.75rem;border-radius:var(--radius-lg);color:var(--gray-300);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.nav-icon-btn.active,.nav-icon-btn:hover{background:hsla(0,0%,100%,.15);color:#fff}.notification-badge{position:absolute;top:.5rem;right:.5rem;background:var(--error-500);color:#fff;font-size:.7rem;font-weight:600;padding:.1rem .4rem;border-radius:10px;border:2px solid var(--gray-800)}.user-profile-btn{display:flex;align-items:center;gap:.625rem;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);padding:.375rem .75rem;border-radius:var(--radius-xl);color:var(--gray-300);cursor:pointer;transition:var(--transition-fast)}.user-profile-btn.active,.user-profile-btn:hover{background:hsla(0,0%,100%,.15);color:#fff}.user-avatar{position:relative;width:36px;height:36px}.user-avatar img{width:100%;height:100%;border-radius:var(--radius-lg);object-fit:cover;border:2px solid hsla(0,0%,100%,.2)}.online-status{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:var(--success-500);border:2px solid var(--gray-800);border-radius:50%}.user-name{font-weight:500;font-size:.9rem}.dropdown-arrow{transition:var(--transition-fast)}.user-profile-btn.active .dropdown-arrow{transform:rotate(90deg)}.nav-dropdown{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);min-width:320px;z-index:1001;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between}.dropdown-header h3{font-size:1rem;font-weight:600;color:var(--gray-800);margin:0}.badge{background:var(--primary-500);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-sm)}.notification-dropdown .dropdown-content{padding:.5rem;max-height:300px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:var(--radius-lg);transition:var(--transition-fast);cursor:pointer}.notification-item:hover{background:var(--gray-50)}.notification-item.unread{background:var(--primary-50)}.notification-icon{font-size:1.25rem;flex-shrink:0}.notification-content{flex:1 1}.notification-content p{margin:0 0 .25rem;font-size:.9rem;font-weight:500;color:var(--gray-800)}.notification-time{font-size:.8rem;color:var(--gray-500)}.dropdown-footer{padding:1rem 1.5rem;border-top:1px solid var(--gray-100)}.view-all-btn{width:100%;background:var(--gray-100);border:none;padding:.75rem;border-radius:var(--radius-lg);color:var(--gray-700);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.view-all-btn:hover{background:var(--gray-200)}.profile-dropdown{min-width:280px}.profile-header{padding:1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--gray-100)}.profile-avatar-large{width:60px;height:60px}.profile-avatar-large img{width:100%;height:100%;border-radius:var(--radius-lg);object-fit:cover;border:3px solid var(--gray-100)}.profile-info{flex:1 1}.profile-name{font-size:1.1rem;font-weight:600;color:var(--gray-800);margin:0 0 .25rem}.profile-id{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--gray-500)}.profile-seller-ref{margin-top:.2rem;color:#b45309;font-weight:500}.profile-stats{display:flex;padding:1rem 1.5rem;border-bottom:1px solid var(--gray-100);gap:1rem}.stat-item{flex:1 1;text-align:center}.stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--primary-600)}.stat-label{display:block;font-size:.75rem;color:var(--gray-500);margin-top:.25rem}.dropdown-menu{padding:.5rem}.menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;border-radius:var(--radius-lg);color:var(--gray-700);text-decoration:none;font-size:.9rem;cursor:pointer;transition:var(--transition-fast)}.menu-item:hover{background:var(--gray-50);color:var(--gray-800)}.menu-divider{height:1px;background:var(--gray-100);margin:.5rem 0}.logout-item{color:var(--error-500)}.logout-item:hover{background:#fef2f2;color:var(--error-600)}.commerce-sidebar{background:linear-gradient(180deg,var(--gray-900) 0,var(--gray-800) 100%);border-right:1px solid var(--gray-700);position:fixed;top:var(--nav-height);left:0;bottom:0;width:var(--sidebar-width);transition:var(--transition-normal);z-index:999;display:flex;flex-direction:column;overflow-y:auto}.commerce-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:1.5rem 1.25rem 1rem;border-bottom:1px solid var(--gray-700)}.sidebar-brand{display:flex;align-items:center;gap:.75rem}.sidebar-title{font-size:.9rem;font-weight:600;color:var(--gray-300);text-transform:uppercase;letter-spacing:.05em}.sidebar-nav{flex:1 1;padding:1rem .5rem}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.nav-item,.nav-link{position:relative}.nav-link{display:flex;align-items:center;padding:.75rem .5rem;color:var(--gray-300);text-decoration:none;cursor:pointer;transition:var(--transition-fast);border-radius:var(--radius-lg);gap:.75rem}.nav-link:hover{background:hsla(0,0%,100%,.1);color:#fff}.nav-link.active{background:var(--primary-500);color:#fff;box-shadow:0 4px 12px rgba(14,165,233,.3)}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:20px;background:#fff;border-radius:0 2px 2px 0}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.nav-label{flex:1 1;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-arrow{transition:var(--transition-fast);flex-shrink:0}.nav-arrow.rotated{transform:rotate(90deg)}.nav-badge-count{min-width:20px;height:20px;padding:0 6px;margin-left:8px;display:inline-flex;font-size:.72rem;font-weight:700;line-height:1;color:#fff;background:#d97706;border-radius:999px;box-shadow:0 1px 2px rgba(0,0,0,.25)}.nav-arrow-slot,.nav-badge-count{flex-shrink:0;align-items:center;justify-content:center}.nav-arrow-slot{width:16px;height:16px;margin-left:6px;display:flex}.nav-link.active .nav-badge-count{background:hsla(0,0%,100%,.92);color:#b45309;box-shadow:none}.nav-icon{position:relative}.nav-badge-dot{position:absolute;top:-1px;right:-1px;width:8px;height:8px;border-radius:50%;background:#d97706;box-shadow:0 0 0 2px var(--sidebar-bg,#0f172a)}.flyout-header,.flyout-tooltip{display:flex;align-items:center;justify-content:space-between;gap:10px}.submenu{background:rgba(0,0,0,.2);border-radius:var(--radius-lg);margin:.25rem 0 .25rem .5rem;overflow:hidden;animation:submenuSlide .2s ease-out}@keyframes submenuSlide{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.submenu-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;color:var(--gray-400);text-decoration:none;font-size:.85rem;transition:var(--transition-fast);border-left:2px solid transparent}.submenu-item:hover{background:hsla(0,0%,100%,.05);color:var(--gray-300)}.submenu-item.active{background:hsla(0,0%,100%,.1);color:#fff;border-left-color:var(--primary-500)}.submenu-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.submenu-label{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:1rem 1.25rem 1.5rem;border-top:1px solid var(--gray-700)}.sidebar-help{display:flex;align-items:center;gap:.75rem;padding:1rem;background:hsla(0,0%,100%,.05);border-radius:var(--radius-lg);transition:var(--transition-fast);cursor:pointer}.sidebar-help:hover{background:hsla(0,0%,100%,.1)}.help-icon{font-size:1.25rem}.help-content p{margin:0;font-size:.9rem;font-weight:500;color:var(--gray-300)}.help-content span{font-size:.8rem;color:var(--gray-500)}.commerce-main{margin-top:var(--nav-height);margin-left:var(--sidebar-width);transition:var(--transition-normal);min-height:calc(100vh - var(--nav-height));background:var(--gray-50)}.commerce-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.main-container{max-width:100%;height:100%}.content-wrapper{background:#fff;min-height:calc(100vh - var(--nav-height) - 2rem)}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;display:none}.commerce-sidebar.collapsed .help-content,.commerce-sidebar.collapsed .nav-arrow,.commerce-sidebar.collapsed .nav-label,.commerce-sidebar.collapsed .sidebar-title{display:none}.commerce-sidebar.collapsed .nav-link{justify-content:center;padding:.75rem}.commerce-sidebar.collapsed .submenu{display:none}.sidebar-flyout{position:fixed;left:var(--sidebar-collapsed-width);z-index:1002;background:var(--gray-800);border:1px solid var(--gray-700);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:220px;max-width:280px;max-height:calc(100vh - 80px);overflow-y:auto;overflow-x:hidden;padding:.375rem;animation:flyoutSlide .15s ease-out;scrollbar-width:thin;scrollbar-color:var(--gray-600) transparent}.sidebar-flyout::-webkit-scrollbar{width:4px}.sidebar-flyout::-webkit-scrollbar-track{background:transparent}.sidebar-flyout::-webkit-scrollbar-thumb{background:var(--gray-600);border-radius:2px}@keyframes flyoutSlide{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}.flyout-header{padding:.5rem .75rem .375rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--gray-500);border-bottom:1px solid var(--gray-700);margin-bottom:.25rem}.flyout-body{display:flex;flex-direction:column;gap:.125rem}.flyout-link{display:flex;align-items:center;gap:.625rem;padding:.575rem .75rem;border-radius:var(--radius-md);color:var(--gray-300);text-decoration:none;font-size:.875rem;font-weight:400;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap;border-left:2px solid transparent}.flyout-link:hover{background:hsla(0,0%,100%,.07);color:#fff}.flyout-link.active{background:rgba(14,165,233,.12);color:var(--primary-500);border-left-color:var(--primary-500)}.flyout-link--indent{padding-left:1.25rem;font-size:.825rem}.flyout-link-icon{display:flex;align-items:center;flex-shrink:0;opacity:.75}.flyout-link.active .flyout-link-icon{opacity:1}.flyout-group{margin-top:.25rem}.flyout-group-label{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600;color:var(--gray-400);cursor:default}.flyout-tooltip{padding:.5rem .875rem;font-size:.875rem;font-weight:500;color:var(--gray-200);white-space:nowrap}@media (max-width:768px){.commerce-dashboard{display:block}.mobile-menu-btn{display:flex!important}.desktop-sidebar-toggle{display:none}.commerce-sidebar{transform:translateX(-100%);width:var(--sidebar-mobile-width);z-index:999}.commerce-sidebar.mobile-open{transform:translateX(0)}.commerce-main{margin-left:0!important;width:100%;padding:1rem}.mobile-overlay{display:block}.nav-container{padding:0 1rem}.nav-divider,.nav-platform-label,.nav-store-badge,.user-profile-text{display:none}.user-profile-btn{padding:.375rem .5rem;border-radius:var(--radius-lg)}.main-container{padding:0}.content-wrapper{min-height:calc(100vh - var(--nav-height) - 2rem);padding:1rem}}@media (min-width:769px){.commerce-main{margin-left:var(--sidebar-width);transition:var(--transition-normal)}.commerce-main.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.mobile-overlay{display:none!important}}.commerce-sidebar::-webkit-scrollbar{width:6px}.commerce-sidebar::-webkit-scrollbar-track{background:var(--gray-800)}.commerce-sidebar::-webkit-scrollbar-thumb{background:var(--gray-600);border-radius:3px}.commerce-sidebar::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.nav-link.loading{opacity:.7;pointer-events:none}.menu-item:focus,.nav-icon-btn:focus,.nav-link:focus,.user-profile-btn:focus{outline:2px solid var(--primary-500);outline-offset:2px}