@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fbff;font-family:Manrope,Segoe UI,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-weight:500!important}button *{font-weight:inherit}.spinner{border:3px solid #e2e8f0;border-top-color:#1e40af}.vendor-login-container{--primary-blue:#002868;--secondary-green:#008751;--accent-red:#8b0000;--accent-yellow:gold;--background-white:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--border-color:#e0e0e0;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-lgo:100px;--transition:all 0.25s ease;background:var(--background-white);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh}.vendor-login-container *{box-sizing:border-box;margin:0;padding:0}.vendor-login-container .login-left-panel{background:linear-gradient(135deg,var(--primary-blue) 0,#001f4d 100%);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;overflow:hidden;padding:60px 48px;position:relative}.vendor-login-container .login-left-panel:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";inset:0;position:absolute}.vendor-login-container .login-brand{position:relative;z-index:1}.vendor-login-container .brand-logo{background-color:#e0e0e0;border-radius:var(--radius-lgo);margin-bottom:24px;padding:10px;width:min(340px,100%)}.vendor-login-container .brand-logo-img{display:block;height:auto;width:100%}.vendor-login-container .brand-title{background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:8px;margin-top:40px}.vendor-login-container .brand-subtitle{color:#ffffffd9;font-size:1.05rem;line-height:1.55}.vendor-login-container .admin-features{grid-gap:14px;display:grid;gap:14px;margin-top:24px;position:relative;z-index:1}.vendor-login-container .feature-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:16px;display:flex;gap:1rem;padding:1.25rem;text-align:left;transition:all .3s ease}.vendor-login-container .feature-card:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateX(10px)}.vendor-login-container .feature-icon{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.8rem;height:54px;justify-content:center;width:54px}.vendor-login-container .feature-text h4{color:#fff;font-size:1.05rem;font-weight:600;margin-bottom:.25rem}.vendor-login-container .feature-text p{color:#fffc;font-size:.9rem;line-height:1.4}.vendor-login-container .login-tagline-container{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding-top:24px;position:relative;z-index:1}.vendor-login-container .tagline-text{color:#ffffffb3;flex:1 1;font-size:1rem;line-height:1.6;min-width:250px}.vendor-login-container .docs-link{align-items:center;background:#ffd7001a;border:1px solid #ffd70033;border-radius:var(--radius-md);color:var(--accent-yellow);display:inline-flex;font-size:.9375rem;font-weight:500;gap:8px;padding:10px 16px;text-decoration:none;transition:var(--transition);white-space:nowrap}.vendor-login-container .docs-link:hover{background:#ffd70026;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.vendor-login-container .docs-link svg{font-size:1.125rem}.vendor-login-container .login-right-panel{align-items:center;background:var(--background-white);display:flex;flex:1 1;justify-content:center;padding:40px}.vendor-login-container .login-form-container{background:var(--background-white);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:440px;padding:48px 40px;width:100%}.vendor-login-container .form-header{margin-bottom:32px;text-align:center}.vendor-login-container .form-header h2{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:8px}.vendor-login-container .form-header p{color:var(--text-secondary);font-size:1rem;line-height:1.5}.vendor-login-container .alert{align-items:flex-start;animation:vendor-login-slideIn .3s ease;border-radius:var(--radius-md);display:flex;gap:12px;margin-bottom:24px;padding:16px}@keyframes vendor-login-slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vendor-login-container .alert-error{background:#8b00001a;border:1px solid #8b000033;color:var(--accent-red)}.vendor-login-container .alert-icon{flex-shrink:0;font-size:1.25rem;margin-top:2px}.vendor-login-container .alert-message{font-size:.9375rem;line-height:1.5}.vendor-login-container .form-group,.vendor-login-container .login-form{margin-bottom:24px}.vendor-login-container .form-label{color:var(--text-primary);display:block;font-size:.9375rem;font-weight:500;line-height:1.5;margin-bottom:8px}.vendor-login-container .form-label .required{color:var(--accent-red);margin-left:4px}.vendor-login-container .form-label .optional{color:var(--text-secondary);font-size:.8125rem;font-weight:400;margin-left:8px}.vendor-login-container .input-wrapper{position:relative;width:100%}.vendor-login-container .input-icon{color:var(--text-secondary);font-size:1.125rem;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.vendor-login-container .form-input{background:var(--background-white);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9375rem;line-height:1.5;padding:14px 16px 14px 48px!important;position:relative;transition:var(--transition);width:100%;z-index:1}.vendor-login-container .form-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0028681a;outline:none}.vendor-login-container .form-input.error{background:#8b000005;border-color:var(--accent-red)}.vendor-login-container .form-input.error:focus{box-shadow:0 0 0 3px #8b00001a}.vendor-login-container .form-input::placeholder{color:var(--text-secondary);opacity:.6}.vendor-login-container .form-input:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.vendor-login-container .field-error{align-items:center;color:var(--accent-red);display:flex;font-size:.8125rem;gap:6px;line-height:1.4;margin-top:6px}.vendor-login-container .field-error svg{flex-shrink:0;font-size:.875rem}.vendor-login-container .form-options{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:24px}.vendor-login-container .checkbox-container{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9375rem;-webkit-user-select:none;user-select:none}.vendor-login-container .checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.vendor-login-container .checkmark{background:var(--background-white);border:1px solid var(--border-color);border-radius:4px;height:20px;margin-right:10px;position:relative;transition:var(--transition);width:20px}.vendor-login-container .checkbox-container:hover .checkmark{border-color:var(--primary-blue)}.vendor-login-container .checkbox-container input:checked~.checkmark{background:var(--primary-blue);border-color:var(--primary-blue)}.vendor-login-container .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.vendor-login-container .checkbox-container input:checked~.checkmark:after{display:block}.vendor-login-container .checkbox-label{line-height:1.5}.vendor-login-container .link-button{background:#0000;border:none;color:var(--primary-blue);cursor:pointer;font-size:.9rem;font-weight:600;padding:0;text-decoration:underline}.vendor-login-container .link-button:disabled{cursor:not-allowed;opacity:.6}.vendor-login-container .btn-login{align-items:center;background:linear-gradient(135deg,var(--primary-blue),#001f4d);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;line-height:1.5;padding:14px 20px;transition:var(--transition);width:100%}.vendor-login-container .btn-login:hover:not(:disabled){background:linear-gradient(135deg,#001f4d,#001033);box-shadow:var(--shadow-md);transform:translateY(-2px)}.vendor-login-container .btn-login:disabled{cursor:not-allowed;opacity:.7}.vendor-login-container .btn-login.loading{opacity:.8}.vendor-login-container .btn-login svg{font-size:1.125rem}.vendor-login-container .spinner{animation:vendor-login-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes vendor-login-spin{to{transform:rotate(1turn)}}.vendor-login-container .form-divider{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;margin:24px 0}.vendor-login-container .form-divider:after,.vendor-login-container .form-divider:before{background:var(--border-color);content:"";flex:1 1;height:1px}.vendor-login-container .form-divider span{line-height:1.5;padding:0 16px}.vendor-login-container .support-section{margin-top:24px}.vendor-login-container .support-info{background:#f8f9fa;border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;gap:16px;justify-content:space-between;padding:20px}.vendor-login-container .support-icon{align-items:center;background:#0028681a;border-radius:var(--radius-sm);color:var(--primary-blue);display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;width:40px}.vendor-login-container .support-content h4{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.5;margin-bottom:4px}.vendor-login-container .support-content p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.vendor-login-container .support-content strong{color:var(--primary-blue);font-weight:600}.vendor-login-container .login-footer{border-top:1px solid var(--border-color);margin-top:24px;padding-top:24px;text-align:center}.vendor-login-container .copyright{color:var(--text-secondary);font-size:.8125rem;line-height:1.5}@media (max-width:1024px){.vendor-login-container .login-left-panel{display:none}.vendor-login-container{background:linear-gradient(135deg,#0028680d,#0087510d)}}@media (max-width:768px){.vendor-login-container{flex-direction:column}.vendor-login-container .login-left-panel{display:flex;padding:40px 24px;text-align:center}.vendor-login-container .brand-logo{margin:0 auto 20px}.vendor-login-container .brand-title{font-size:2rem}.vendor-login-container .login-tagline-container{flex-direction:column;gap:16px;text-align:center}.vendor-login-container .tagline-text{min-width:auto}.vendor-login-container .docs-link{justify-content:center;width:100%}.vendor-login-container .login-right-panel{padding:40px 24px}}@media (max-width:576px){.vendor-login-container .login-right-panel{padding:20px}.vendor-login-container .login-form-container{padding:32px 24px}.vendor-login-container .form-header h2{font-size:1.75rem}.vendor-login-container .form-options{align-items:flex-start;flex-direction:column;width:100%}}@keyframes vendorShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.vendor-page-skeleton{display:flex;flex-direction:column;gap:24px}.vendor-skeleton-header{display:flex;flex-direction:column;gap:10px}.vendor-skeleton-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.vendor-skeleton-card,.vendor-skeleton-panel{background:#ffffffeb;border:1px solid var(--vendor-border-color);border-radius:14px;box-shadow:var(--vendor-shadow);padding:18px}.vendor-skeleton-panel{display:flex;flex-direction:column;gap:12px;padding:20px}.vendor-skeleton-icon,.vendor-skeleton-line,.vendor-skeleton-row{animation:vendorShimmer 1.2s infinite;background:linear-gradient(90deg,#e2e8f073 25%,#e2e8f0e6 50%,#e2e8f073 75%);background-size:200% 100%}.vendor-skeleton-icon{border-radius:12px;height:42px;width:42px}.vendor-skeleton-line{border-radius:999px;height:14px}.vendor-skeleton-line.title{height:24px;width:220px}.vendor-skeleton-line.short{width:160px}.vendor-skeleton-rows{display:flex;flex-direction:column;gap:10px}.vendor-skeleton-row{border-radius:10px;height:18px}:root{--sidebar-width:280px;--primary-blue:#1f4aa8;--primary-blue-light:#e6efff;--primary-blue-dark:#173a82;--accent-blue:#1f4aa8;--sidebar-bg:#0f172a;--sidebar-hover:#1f4aa833;--sidebar-active:#1f4aa852;--content-bg:linear-gradient(180deg,#f8fbff,#eef5ff 55%,#f6fffa);--card-bg:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-light:#94a3b8;--border-color:#e2e8f0;--success:#0f9d58;--warning:#f59e0b;--danger:#d62828;--shadow:0 4px 6px -1px #0f172a1f,0 2px 4px -1px #0f172a14;--shadow-lg:0 20px 25px -5px #0f172a1f,0 10px 10px -5px #0f172a14;--shadow-sm:0 2px 4px #0f172a14;--shadow-md:0 10px 20px #0f172a1f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--transition:all 0.25s ease;--secondary-green:var(--success);--accent-red:var(--danger);--accent-yellow:var(--warning);--background-white:#fff;--vendor-sidebar-width:var(--sidebar-width);--vendor-primary:var(--primary-blue);--vendor-primary-light:var(--primary-blue-light);--vendor-primary-dark:var(--primary-blue-dark);--vendor-accent:var(--accent-blue);--vendor-success:var(--success);--vendor-warning:var(--warning);--vendor-danger:var(--danger);--vendor-sidebar-bg:var(--sidebar-bg);--vendor-sidebar-hover:var(--sidebar-hover);--vendor-sidebar-active:var(--sidebar-active);--vendor-content-bg:var(--content-bg);--vendor-card-bg:var(--card-bg);--vendor-text-primary:var(--text-primary);--vendor-text-secondary:var(--text-secondary);--vendor-text-light:var(--text-light);--vendor-border-color:var(--border-color);--vendor-shadow:var(--shadow);--vendor-shadow-lg:var(--shadow-lg)}.spinning{animation:spin 1s linear infinite}.dashboard-container{background:linear-gradient(180deg,#f8fbff,#eef5ff 55%,#f6fffa);background:var(--content-bg);color:#0f172a;color:var(--text-primary);display:flex;font-family:Manrope,Segoe UI,sans-serif;min-height:100vh}.dashboard-container h1,.dashboard-container h2,.dashboard-container h3,.dashboard-container h4{font-family:Space Grotesk,Manrope,sans-serif;letter-spacing:.01em}.sidebar{background:#0f172a;background:var(--sidebar-bg);border-right:1px solid #ffffff1a;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;width:var(--sidebar-width);z-index:1000}@keyframes contentFade{0%{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sidebar-header{background:#0f172a;background:var(--sidebar-bg);border-bottom:1px solid #ffffff1a;gap:1rem;min-height:80px;padding:1.5rem}.brand,.sidebar-header{align-items:center;display:flex}.brand{flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;text-align:center}.brand-logo{background-color:#e0e0e0;border-radius:80px;margin:0 auto 16px;padding:5px;width:min(100px,100%)}.brand-logo-img{display:block;height:auto;width:100%}.brand p{color:#fff;font-family:fantasy;font-size:.9rem;font-weight:700;line-height:1.5;margin:0}.brand-subtitle{color:#94a3b8;color:var(--text-light);font-size:.75rem;opacity:.8}.sidebar-nav{flex:1 1;gap:1.5rem;overflow-y:auto;padding:1.5rem .75rem}.nav-section,.sidebar-nav{display:flex;flex-direction:column}.nav-section{gap:.25rem}.section-title{font-size:.75rem;font-weight:600;letter-spacing:.05em;opacity:.7;padding:0 .75rem .5rem;text-transform:uppercase}.nav-item,.section-title{color:#94a3b8;color:var(--text-light)}.nav-item{align-items:center;border-radius:10px;display:flex;gap:.75rem;padding:.75rem;position:relative;text-decoration:none;transition:all .25s ease;transition:var(--transition)}.nav-item:hover{background:#1f4aa833;background:var(--sidebar-hover);color:#fff}.nav-item.active{background:#1f4aa852;background:var(--sidebar-active);box-shadow:0 4px 6px -1px #0f172a1f,0 2px 4px -1px #0f172a14;box-shadow:var(--shadow);color:#fff}.nav-item.active .nav-chevron{opacity:1;transform:translateX(0)}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.nav-icon svg{stroke:currentColor;height:20px;width:20px}.nav-label{flex:1 1;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-chevron{height:16px;opacity:0;transform:translateX(-5px);transition:all .2s ease;width:16px}.sidebar-footer{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#fffffff2;border:1px solid #fff3;border-radius:10px;box-shadow:0 4px 6px -1px #0f172a1f,0 2px 4px -1px #0f172a14;box-shadow:var(--shadow);margin:1rem;padding:1rem}.user-profile{gap:12px}.user-avatar,.user-profile{align-items:center;display:flex}.user-avatar{background:#1f4aa8;background:var(--primary-blue);border-radius:50%;color:#fff;flex-shrink:0;font-size:14px;font-weight:600;height:44px;justify-content:center;width:44px}.user-info{flex:1 1;min-width:0}.user-name{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:12px;margin-top:2px}.user-role,.user-status{color:#475569;color:var(--text-secondary)}.user-status{align-items:center;display:flex;font-size:11px;gap:6px;margin-top:4px}.last-login{color:#0f9d58;color:var(--success);font-weight:500}.logout-btn,.user-actions{align-items:center;display:flex}.logout-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;justify-content:center;padding:6px;transition:all .2s ease}.logout-btn,.logout-btn:hover{color:#d62828;color:var(--danger)}.logout-btn:hover{background:#ef44441a}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:280px;margin-left:var(--sidebar-width);min-height:100vh}.topbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--card-bg);background:#fffffff2;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.page-info h1{color:#1f4aa8;color:var(--primary-blue);font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.breadcrumb{align-items:center;color:#475569;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.25rem}.breadcrumb-separator{color:#94a3b8;color:var(--text-light);margin:0 .25rem}.breadcrumb-item{color:#1f4aa8;color:var(--primary-blue);font-weight:500}.action-buttons,.topbar-actions{display:flex;gap:.5rem}.topbar-icon-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#475569;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:1.25rem;justify-content:center;line-height:1;padding:6px;position:relative;transition:color .2s ease}.topbar-icon-btn:hover{color:#1f4aa8;color:var(--primary-blue)}.topbar-icon-btn:focus-visible{outline:2px solid #1f4aa873;outline-offset:2px}.action-btn{background:none;border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#475569;color:var(--text-secondary);height:40px;position:relative;transition:all .2s ease;width:40px}.action-btn:hover{background:#1f4aa8;background:var(--primary-blue);border-color:#1f4aa8;border-color:var(--primary-blue);box-shadow:0 4px 6px -1px #0f172a1f,0 2px 4px -1px #0f172a14;box-shadow:var(--shadow);color:#fff}.notification-badge{align-items:center;background:#d62828;background:var(--danger);border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-4px;top:-4px}.notifications-wrapper{display:inline-flex;position:relative}.notifications-panel{background:#fffffffa;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 20px 25px -5px #0f172a1f,0 10px 10px -5px #0f172a14;box-shadow:var(--shadow-lg);max-width:calc(100vw - 48px);overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:360px;z-index:200}.notifications-header{align-items:flex-start;border-bottom:1px solid #e2e8f0cc;display:flex;gap:12px;justify-content:space-between;padding:14px 14px 10px}.notifications-title{color:#0f172a;color:var(--text-primary);font-size:.95rem;font-weight:700;line-height:1.2}.notifications-subtitle{color:#475569;color:var(--text-secondary);font-size:.75rem;margin-top:2px}.notifications-actions{align-items:center;display:inline-flex;gap:8px}.notifications-markall{background:#1f4aa814;border:1px solid #1f4aa82e;border-radius:10px;color:#1f4aa8;color:var(--primary-blue);cursor:pointer;font-size:.75rem;font-weight:600;padding:7px 10px;transition:all .25s ease;transition:var(--transition)}.notifications-markall:hover:enabled{background:#1f4aa81f;border-color:#1f4aa842}.notifications-markall:disabled{cursor:not-allowed;opacity:.6}.notifications-refresh{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:10px;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .25s ease;transition:var(--transition);width:34px}.notifications-refresh:hover:enabled{background:#1f4aa814;border-color:#1f4aa838;color:#1f4aa8;color:var(--primary-blue)}.notifications-refresh:disabled{cursor:not-allowed;opacity:.6}.notifications-body{max-height:420px;overflow-y:auto}.notifications-empty{color:#475569;color:var(--text-secondary);font-size:.85rem;padding:16px}.notification-item{background:#0000;border:none;border-bottom:1px solid #e2e8f0cc;cursor:pointer;padding:12px 14px;text-align:left;transition:all .25s ease;transition:var(--transition);width:100%}.notification-item.unread,.notification-item:hover{background:#1f4aa80f}.notification-item.read{opacity:.85}.notification-item-title{color:#0f172a;color:var(--text-primary);font-size:.85rem;font-weight:700;margin-bottom:4px}.notification-item-message{color:#475569;color:var(--text-secondary);font-size:.8rem;line-height:1.35}.notification-item-time{color:#94a3b8;color:var(--text-light);font-size:.72rem;margin-top:6px}.content-area{animation:contentFade .4s ease;background:linear-gradient(180deg,#f8fbff,#eef5ff 55%,#f6fffa);background:var(--content-bg);flex:1 1;overflow-y:auto;padding:2rem}.content-area .analytics-card,.content-area .analytics-panel,.content-area .card,.content-area .info-card,.content-area .kpi-card,.content-area .main-wallet-card,.content-area .order-card,.content-area .orders-section,.content-area .product-card,.content-area .products-controls,.content-area .quick-actions-card,.content-area .revenue-card,.content-area .revenue-panel,.content-area .stat-card,.content-area .support-card,.content-area .table-section,.content-area .wallet-card,.content-area .wallet-panel{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.content-area .analytics-card:hover,.content-area .analytics-panel:hover,.content-area .card:hover,.content-area .info-card:hover,.content-area .kpi-card:hover,.content-area .main-wallet-card:hover,.content-area .order-card:hover,.content-area .orders-section:hover,.content-area .product-card:hover,.content-area .products-controls:hover,.content-area .quick-actions-card:hover,.content-area .revenue-card:hover,.content-area .revenue-panel:hover,.content-area .stat-card:hover,.content-area .support-card:hover,.content-area .table-section:hover,.content-area .wallet-card:hover,.content-area .wallet-panel:hover{box-shadow:0 20px 25px -5px #0f172a1f,0 10px 10px -5px #0f172a14;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.main-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--card-bg);background:#fffffff2;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);bottom:0;padding:.75rem 2rem;position:-webkit-sticky;position:sticky;z-index:50}.footer-content{justify-content:space-between}.footer-content,.system-status{align-items:center;display:flex}.system-status{background:#10b9811a;border:1px solid #10b98133;border-radius:6px;gap:.5rem;padding:.375rem .75rem}.system-status.pending{background:#f59e0b1f;border-color:#f59e0b38}.system-status.unknown{background:#94a3b829;border-color:#94a3b84d}.status-label{color:#475569;color:var(--text-secondary);font-size:.75rem}.status-value{font-size:.75rem;font-weight:600}.status-value.operational{color:#0f9d58;color:var(--success)}.status-value.pending{color:#f59e0b;color:var(--warning)}.footer-text,.status-value.unknown{color:#475569;color:var(--text-secondary)}.footer-text{align-items:center;display:flex;font-size:.75rem;gap:.5rem}.footer-separator{color:#94a3b8;color:var(--text-light)}@media (max-width:768px){.sidebar{left:-100%;position:fixed;transition:left .3s ease;z-index:1000}.sidebar.active{left:0}.main-content{margin-left:0;width:100%}.topbar{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.page-info{text-align:center}.action-buttons,.breadcrumb{justify-content:center}.content-area,.main-footer{padding:1rem}.footer-content{flex-direction:column;gap:1rem;text-align:center}.system-status{justify-content:center}}@media (max-width:480px){.footer-text{flex-direction:column;gap:.25rem}.footer-separator{display:none}}.notification-toast-container{display:flex;flex-direction:column;gap:12px;max-width:360px;position:fixed;right:24px;top:90px;z-index:300}.notification-toast{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #1f4aa8;border:1px solid var(--border-color);border-left:4px solid var(--primary-blue);border-radius:12px;box-shadow:0 20px 25px -5px #0f172a1f,0 10px 10px -5px #0f172a14;box-shadow:var(--shadow-lg);cursor:pointer;padding:12px 14px;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.notification-toast:hover{box-shadow:0 16px 28px -18px #0f172a59;transform:translateY(-1px)}.notification-toast-title{color:#0f172a;color:var(--text-primary);font-size:.9rem;font-weight:700;margin-bottom:4px}.notification-toast-message{color:#475569;color:var(--text-secondary);font-size:.82rem;line-height:1.4}.notification-toast-time{color:#94a3b8;color:var(--text-light);font-size:.72rem;margin-top:6px}.overview-container{padding:20px}.welcome-section{margin-bottom:30px}.welcome-section h2{color:var(--vendor-primary);margin-bottom:8px}.subtitle{color:var(--vendor-text-secondary);font-size:16px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.stat-card{background:var(--vendor-card-bg);border:1px solid var(--vendor-border-color);box-shadow:var(--vendor-shadow);gap:15px}.stat-icon{border-radius:10px;height:50px;width:50px}.stat-content h3{color:var(--vendor-text-primary);font-size:24px;margin:0}.stat-content p{color:var(--vendor-text-secondary);font-size:14px;margin:4px 0 0}.content-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.info-card,.quick-actions-card{background:var(--vendor-card-bg);border:1px solid var(--vendor-border-color);border-radius:12px;box-shadow:var(--vendor-shadow);padding:20px}.info-card h3,.quick-actions-card h3{color:var(--vendor-primary);font-size:18px;margin-bottom:20px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{color:var(--vendor-text-secondary);font-size:12px;font-weight:500}.info-value{color:var(--vendor-text-primary);font-size:14px;font-weight:500}.status-badge{border-radius:6px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.actions-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.overview-list{display:flex;flex-direction:column;gap:12px}.overview-list-row{align-items:center;background:#fffc;border:1px solid var(--vendor-border-color);border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:12px}.overview-list-row span{color:var(--vendor-text-secondary);display:block;font-size:12px;margin-top:4px}.overview-chart{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.chart-row{grid-gap:10px;align-items:center;display:grid;font-size:13px;gap:10px;grid-template-columns:70px 1fr 40px}.chart-bar{background:var(--vendor-border-color);border-radius:999px;height:8px;overflow:hidden}.chart-bar span{background:linear-gradient(90deg,#1f4aa8,#0f9d58);display:block;height:100%}.overview-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(120px,1fr))}.overview-metrics p{color:var(--vendor-text-secondary);font-size:12px;margin-bottom:4px}.overview-metrics h4{font-size:16px;margin:0}.overview-metric{align-items:center;color:var(--vendor-text-primary);display:inline-flex;font-weight:600;gap:6px}.empty-state{color:var(--vendor-text-secondary);padding:16px 0}.action-btn{background:var(--vendor-primary-light);border-radius:8px;font-size:14px;font-weight:500;padding:12px;transition:all .2s}.action-btn:hover{background:#1f4aa826}.overview-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.vendor-orders{padding:24px}.orders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.orders-header h1{font-size:28px;margin-bottom:6px}.orders-header p{color:var(--vendor-text-secondary)}.orders-refresh{align-items:center;background:var(--vendor-card-bg);border:1px solid var(--vendor-border-color);border-radius:8px;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 16px}.orders-refresh:disabled{cursor:not-allowed;opacity:.7}.orders-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.orders-controls{display:flex;justify-content:flex-end;margin-bottom:16px}.status-filter{align-items:center;display:flex;gap:8px}.status-filter select{border:1px solid var(--vendor-border-color);border-radius:8px;padding:8px 12px}.orders-loading{align-items:center;gap:12px;padding:40px 0}.orders-list,.orders-loading{display:flex;flex-direction:column}.orders-list{gap:16px}.orders-empty{color:var(--vendor-text-secondary);padding:20px}.order-card{background:var(--vendor-card-bg);border:1px solid var(--vendor-border-color);border-radius:12px;box-shadow:var(--vendor-shadow);padding:20px}.order-main{align-items:center;display:flex;justify-content:space-between}.order-main h3{margin-bottom:4px}.order-dsp,.order-main p{color:var(--vendor-text-secondary);font-size:12px}.order-dsp{display:inline-block;margin-top:4px}.order-status-group{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.order-status{border-radius:999px;font-size:12px;font-weight:600;padding:4px 10px;text-transform:capitalize}.order-status.new{background:#1f4aa81f;color:var(--vendor-primary)}.order-status.preparing{background:#1f4aa829;color:var(--vendor-primary)}.order-status.handoff,.order-status.ready{background:#0f9d581f;color:var(--vendor-success)}.order-status.cancelled{background:#d628281f;color:var(--vendor-danger)}.order-status.payment{background:#0f172a0f;color:var(--vendor-text-secondary)}.order-status.payment.pending{background:#1f4aa81f;color:var(--vendor-primary)}.order-status.payment.paid{background:#0f9d581f;color:var(--vendor-success)}.order-meta{grid-gap:6px;background:#0f172a0a;border:1px dashed var(--vendor-border-color);border-radius:10px;display:grid;gap:6px;margin-top:12px;padding:12px}.order-meta-item{color:var(--vendor-text-secondary);font-size:12px}.order-status.payment.completed{background:#0f9d582e;color:var(--vendor-success)}.order-status.payment.cancelled{background:#d628281f;color:var(--vendor-danger)}.order-items{grid-gap:8px;border-bottom:1px solid var(--vendor-border-color);border-top:1px solid var(--vendor-border-color);display:grid;gap:8px;margin:16px 0;padding:12px 0}.order-item{color:var(--vendor-text-secondary);font-size:14px}.order-footer,.order-item{display:flex;justify-content:space-between}.order-footer{align-items:center}.order-actions{display:flex;flex-wrap:wrap;gap:8px}.order-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:8px 14px}.order-btn.primary{background:var(--vendor-primary);color:#fff}.order-btn.ghost{background:#fffc;border:1px solid var(--vendor-border-color);color:var(--vendor-text-secondary)}.order-btn:disabled{cursor:not-allowed;opacity:.7}.order-frozen{color:var(--vendor-text-light);font-size:12px}@media (max-width:768px){.order-footer,.orders-header{align-items:flex-start;flex-direction:column;gap:12px}}.vendor-products{margin:0 auto;max-width:1400px;padding:20px}.products-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.products-header h1{color:#1a1a1a;font-size:32px;font-weight:700;margin-bottom:8px}.products-header p{color:#666;margin-bottom:8px}.business-category-badge{align-items:center;background:#3b82f61a;border-radius:20px;color:#3b82f6;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:6px 12px}.add-product-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:background .2s}.add-product-btn:hover{background:#2563eb}.products-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.stat-card{background:#fff;box-shadow:0 2px 8px #0000001a;gap:20px;padding:20px}.stat-card,.stat-icon{align-items:center;border-radius:12px;display:flex}.stat-icon{font-size:24px;height:60px;justify-content:center;width:60px}.stat-content h3{align-items:center;color:#1a1a1a;display:flex;font-size:28px;font-weight:700;margin-bottom:4px}.stat-content p{color:#666;margin-bottom:8px}.stat-sub{display:flex;font-size:12px;gap:12px}.stat-sub .active{color:#10b981}.stat-sub .draft{color:#64748b}.stat-sub .warning{color:var(--vendor-danger)}.stat-sub .danger{color:#ef4444}.products-controls{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:20px}.search-filter{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.search-box{align-items:center;display:flex;position:relative}.search-box svg{color:#9ca3af;left:16px;position:absolute}.search-box input{border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:12px 48px;transition:border-color .2s;width:100%}.search-box input:focus{border-color:#3b82f6;outline:none}.clear-search{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;position:absolute;right:12px}.filters{display:flex;flex-wrap:wrap;gap:12px}.filter-group{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.filter-group select{background:none;border:none;color:#374151;cursor:pointer;font-size:14px;min-width:150px}.filter-group select:focus{outline:none}.view-controls{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:20px}.view-toggle{background:#f9fafb;border-radius:8px;display:flex;gap:8px;padding:4px}.view-toggle button{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.view-toggle button.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#3b82f6}.refresh-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.refresh-btn:hover{background:#f3f4f6}.products-display.grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:30px}.products-display.list{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.product-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.product-card-header{align-items:flex-start;display:flex;justify-content:space-between;padding:16px 16px 0}.product-status-badges{display:flex;flex-wrap:wrap;gap:6px}.featured-badge,.status-badge,.stock-badge{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.featured-badge{background:#1f4aa81a;color:var(--vendor-primary)}.product-actions{align-items:center;display:flex;gap:6px;justify-content:flex-end}.action-btn{background:#f9fafb;border:none;border-radius:6px;color:#6b7280;display:flex;height:32px;transition:background .2s;width:32px}.action-btn:hover{background:#f3f4f6}.action-btn.edit:hover{color:#3b82f6}.action-btn.delete:hover{color:#ef4444}.action-btn.view:hover{color:#10b981}.action-btn.submit:hover{color:var(--vendor-primary)}.product-image{align-items:center;background:#f9fafb;border-radius:8px;color:#9ca3af;display:flex;height:200px;justify-content:center;margin:16px;overflow:hidden;position:relative}.product-image img{height:100%;object-fit:contain;width:100%}.image-count{align-items:center;background:#000000b3;border-radius:12px;bottom:8px;color:#fff;display:flex;font-size:12px;gap:4px;padding:4px 8px;position:absolute;right:8px}.product-info{padding:0 16px 16px}.product-info h3{color:#1a1a1a;font-size:18px;font-weight:600;margin-bottom:8px}.product-type-category{color:#6b7280;font-size:14px;margin-bottom:8px}.sku-barcode{color:#9ca3af;display:flex;font-size:12px;gap:12px;margin-bottom:12px}.pricing{flex-wrap:wrap;gap:8px;margin-bottom:16px}.price,.pricing{align-items:center;display:flex}.price{color:#1a1a1a;font-size:24px;font-weight:700}.compare-price{align-items:center;color:#9ca3af;display:flex;font-size:16px;text-decoration:line-through}.cost-price,.margin{align-items:center;background:#f9fafb;border-radius:12px;display:inline-flex;font-size:12px;padding:2px 8px}.product-meta{display:flex;flex-direction:column;gap:8px}.meta-item{align-items:center;display:flex;justify-content:space-between}.meta-item .label{color:#6b7280;font-size:14px}.meta-item .value{color:#1a1a1a;font-weight:500}.tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.tag{background:#f3f4f6;border-radius:12px;color:#6b7280;font-size:11px;padding:2px 8px}.tag-more{color:#9ca3af;font-size:11px}.product-card .product-actions .action-btn{all:unset;align-items:center;color:#6b7280;cursor:pointer;display:inline-flex;justify-content:center}.product-card .product-actions .action-btn:hover{color:#111827}.product-card .product-actions .action-btn svg{height:18px;width:18px}.product-card-footer{border-top:1px solid #e5e7eb;padding:16px}.view-details-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.view-details-btn:hover{background:#f3f4f6}.product-list-item{grid-gap:24px;align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:grid;gap:24px;grid-template-columns:1fr auto auto;padding:20px}.list-item-main{gap:16px}.list-image,.list-item-main{align-items:center;display:flex}.list-image{background:#f9fafb;border-radius:8px;color:#9ca3af;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.list-image img{height:100%;object-fit:contain;width:100%}.product-details-modal{max-width:920px;width:92%}.details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(240px,1fr) 1.2fr}.details-image{align-items:center;background:#f9fafb;border-radius:12px;display:flex;height:280px;justify-content:center;overflow:hidden}.details-image img{height:100%;object-fit:contain;width:100%}.details-thumbs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));margin-top:12px}.details-thumb{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:4px;transition:border .2s ease}.details-thumb img{height:60px;object-fit:contain;width:100%}.details-thumb.active{border-color:var(--vendor-primary)}.details-info h3{color:#1a1a1a;font-size:22px;margin:0}.details-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:6px}.details-category{color:#6b7280;font-size:14px;margin-bottom:12px}.details-pricing{align-items:center;display:flex;gap:10px;margin-bottom:12px}.details-description{color:#4b5563;line-height:1.5;margin-bottom:16px}.details-meta{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.details-meta span{color:#6b7280;display:block;font-size:12px;margin-bottom:4px}.details-meta strong{color:#1a1a1a;font-size:14px}.details-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}@media (max-width:900px){.details-grid{grid-template-columns:1fr}}.list-info{flex:1 1}.list-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.list-header h3{color:#1a1a1a;font-size:18px;font-weight:600}.list-status{display:flex;gap:6px}.list-subheader{color:#6b7280;display:flex;font-size:14px;gap:12px;margin-bottom:8px}.list-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:12px;overflow:hidden}.list-tags{display:flex;flex-wrap:wrap;gap:4px}.list-details{display:flex;flex-direction:column;gap:8px;min-width:150px}.detail-item{align-items:center;display:flex;justify-content:space-between}.detail-item .label{color:#6b7280;font-size:14px}.detail-item .value{align-items:center;color:#1a1a1a;display:flex;font-weight:500}.detail-item .value:before{content:"₦";margin-right:2px}.stock-indicator{font-weight:700}.status-indicator{border-radius:12px;font-size:12px;font-weight:600;padding:2px 8px}.list-actions{display:flex;gap:8px}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{color:#9ca3af;padding:80px 20px;text-align:center}.empty-state svg{margin-bottom:20px}.empty-state h3{color:#6b7280;font-size:24px;font-weight:600;margin-bottom:8px}.empty-state p{margin-bottom:24px}.add-first-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;gap:8px;margin:0 auto;padding:12px 24px}.add-first-btn,.pagination{align-items:center;display:flex}.pagination{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;justify-content:space-between;padding:20px}.pagination-info{color:#6b7280;font-size:14px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.product-modal{max-width:800px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-header h2{font-size:24px;font-weight:600}.close-modal{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s;width:36px}.close-modal:hover{background:#f9fafb}.modal-body{padding:24px}.form-section{margin-bottom:32px}.form-section h3{align-items:center;color:#1a1a1a;display:flex;font-size:18px;font-weight:600;gap:8px}.form-group,.form-section h3{margin-bottom:20px}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border-radius:8px;font-size:16px;padding:12px;transition:border-color .2s;width:100%}.form-group input[type=number]{padding-left:30px!important;position:relative}.form-group input[type=number]:before{color:#6b7280;content:"₦";left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;outline:none}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.images-upload{margin-bottom:24px}.image-upload-area{margin-bottom:20px}.upload-btn{align-items:center;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center;transition:all .2s}.upload-btn:hover{background:#f9fafb;border-color:#3b82f6}.upload-btn.disabled{cursor:not-allowed;opacity:.5}.upload-btn svg{font-size:32px;margin-bottom:12px}.upload-btn span{font-weight:500;margin-bottom:4px}.upload-btn small{color:#9ca3af;font-size:12px}.image-previews{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:16px}.image-preview{border-radius:8px;height:120px;overflow:hidden;position:relative}.image-preview img{height:100%;object-fit:cover;width:100%}.image-actions{display:flex;gap:4px;position:absolute;right:8px;top:8px}.primary-btn,.remove-btn{align-items:center;background:#ffffffe6;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.primary-btn.active{background:#3b82f6;color:#fff}.remove-btn:hover{background:#ef4444;color:#fff}.primary-badge{background:#3b82f6;border-radius:12px;bottom:8px;color:#fff;font-size:10px;font-weight:600;left:8px;padding:2px 8px;position:absolute}.upload-info{color:#9ca3af;font-size:14px;margin-top:8px}.tags-input{margin-bottom:20px}.tags-input input{border:2px solid #e5e7eb;border-radius:8px;font-size:16px;margin-bottom:12px;padding:12px;width:100%}.tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.tags-list .tag{align-items:center;background:#f3f4f6;border-radius:20px;color:#374151;display:flex;font-size:14px;gap:6px;padding:6px 12px}.tags-list .tag button{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:12px;padding:0}.tags-list .tag button:hover{color:#ef4444}.input-hint{color:#9ca3af;font-size:14px}.spec-row{display:flex;gap:12px;margin-bottom:12px}.spec-row input{flex:1 1;font-size:16px;padding:12px}.remove-spec,.spec-row input{border:2px solid #e5e7eb;border-radius:8px}.remove-spec{align-items:center;background:#f9fafb;color:#6b7280;cursor:pointer;display:flex;justify-content:center;width:44px}.remove-spec:hover{background:#f3f4f6}.add-spec-btn{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .2s;width:100%}.add-spec-btn:hover{background:#f3f4f6;border-color:#9ca3af}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox input{cursor:pointer;height:18px;width:18px}.modal-footer{align-items:center;background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:24px;position:-webkit-sticky;position:sticky}.form-error{color:#b91c1c;font-size:14px;font-weight:600;margin-right:auto}.btn-cancel,.btn-danger,.btn-primary,.btn-secondary{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-cancel{background:#f9fafb;border:1px solid #e5e7eb;color:#374151}.btn-cancel:hover{background:#f3f4f6}.btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background:#f9fafb}.btn-primary{background:#3b82f6;border:none;color:#fff}.btn-primary:hover{background:#2563eb}.btn-danger{background:#ef4444;border:none;color:#fff}.btn-danger:hover{background:#dc2626}.confirm-modal{max-width:500px}.confirm-icon{margin-bottom:24px;text-align:center}.confirm-icon svg{color:#ef4444;font-size:64px}.confirm-modal h3{font-size:24px;font-weight:600;margin-bottom:16px;text-align:center}.confirm-modal p{color:#666;line-height:1.6;margin-bottom:24px;text-align:center}.delete-warning{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:24px;padding:16px}.delete-warning p{color:#b91c1c;margin-bottom:8px;text-align:left}.delete-warning ul{color:#b91c1c;padding-left:20px}.delete-warning li{margin-bottom:4px}.vendor-products .stat-card:nth-child(2) .stat-icon{background:#10b9811a!important;color:#10b981!important}@media (max-width:768px){.products-header{flex-direction:column}.add-product-btn{justify-content:center;width:100%}.product-list-item{gap:16px;grid-template-columns:1fr}.list-details{min-width:auto}.modal-footer{flex-direction:column}.modal-footer button{justify-content:center;width:100%}.form-row{grid-template-columns:1fr}.form-group input[type=number]:before{left:10px}.form-group input[type=number]{padding-left:28px!important}}.form-group label[for*=Price],.form-group label[for*=price]{align-items:center;display:flex;gap:4px}.form-group label[for*=Price]:after,.form-group label[for*=price]:after{color:#6b7280;content:"(₦)";font-size:12px;margin-left:4px}.vendor-analytics{padding:24px}.analytics-header h1{font-size:28px;margin-bottom:6px}.analytics-header p{color:var(--vendor-text-secondary);margin-bottom:20px}.analytics-loading{align-items:center;display:flex;flex-direction:column;gap:12px;padding:40px 0}.analytics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.analytics-card{align-items:center;background:var(--vendor-card-bg);border:1px solid var(--vendor-border-color);border-radius:12px;box-shadow:var(--vendor-shadow);display:flex;gap:12px;padding:18px}.analytics-icon{background:#1f4aa81f;border-radius:12px;color:var(--vendor-primary);display:grid;font-size:20px;height:44px;place-items:center;width:44px}.analytics-icon.warning{background:#d628281f;color:var(--vendor-danger)}.analytics-card h3{margin-bottom:4px}.analytics-card p{color:var(--vendor-text-secondary);font-size:13px}.analytics-panel{background:var(--vendor-card-bg);border:1px solid var(--vendor-border-color);border-radius:12px;box-shadow:var(--vendor-shadow);margin-bottom:16px;padding:18px}.analytics-panel h3{margin-bottom:12px}.analytics-list{display:flex;flex-direction:column;gap:12px}.analytics-row{align-items:center;background:#fffc;border:1px solid var(--vendor-border-color);border-radius:10px;display:flex;justify-content:space-between;padding:12px}.analytics-row span{color:var(--vendor-text-secondary);display:block;font-size:12px;margin-top:4px}.analytics-progress{margin-bottom:14px}.progress-header{color:var(--vendor-text-secondary);display:flex;font-size:13px;justify-content:space-between;margin-bottom:6px}.progress-bar{background:var(--vendor-border-color);border-radius:999px;height:8px;overflow:hidden}.progress-bar span{background:linear-gradient(90deg,#0f9d58,#3fcf8e);display:block;height:100%}.analytics-metric{color:var(--vendor-text-primary);font-weight:600}.analytics-empty{color:var(--vendor-text-secondary);padding:12px 0}.vendor-revenue{padding:24px}.revenue-header h1{font-size:28px;margin-bottom:6px}.revenue-header p{color:var(--vendor-text-secondary);margin-bottom:20px}.revenue-loading{align-items:center;display:flex;flex-direction:column;gap:12px;padding:40px 0}.revenue-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.revenue-panel{background:var(--vendor-card-bg);border:1px solid var(--vendor-border-color);border-radius:12px;box-shadow:var(--vendor-shadow);margin-top:20px;padding:18px}.revenue-panel h3{margin-bottom:12px}.revenue-bars{display:flex;flex-direction:column;gap:12px}.revenue-bar-row{grid-gap:12px;align-items:center;display:grid;font-size:13px;gap:12px;grid-template-columns:90px 1fr 120px}.revenue-bar{background:var(--vendor-border-color);border-radius:999px;height:8px;overflow:hidden}.revenue-bar span{background:linear-gradient(90deg,#1f4aa8,#0f9d58);display:block;height:100%}.revenue-card{align-items:center;background:var(--vendor-card-bg);border:1px solid var(--vendor-border-color);border-radius:12px;box-shadow:var(--vendor-shadow);display:flex;gap:12px;padding:18px}.revenue-icon{background:#0f9d581f;border-radius:12px;color:var(--vendor-success);display:grid;font-size:20px;height:44px;place-items:center;width:44px}.revenue-card h3{margin-bottom:4px}.revenue-card p{color:var(--vendor-text-secondary);font-size:13px}.vendor-support{padding:24px}.support-header h1{font-size:28px;margin-bottom:6px}.support-header p{color:var(--vendor-text-secondary);margin-bottom:20px}.support-ticket-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.support-faq-toggle{align-items:center;background:var(--vendor-card-bg);border:1px solid var(--vendor-border-color);border-radius:8px;color:var(--vendor-text-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:8px 12px}.support-faq-panel{background:#f8fafcb3;border:1px solid var(--vendor-border-color);border-radius:12px;box-shadow:var(--vendor-shadow);padding:16px;position:absolute;right:20px;top:68px;width:min(520px,90%);z-index:5}.support-faq-panel:before{border-color:#0000 #0000 var(--vendor-border-color);border-style:solid;border-width:0 8px 8px;content:"";position:absolute;right:36px;top:-8px}.support-faq-panel:after{border-color:#0000 #0000 #f8fafce6;border-style:solid;border-width:0 8px 8px;content:"";position:absolute;right:36px;top:-7px}.support-open-button{align-items:center;background:var(--vendor-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 16px}.support-open-button:disabled{cursor:not-allowed;opacity:.7}.support-card{background:var(--vendor-card-bg);border:1px solid var(--vendor-border-color);border-radius:12px;box-shadow:var(--vendor-shadow);padding:20px}.support-card h3{margin-bottom:16px}.support-form{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.support-form input,.support-form select,.support-form textarea{border:1px solid var(--vendor-border-color);border-radius:8px;padding:10px 12px;width:100%}.support-submit{align-items:center;align-self:flex-start;background:var(--vendor-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 16px}.support-submit:disabled{cursor:not-allowed;opacity:.7}.support-loading{align-items:flex-start;gap:12px;padding:20px 0}.faq-list,.support-loading{display:flex;flex-direction:column}.faq-list{gap:16px}.faq-item{background:#fffc;border:1px solid var(--vendor-border-color);border-radius:10px;padding:12px}.faq-question{align-items:center;display:flex;font-weight:600;gap:8px;margin-bottom:6px}.faq-item p{font-size:14px}.faq-item p,.support-empty{color:var(--vendor-text-secondary)}.chat-card{gap:12px}.chat-card,.chat-window{display:flex;flex-direction:column}.chat-window{background:#ffffffb3;border:1px solid var(--vendor-border-color);border-radius:12px;gap:8px;height:240px;overflow-y:auto;padding:12px}.chat-bubble{border-radius:12px;font-size:13px;max-width:80%;padding:10px 12px}.chat-bubble.from-support{align-self:flex-start;background:var(--vendor-card-bg);border:1px solid var(--vendor-border-color)}.chat-bubble.from-vendor{align-self:flex-end;background:var(--vendor-primary);color:#fff}.chat-input{display:flex;gap:8px}.chat-input input{border:1px solid var(--vendor-border-color);border-radius:8px;flex:1 1;padding:10px 12px}.chat-input button{background:var(--vendor-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:0 14px}.support-tickets-panel{background:var(--vendor-card-bg);border:1px solid var(--vendor-border-color);border-radius:12px;box-shadow:var(--vendor-shadow);margin-top:24px;padding:20px;position:relative}.support-tickets-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.support-tickets-header h3{margin-bottom:6px}.support-tickets-header p{color:var(--vendor-text-secondary)}.support-refresh{align-items:center;align-self:flex-start;background:var(--vendor-card-bg);border:1px solid var(--vendor-border-color);border-radius:8px;cursor:pointer;display:inline-flex;font-weight:600;height:38px;justify-content:center;padding:0;width:38px}.support-ticket-error{background:#ef44441a;border-radius:10px;color:var(--vendor-danger);margin-bottom:12px;padding:10px 12px}.support-tickets-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.ticket-list{display:flex;flex-direction:column;gap:12px;max-height:520px;overflow-y:auto;padding-right:6px}.ticket-card{background:#f8fafccc;border:1px solid var(--vendor-border-color);border-radius:10px;cursor:pointer;padding:12px;text-align:left;transition:all .2s ease}.ticket-card:hover{border-color:var(--vendor-primary);box-shadow:var(--vendor-shadow)}.ticket-card.active{background:#1f4aa814;border-color:var(--vendor-primary)}.ticket-card-top{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.ticket-id{color:var(--vendor-text-secondary);font-size:12px;font-weight:700}.ticket-status{border-radius:999px;font-size:11px;font-weight:700;padding:4px 10px;text-transform:capitalize}.ticket-status.open{background:#60a5fa33;color:var(--vendor-primary)}.ticket-status.in_progress{background:#f59e0b33;color:var(--vendor-warning)}.ticket-status.closed,.ticket-status.resolved{background:#10b9812e;color:var(--vendor-success)}.ticket-subject{font-weight:600;margin-bottom:6px}.ticket-meta{color:var(--vendor-text-secondary);display:flex;font-size:12px;justify-content:space-between}.ticket-detail{background:#fff;border:1px solid var(--vendor-border-color);border-radius:12px;display:flex;flex-direction:column;gap:14px;min-height:380px;padding:16px}.ticket-detail-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.ticket-detail-header h4{margin-bottom:4px}.ticket-detail-header p{color:var(--vendor-text-secondary);font-size:12px}.ticket-messages{display:flex;flex-direction:column;gap:10px;max-height:260px;overflow-y:auto}.ticket-message{background:#f8fafc;border:1px solid var(--vendor-border-color);border-radius:10px;padding:10px 12px}.ticket-message.admin{background:#1f4aa814}.ticket-message-header{color:var(--vendor-text-secondary);display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.ticket-message p{color:var(--vendor-text-primary);font-size:14px;margin:0}.ticket-reply{display:flex;flex-direction:column;gap:8px}.ticket-reply textarea{border:1px solid var(--vendor-border-color);border-radius:8px;padding:10px 12px;resize:vertical}.ticket-reply button{align-self:flex-start;background:var(--vendor-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 16px}.ticket-reply button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1024px){.support-tickets-grid{grid-template-columns:1fr}}@media (max-width:720px){.support-faq-panel{left:16px;right:16px;width:auto}.support-faq-panel:after,.support-faq-panel:before{right:72px}}.support-modal-backdrop{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1200}.support-modal{background:var(--vendor-card-bg);border:1px solid var(--vendor-border-color);border-radius:14px;box-shadow:var(--vendor-shadow);padding:20px;width:min(560px,100%)}.support-modal-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.support-modal-header h3{margin-bottom:6px}.support-modal-header p{color:var(--vendor-text-secondary);margin:0}.support-modal-close{background:#0000;border:none;color:var(--vendor-text-secondary);cursor:pointer;font-size:20px;padding:4px}.vendor-wallet{padding:24px}.wallet-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.wallet-header h1{font-size:28px;margin-bottom:6px}.wallet-header p{color:var(--vendor-text-secondary)}.wallet-refresh{align-items:center;background:#fffc;border:1px solid #1f4aa833;border-radius:10px;box-shadow:0 6px 14px #0f172a14;cursor:pointer;display:inline-flex;font-weight:600;gap:0;padding:8px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.balance-negative,.wallet-penalty{color:var(--vendor-danger)}.wallet-penalty{display:flex;flex-direction:column;font-size:12px;font-weight:600;gap:4px;margin-top:6px}.wallet-penalty .penalty-reason{color:var(--vendor-text-secondary);font-weight:500}.wallet-refresh:disabled{cursor:not-allowed;opacity:.7}.wallet-refresh:hover{background:#fffffff2;box-shadow:0 10px 18px #0f172a1f;transform:translateY(-1px)}.wallet-loading{align-items:center;display:flex;flex-direction:column;gap:12px;padding:40px 0}.wallet-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.wallet-cards,.wallet-main{margin-bottom:24px}.wallet-main.locked{filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none}.main-wallet-card{background:#fffffffa;border:1px solid #e2e8f0e6;border-radius:18px;box-shadow:0 22px 48px #0f172a1f;color:var(--vendor-text-primary);overflow:hidden;padding:22px;position:relative}.wallet-actions-row,.wallet-card-header,.wallet-stats-row{position:relative;z-index:1}.wallet-card-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.wallet-header-actions{align-items:center;display:inline-flex;gap:12px}.wallet-label{color:var(--vendor-text-secondary);font-size:13px;letter-spacing:.08em;text-transform:uppercase}.balance-display h2{align-items:center;color:var(--vendor-text-primary);display:flex;font-size:30px;font-weight:800;gap:10px;letter-spacing:-.015em;margin:6px 0 0}.toggle-balance{background:#1f4aa81f;border:none;border-radius:999px;color:var(--vendor-primary);cursor:pointer;display:grid;height:32px;place-items:center;width:32px}.toggle-balance:hover{background:#1f4aa829}.toggle-balance:focus-visible{outline:2px solid #1f4aa859;outline-offset:2px}.wallet-status{align-items:center;background:#0f9d581f;border-radius:999px;color:var(--vendor-success);display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:8px 12px}.wallet-status.frozen{background:#d628281f;color:var(--vendor-danger)}.wallet-stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:18px}.wallet-stats-row .stat-item{background:#0f172a08;border:1px solid #e2e8f0e6;border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:12px 14px}.wallet-stats-row .stat-item span{color:var(--vendor-text-secondary);font-size:12px}.wallet-stats-row .stat-item strong{font-size:16px}.wallet-actions-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.action-btn{align-items:center;background:#1f4aa81f;border:1px solid #1f4aa833;border-radius:10px;color:var(--vendor-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;min-width:150px;padding:12px 16px;text-align:center;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;white-space:nowrap}.action-btn.primary{background:linear-gradient(135deg,#1f4aa8f2,#193c8cf2);border-color:#1f4aa866;box-shadow:0 10px 18px #1f4aa838;color:#fff}.action-btn.success{background:linear-gradient(135deg,#0f9d5838,#0c784438);border-color:#0f9d5847;color:#0f6a3c}.action-btn.outline{background:#ffffffb3;border-color:#1f4aa842}.action-btn:hover{box-shadow:0 8px 16px #0f172a1f;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.wallet-cards.locked{filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none}.wallet-card{align-items:center;background:linear-gradient(135deg,#1f4aa81a,#0f9d581f);border:1px solid #1f4aa81f;border-radius:12px;box-shadow:0 8px 18px #0f172a14;display:flex;gap:16px;padding:20px}.wallet-card-skeleton{background:linear-gradient(135deg,#e2e8f066,#e2e8f033)}.wallet-skeleton-lines{display:flex;flex:1 1;flex-direction:column;gap:8px}.skeleton-circle{border-radius:50%;height:56px;width:56px}.skeleton-circle,.skeleton-line{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#e2e8f080 25%,#e2e8f0e6 50%,#e2e8f080 75%);background-size:200% 100%}.skeleton-line{border-radius:10px;height:14px}.skeleton-line.short{width:60%}.skeleton-line.xs{width:40%}.skeleton-pill{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#e2e8f080 25%,#e2e8f0e6 50%,#e2e8f080 75%);background-size:200% 100%;border-radius:999px;height:34px}.wallet-card.balance .wallet-card-icon{background:#1f4aa829;border-radius:16px;color:var(--vendor-primary);display:grid;font-size:24px;height:56px;place-items:center;width:56px}.wallet-card-content p{color:var(--vendor-text-secondary);font-size:14px}.wallet-card-content h2{font-size:26px;margin:6px 0}.wallet-card.balance{overflow:hidden;position:relative}.wallet-card.balance:after{background:radial-gradient(circle,#1f4aa82e,#1f4aa800);content:"";height:140px;pointer-events:none;position:absolute;right:-40px;top:-40px;width:140px}.wallet-card-content h3{font-size:18px;margin-top:6px}.wallet-card .status{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;margin-top:6px;padding:4px 10px}.wallet-card .status.active{background:#0f9d581f;color:var(--vendor-success)}.wallet-card .status.frozen{background:#d628281f;color:var(--vendor-danger)}.wallet-balance-actions{display:flex;flex-direction:column;gap:10px;margin-left:auto;min-width:160px}.wallet-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.wallet-grid.locked{filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none}.wallet-panel{background:linear-gradient(180deg,#fffffff5,#f8fbffeb);border:1px solid #1f4aa814;border-radius:12px;box-shadow:0 6px 14px #0f172a14;padding:20px}.wallet-panel h3{margin-bottom:6px}.wallet-panel p{color:var(--vendor-text-secondary);margin-bottom:16px}.wallet-actions-panel{display:flex;flex-direction:column;gap:16px}.wallet-action-buttons{display:flex;flex-wrap:wrap;gap:12px}.wallet-secondary-btn{background:#1f4aa814;border:1px solid #1f4aa833;border-radius:8px;box-shadow:0 4px 10px #1f4aa81f;color:var(--vendor-primary);cursor:pointer;font-weight:600;padding:12px 16px}.wallet-secondary-btn:hover{background:#1f4aa829}.wallet-panel-wide{display:flex;flex-direction:column;grid-column:span 2;padding:0}.wallet-transactions-header{background:linear-gradient(180deg,#fffffffa,#f8fbfff0);border-bottom:1px solid #1f4aa814;margin:0 0 12px;padding:16px 20px 12px;position:-webkit-sticky;position:sticky;top:0;transition:box-shadow .2s ease;z-index:3}.wallet-transactions-header.elevated{box-shadow:0 12px 18px #0f172a1f}.wallet-transactions-header h3{margin:0 0 10px}.wallet-panel-insights{align-self:start;position:-webkit-sticky;position:sticky;top:120px}.wallet-insights{grid-gap:12px;display:grid;gap:12px}@media (max-width:1024px){.wallet-panel-wide{grid-column:span 1}}@media (min-width:1024px){.wallet-panel-wide{max-height:calc(100vh - 200px);overflow:auto}}.wallet-insights div{align-items:center;background:#ffffffd9;border:1px solid var(--vendor-border-color);border-radius:10px;display:flex;font-size:13px;gap:10px;justify-content:space-between;padding:10px 12px}.wallet-insights span{color:var(--vendor-text-secondary)}.wallet-insights strong{font-size:14px}.status-danger{color:var(--vendor-danger)}.wallet-form{display:flex;flex-direction:column;gap:12px}.wallet-form input{background:#fffc;border:1px solid var(--vendor-border-color);border-radius:8px;padding:10px 12px}.wallet-helper{color:var(--vendor-text-secondary);font-size:12px}.wallet-primary{background:var(--vendor-primary);border:none;border-radius:8px;box-shadow:0 6px 14px #1f4aa833;color:#fff;cursor:pointer;font-weight:600;padding:12px 16px}.wallet-primary:disabled{cursor:not-allowed;opacity:.7}.wallet-empty{color:var(--vendor-text-secondary);padding:16px}.wallet-transactions{display:flex;flex-direction:column;gap:12px}.wallet-panel-wide .wallet-filters{margin:0}.tx-ref{color:var(--vendor-text-secondary);display:block;font-size:11px;margin-top:4px}.tx-ref+.tx-ref{margin-top:2px}.tx-actions{align-items:flex-end;display:flex;flex-direction:column;gap:6px;justify-self:end;position:relative}.tx-actions button,.tx-menu-item{background:#0000;border:none;border-radius:8px;color:var(--vendor-primary);cursor:pointer;font-size:12px;font-weight:600;min-width:auto;padding:6px 8px;text-align:left}.tx-menu-button{background:#0000;border:none;border-radius:999px;color:var(--vendor-text-secondary);cursor:pointer;display:grid;height:32px;min-width:auto;padding:0;place-items:center;width:32px}.tx-menu-dropdown{grid-gap:6px;background:#fff;border:1px solid #1f4aa829;border-radius:10px;box-shadow:0 12px 20px #0f172a29;display:grid;gap:6px;min-width:140px;padding:6px;position:absolute;right:-6px;top:40px;z-index:5}.tx-actions button:hover,.tx-menu-item:hover{background:#1f4aa814}.wallet-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.wallet-filters input,.wallet-filters select{background:#ffffffe6;border:1px solid #1f4aa829;border-radius:8px;font-size:13px;padding:8px 12px}.wallet-skeleton{display:flex;flex-direction:column;gap:10px}.skeleton-row{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#e2e8f080 25%,#e2e8f0e6 50%,#e2e8f080 75%);background-size:200% 100%;border-radius:12px;height:52px}.wallet-transaction{grid-gap:16px;align-items:center;background:#ffffffe6;border:1px solid #1f4aa814;border-radius:10px;display:grid;gap:16px;grid-template-columns:40px minmax(0,1fr) auto 40px;padding:12px}.tx-status{color:var(--vendor-text-secondary);display:block;font-size:11px;margin-top:4px;text-transform:capitalize}.tx-status.pending{color:var(--vendor-warning)}.tx-status.success{color:var(--vendor-success)}.tx-status.failed{color:var(--vendor-danger)}.tx-icon{background:#1f4aa81a;border-radius:10px;color:var(--vendor-primary);display:grid;height:36px;place-items:center;width:36px}.tx-icon.penalty,.tx-icon.withdraw{background:#d628281f;color:var(--vendor-danger)}.tx-icon.deposit{background:#0f9d581f;color:var(--vendor-success)}.tx-info h4{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:4px}.tx-info p{color:var(--vendor-text-secondary);font-size:12px}.tx-amount{font-weight:700;min-width:120px;text-align:right}.tx-fee{color:var(--vendor-text-secondary);display:block;font-size:11px;font-weight:500;margin-top:4px}.tx-amount.penalty,.tx-amount.withdraw{color:var(--vendor-danger)}.tx-amount.deposit{color:var(--vendor-success)}.wallet-lock-overlay{background:#0f172a99;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:1200}.wallet-lock-card{animation:popIn .35s ease;background:linear-gradient(180deg,#fffffffa,#f8fbffeb);border:1px solid #1f4aa81f;border-radius:16px;box-shadow:0 16px 30px #0f172a2e;max-width:400px;padding:24px;position:relative;text-align:center;width:100%}.wallet-verify-box{background:#1f4aa80f;border:1px dashed #1f4aa84d;border-radius:12px;color:var(--vendor-primary);font-size:13px;padding:12px}.wallet-verify-box span{color:var(--vendor-text-secondary);display:block;font-size:11px;margin-bottom:4px}.wallet-lock-card h3{margin:12px 0 6px}.wallet-lock-card p{color:var(--vendor-text-secondary);margin-bottom:16px}.lock-icon{background:#d628281f;border-radius:14px;color:var(--vendor-danger);display:grid;font-size:24px;height:52px;margin:0 auto;place-items:center;width:52px}.wallet-lock-close{background:#0f172a0f;border:none;border-radius:50%;color:var(--vendor-text-secondary);cursor:pointer;display:grid;height:32px;place-items:center;position:absolute;right:12px;top:12px;transition:background .2s ease,color .2s ease,transform .2s ease;width:32px}.wallet-lock-close:hover{background:#1f4aa81f;color:var(--vendor-primary);transform:scale(1.05)}.wallet-lock-card.success .lock-icon{background:#0f9d581f;color:var(--vendor-success)}.wallet-lock-card.error{animation:shake .35s ease}.wallet-lock-card.success{box-shadow:0 0 0 2px #0f9d5833,var(--vendor-shadow-lg)}.lock-form{display:flex;flex-direction:column;gap:12px}.lock-form input{background:#ffffffd9;font-size:18px;font-weight:600;letter-spacing:4px;text-align:center}.lock-form input,.lock-form textarea{border:1px solid var(--vendor-border-color);border-radius:8px;padding:12px}.lock-form textarea{font-size:14px;resize:vertical}.lock-status{font-size:13px;font-weight:600;margin-top:12px;min-height:18px}.status-error{color:var(--vendor-danger)}.status-success{color:var(--vendor-success)}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@keyframes popIn{0%{opacity:.6;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:0 50%}to{background-position:200% 50%}}@media (max-width:768px){.wallet-header{align-items:flex-start;flex-direction:column;gap:12px}}.wallet-callback{display:grid;min-height:70vh;padding:24px;place-items:center}.wallet-callback-card{background:var(--vendor-card-bg);border:1px solid #1f4aa81f;border-radius:16px;box-shadow:0 12px 24px #0f172a1f;max-width:420px;padding:28px;text-align:center;width:100%}.wallet-callback-card svg{color:var(--vendor-success);height:40px;margin-bottom:12px;width:40px}.wallet-callback-card.loading svg{color:var(--vendor-primary)}.wallet-callback-card.error svg{color:var(--vendor-danger)}.wallet-callback-card h2{margin-bottom:8px}.wallet-callback-card p{color:var(--vendor-text-secondary);margin-bottom:18px}.wallet-transactions-body{padding:0 20px 20px}.vendor-settings{padding:24px}.settings-header h1{font-size:28px;margin-bottom:6px}.settings-header p{color:var(--vendor-text-secondary);margin-bottom:20px}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.settings-sections{display:flex;flex-direction:column;gap:22px}.settings-section{display:flex;flex-direction:column;gap:14px}.section-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.section-header h2{font-size:1.2rem;margin:0 0 4px}.section-header p{color:var(--vendor-text-secondary);font-size:.9rem;margin:0}.section-grid,.settings-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-card{background:var(--vendor-card-bg);border:1px solid var(--vendor-border-color);border-radius:12px;box-shadow:var(--vendor-shadow);display:flex;flex-direction:column;gap:16px;padding:20px}.settings-title{align-items:center;display:flex;gap:10px}.settings-title h3{margin:0}.settings-form{display:flex;flex-direction:column;gap:10px}.settings-form input{border:1px solid var(--vendor-border-color);border-radius:8px;padding:10px 12px}.settings-form button{background:var(--vendor-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:10px;padding:12px 16px}.settings-form button:disabled{cursor:not-allowed;opacity:.7}.settings-note{align-items:center;background:#0f9d581f;border-radius:10px;color:var(--vendor-success);display:flex;font-size:13px;gap:8px;padding:10px 12px}.settings-note.inline{padding:8px 12px}.settings-toggle{align-items:center;background:#fffc;border:1px solid var(--vendor-border-color);border-radius:10px;display:flex;justify-content:space-between;padding:10px 12px}.toggle{background:var(--vendor-border-color);border:none;border-radius:999px;cursor:pointer;font-weight:600;padding:6px 14px}.toggle.active{background:var(--vendor-success);color:#fff}.settings-helper{color:var(--vendor-text-light);font-size:12px}.summary-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-field{background:#1f4aa80a;border:1px solid var(--vendor-border-color);border-radius:10px;padding:12px}.summary-label{color:var(--vendor-text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.summary-value{color:var(--vendor-text-primary);font-size:.92rem;font-weight:600;word-break:break-word}.section-grid.single{grid-template-columns:1fr}.pickup-field{display:flex;flex-direction:column;gap:6px;position:relative}.pickup-field input{border-radius:8px;padding:10px 12px}.pickup-field input,.pickup-suggestions{border:1px solid var(--vendor-border-color)}.pickup-suggestions{background:#fff;border-radius:10px;box-shadow:var(--vendor-shadow);left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:68px;z-index:3}.pickup-suggestions button{background:#0000;border:none;cursor:pointer;padding:10px 12px;text-align:left;width:100%}.pickup-suggestions button:hover{background:#0f9d5814}.pickup-map-wrapper{border:1px solid var(--vendor-border-color);border-radius:12px;height:240px;overflow:hidden;position:relative}.pickup-map{height:100%;width:100%}.pickup-map-placeholder{align-items:center;background:#ffffffd9;color:var(--vendor-text-light);display:flex;font-size:14px;inset:0;justify-content:center;position:absolute}.pickup-actions{align-items:center;display:flex;gap:12px}.pickup-actions button{background:var(--vendor-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 14px}.pickup-status{border-radius:999px;font-size:12px;font-weight:600;padding:4px 10px;text-transform:uppercase}.pickup-status.verified{background:#0f9d581f;color:var(--vendor-success)}.pickup-meta{color:var(--vendor-text-secondary);display:flex;flex-direction:column;font-size:13px;gap:4px}.settings-note.warning{background:#eab3081f;color:#a16207}@media (max-width:900px){.section-grid,.settings-row{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column}}.vendor-promotions{padding:24px}.promotions-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.promotions-header p{color:var(--vendor-text-secondary)}.promo-primary{align-items:center;background:var(--vendor-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 18px}.promotions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.promo-card{align-items:center;background:var(--vendor-card-bg);border:1px solid #1f4aa81f;border-radius:14px;box-shadow:0 6px 14px #0f172a14;display:flex;gap:12px;padding:18px}.promo-icon{background:#1f4aa829;border-radius:12px;color:var(--vendor-primary);display:grid;font-size:20px;height:44px;place-items:center;width:44px}.promo-icon.accent{background:#d628281f;color:var(--vendor-danger)}.promo-icon.green{background:#0f9d581f;color:var(--vendor-success)}.promo-icon.red{background:#d628281f;color:var(--vendor-danger)}.promo-card p{color:var(--vendor-text-secondary);font-size:13px}.promotions-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.promo-panel{background:var(--vendor-card-bg);border:1px solid #1f4aa814;border-radius:14px;box-shadow:0 8px 16px #0f172a14;padding:20px}.promo-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.promo-row{grid-gap:16px;background:#fff;border:1px solid #1f4aa814;border-radius:12px;display:grid;gap:16px;grid-template-columns:1.2fr 1.4fr 120px;padding:14px}.promo-row span{color:var(--vendor-text-secondary);font-size:12px}.promo-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.promo-metrics span{color:var(--vendor-text-secondary);font-size:11px}.promo-status{align-self:center;border-radius:999px;font-size:12px;font-weight:600;justify-self:end;padding:6px 10px;text-transform:capitalize}.promo-status.active{background:#0f9d581f;color:var(--vendor-success)}.promo-status.pending{background:#1f4aa81f;color:var(--vendor-primary)}.promo-sidebar ul{color:var(--vendor-text-secondary);margin-top:12px;padding-left:18px}.promo-insight{background:#fff;border:1px solid #1f4aa81f;border-radius:12px;color:var(--vendor-primary);display:flex;font-weight:600;justify-content:space-between;margin-top:20px;padding:12px}.promo-empty{color:var(--vendor-text-secondary);padding:16px}.promo-modal{background:#0f172a99;display:grid;inset:0;padding:24px;place-items:center;position:fixed;z-index:1200}.promo-modal-card{background:var(--vendor-card-bg);border-radius:16px;box-shadow:0 16px 30px #0f172a2e;max-width:480px;padding:24px;position:relative;width:100%}.promo-close{background:#1f4aa81a;border:none;border-radius:50%;color:var(--vendor-primary);cursor:pointer;height:30px;position:absolute;right:16px;top:16px;width:30px}.promo-form{display:flex;flex-direction:column;gap:12px;margin-top:16px}.promo-form input,.promo-form select{border:1px solid #1f4aa833;border-radius:10px;padding:10px 12px}.promo-dates{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (max-width:1024px){.promo-row,.promotions-content{grid-template-columns:1fr}.promo-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.promotions-header{align-items:flex-start;flex-direction:column}}
/*# sourceMappingURL=main.910bf2c2.css.map*/