.notification-wrapper{position:relative}.notification-btn{cursor:pointer;background:#fff;border:none;border-radius:50%;width:44px;height:44px;font-size:22px;transition:all .3s;position:relative;box-shadow:0 2px 10px #00000014}.notification-btn:hover{color:#fff;background:#2563eb;transform:scale(1.05)}.notification-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;padding:2px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.notification-dropdown{z-index:999;background:#fff;border-radius:12px;width:360px;position:absolute;top:55px;right:0;overflow:hidden;box-shadow:0 12px 35px #00000026}.notification-header{color:#fff;background:#2563eb;justify-content:space-between;align-items:center;padding:16px;display:flex}.notification-header h3{margin:0;font-size:18px}.notification-header a{color:#fff;font-size:14px;text-decoration:none}.notification-list{max-height:420px;overflow-y:auto}.notification-item{color:#111827;border-bottom:1px solid #e5e7eb;gap:12px;padding:15px;text-decoration:none;transition:all .3s;display:flex}.notification-item:hover{background:#f8fafc}.notification-icon{font-size:24px}.notification-content{flex:1}.notification-content h4{margin:0 0 6px;font-size:15px}.notification-content p{color:#6b7280;margin:0;font-size:13px;line-height:1.5}.notification-content small{color:#9ca3af;margin-top:8px;font-size:11px;display:block}.notification-empty{text-align:center;color:#9ca3af;padding:35px}@media (max-width:768px){.notification-dropdown{width:320px;right:-40px}}@media (max-width:480px){.notification-dropdown{width:300px;right:-70px}}
.seller-layout{background:#f8fafc;width:100%;min-height:100vh;display:flex}.seller-sidebar{box-sizing:border-box;background:#fff;border-right:1px solid #898f9c;flex-direction:column;width:260px;min-width:260px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:0 0 20px #0000000d}.seller-sidebar-header{box-sizing:border-box;border-bottom:1px solid #f1f5f9;width:100%;padding:18px 15px 12px}.seller-sidebar-logo{cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0;display:flex}.seller-brand-logo{object-fit:contain;width:175px;max-width:100%;height:auto;margin:0 auto;display:block}.seller-panel-title{color:#111827;letter-spacing:.2px;text-align:center;margin-top:4px;font-size:17px;font-weight:800;line-height:1.3}.seller-sidebar-menu{box-sizing:border-box;flex-direction:column;flex:1;gap:5px;padding:15px 12px;display:flex}.seller-menu-item{box-sizing:border-box;color:#010008;border-radius:9px;align-items:center;gap:13px;width:100%;min-height:46px;padding:11px 14px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,transform .2s;display:flex}.seller-menu-item:hover{color:#07050a;background:#43a704;transform:translate(3px)}.seller-menu-item.active{color:#fdfcfc;background:#0d045a;box-shadow:0 6px 16px #aaa8bb38}.seller-menu-icon{justify-content:center;align-items:center;width:24px;min-width:24px;font-size:18px;line-height:1;display:flex}.seller-menu-text{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.seller-sidebar-bottom{box-sizing:border-box;width:100%;padding:0 12px 15px}.seller-sidebar-divider{background:#e5e7eb;width:100%;height:1px;margin-bottom:10px}.seller-logout-button{box-sizing:border-box;color:#020113;text-align:left;cursor:pointer;background:#d3f802;border:none;border-radius:9px;align-items:center;gap:13px;width:100%;min-height:46px;padding:11px 14px;font-size:15px;font-weight:600;transition:background .2s,color .2s;display:flex}.seller-logout-button:hover{color:#faf6f6;background:#2808dd}.seller-main{background:#f8fafc;flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.seller-topbar{box-sizing:border-box;z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;width:100%;height:70px;min-height:70px;padding:0 25px;display:flex;position:sticky;top:0}.seller-topbar h2{color:#1e293b;margin:0;font-size:22px;font-weight:700;line-height:1.2}.seller-topbar p{color:#64748b;margin:4px 0 0;font-size:13px}.seller-topbar-right{align-items:center;gap:15px;display:flex}.seller-content{box-sizing:border-box;flex:1;width:100%;padding:25px}@media (max-width:992px){.seller-sidebar{width:235px;min-width:235px}.seller-menu-item{padding:10px 12px;font-size:14px}.seller-brand-logo{width:155px}.seller-content{padding:20px}}@media (max-width:768px){.seller-layout{display:block}.seller-sidebar{border-bottom:1px solid #e5e7eb;border-right:none;width:100%;min-width:0;height:auto;min-height:auto;position:relative}.seller-sidebar-header{padding:12px 15px}.seller-brand-logo{width:145px}.seller-sidebar-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px 12px;display:grid}.seller-menu-item{min-height:44px;padding:9px 10px;font-size:13px}.seller-menu-icon{width:22px;min-width:22px;font-size:17px}.seller-sidebar-bottom{padding:0 12px 12px}.seller-main{min-height:auto}.seller-topbar{height:64px;min-height:64px;padding:0 15px}.seller-topbar h2{font-size:18px}.seller-topbar p{font-size:12px}.seller-content{padding:15px}}@media (max-width:480px){.seller-sidebar-menu{grid-template-columns:1fr}.seller-menu-item{font-size:14px}.seller-topbar h2{font-size:16px}.seller-topbar p{display:none}.seller-content{padding:10px}}