@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);.ai-table-container,.banners-table-container,.categories-table-container,.orders-table-container,.pages-table-container,.products-table-container,.support-table-container,.table-responsive,.users-table-container{-webkit-overflow-scrolling:touch!important;border-radius:12px;max-width:100%!important;overflow-x:auto!important;position:relative;width:100%!important}.ai-table-container::-webkit-scrollbar,.categories-table-container::-webkit-scrollbar,.orders-table-container::-webkit-scrollbar,.products-table-container::-webkit-scrollbar,.support-table-container::-webkit-scrollbar,.users-table-container::-webkit-scrollbar{height:5px}.ai-table-container::-webkit-scrollbar-thumb,.categories-table-container::-webkit-scrollbar-thumb,.orders-table-container::-webkit-scrollbar-thumb,.products-table-container::-webkit-scrollbar-thumb,.support-table-container::-webkit-scrollbar-thumb,.users-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.orders-table{min-width:860px!important}.products-table{min-width:820px!important}.categories-table{min-width:760px!important}.users-table{min-width:740px!important}.support-tickets-table{min-width:800px!important}.ai-knowledge-table{min-width:780px!important}.category-modal-overlay,.modal-overlay,.order-modal-overlay,.support-modal-backdrop{padding:12px!important}.banner-delete-modal,.banner-view-modal,.category-delete-modal,.delete-modal-content,.modal-container,.modal-container.section-modal,.modal-content,.support-modal-window,.user-modal{border-radius:14px!important;box-sizing:border-box!important;max-height:92vh!important;max-width:600px!important;overflow-y:auto!important;width:100%!important}.admin-tabs,.inbox-filter-tabs,.orders-main-tabs,.profile-tabs{-webkit-overflow-scrolling:touch!important;align-items:center!important;display:flex!important;gap:8px!important;margin-bottom:20px!important;overflow-x:auto!important;padding-bottom:6px!important;scrollbar-width:none!important}.inbox-filter-tabs::-webkit-scrollbar,.orders-main-tabs::-webkit-scrollbar,.profile-tabs::-webkit-scrollbar{display:none!important}.inbox-filter-tab,.orders-main-tab,.profile-tab{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;color:#475569!important;cursor:pointer!important;flex-shrink:0!important;font-size:13px!important;font-weight:600!important;padding:8px 16px!important;transition:all .2s ease!important;white-space:nowrap!important}.inbox-filter-tab:hover,.orders-main-tab:hover,.profile-tab:hover{background:#f8fafc!important;border-color:#cbd5e1!important;color:#0f172a!important}.inbox-filter-tab.active,.orders-main-tab.active,.profile-tab.active{background:#3548c4!important;border-color:#3548c4!important;box-shadow:0 2px 8px #3548c440!important;color:#fff!important}@media (max-width:1024px){.categories-toolbar,.orders-toolbar,.products-toolbar,.users-toolbar{gap:10px;padding:12px 14px}.dash-kpi-grid,.inbox-stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.ai-knowledge-header,.banners-header,.categories-header,.inbox-header,.orders-header,.pages-header,.products-header,.users-header{align-items:flex-start!important;flex-direction:column!important;gap:14px!important;margin-bottom:18px!important}.ai-knowledge-header h1,.banners-header h1,.categories-header h1,.inbox-header-left h1,.orders-header h1,.products-header h1,.users-header h1{font-size:22px!important}.ai-knowledge-header-actions,.banners-header-actions,.categories-header-actions,.inbox-header-actions,.orders-header-actions,.products-header-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;width:100%!important}.add-ai-btn,.add-banner-btn,.add-category-btn,.add-product-btn,.inbox-action-btn,.refresh-ai-btn,.refresh-banners-btn,.refresh-btn,.refresh-category-btn,.refresh-orders-btn,.refresh-users-btn{flex:1 1!important;font-size:13px!important;height:38px!important;min-width:130px!important;padding:0 12px!important}.categories-toolbar,.orders-toolbar,.pages-controls,.products-toolbar,.users-toolbar{align-items:stretch!important;flex-direction:column!important;gap:10px!important;padding:12px!important}.categories-search,.orders-search,.pages-search,.products-search,.users-search{max-width:100%!important;min-width:100%!important;width:100%!important}.categories-filter,.orders-date-filter,.orders-filter,.orders-status-filter,.products-filter{font-size:13px!important;height:38px!important;max-width:100%!important;width:100%!important}.orders-count{align-self:flex-start!important;font-size:12px!important;margin-left:0!important}.ai-stats-grid,.inbox-stats-grid{gap:12px!important}.ai-stats-grid,.dash-charts-grid,.dash-middle-grid,.inbox-stats-grid,.operations-grid{grid-template-columns:1fr!important}.inbox-pagination,.pagination-container,.products-pagination{align-items:center!important;flex-direction:column!important;gap:12px!important;padding:14px 10px!important;text-align:center!important}.pagination-buttons,.pagination-controls{flex-wrap:wrap!important;justify-content:center!important}.category-delete-modal-actions,.delete-modal-actions,.modal-actions,.support-modal-footer{flex-direction:column-reverse!important;gap:8px!important;width:100%!important}.cancel-btn,.cancel-delete-btn,.category-modal-cancel,.category-modal-delete,.confirm-delete-btn,.modal-cancel-btn,.modal-save-btn,.save-btn,.submit-btn{height:42px!important;justify-content:center!important;width:100%!important}.order-details-modal-grid{gap:16px!important;grid-template-columns:1fr!important}.order-timeline{flex-wrap:wrap!important;gap:12px!important}.timeline-line{display:none!important}.timeline-step{align-items:center!important;flex-direction:row!important;gap:10px!important;text-align:left!important;width:100%!important}.timeline-dot{flex-shrink:0!important;margin-bottom:0!important}.refund-meta-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.admin-page-content{padding:12px 8px!important}.ai-knowledge-header h1,.banners-header h1,.categories-header h1,.orders-header h1,.products-header h1,.users-header h1{font-size:20px!important}.dash-hero{border-radius:12px!important;padding:16px!important}.dash-hero-info h1{font-size:20px!important}.dash-kpi-grid{gap:10px!important;grid-template-columns:1fr!important}.banner-view-modal,.delete-modal-content,.modal-content,.support-modal-window,.user-modal{padding:16px 12px!important}.presets-grid{gap:8px!important;grid-template-columns:repeat(3,1fr)!important}.preset-card img{height:40px!important;width:40px!important}.inbox-filter-tab,.orders-main-tab{font-size:12px!important;padding:6px 12px!important}}:root{--admin-blue:#3548c4;--admin-blue-dark:#24359d;--admin-blue-hover:#2a3aa5;--admin-blue-light:#eef2ff;--admin-blue-glow:#3548c438;--admin-emerald:#059669;--admin-emerald-light:#ecfdf5;--admin-amber:#d97706;--admin-amber-light:#fffbeb;--admin-rose:#e11d48;--admin-rose-light:#fff1f2;--admin-sky:#0284c7;--admin-sky-light:#f0f9ff;--admin-purple:#7c3aed;--admin-purple-light:#f5f3ff;--admin-bg:#f8fafc;--admin-border:#e2e8f0;--admin-border-hover:#cbd5e1;--admin-text:#0f172a;--admin-text-secondary:#334155;--admin-text-muted:#64748b;--admin-text-light:#94a3b8;--admin-shadow-sm:0 1px 3px #0f172a0a;--admin-shadow-md:0 4px 16px -2px #0f172a0f,0 2px 6px -1px #0f172a08;--admin-shadow-lg:0 12px 28px -4px #3548c41f,0 4px 10px -2px #0f172a0a;--admin-radius:12px}*,:after,:before{box-sizing:border-box}#root,body,html{margin:0;min-height:100%;padding:0;width:100%}body,button,h1,h2,h3,h4,h5,h6,input,optgroup,select,table,td,textarea,th{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--admin-bg);color:#0f172a;color:var(--admin-text);line-height:1.5}::-webkit-scrollbar{height:7px;width:7px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#3548c4;background:var(--admin-blue)}.App{min-height:100vh;width:100%}div[style*="position: fixed"][style*="inset:"]{z-index:99999999!important}.react-hot-toast,[data-toaster-container],div:has(>.react-hot-toast),div:has(>[data-toaster-container]){z-index:99999999!important}.admin-login-page{background:#fff;display:flex;font-family:Arial,Helvetica,sans-serif;min-height:100vh;width:100%}.admin-login-left{background:#3f48c4;min-height:100vh;overflow:hidden;position:relative;width:50%}.left-images{height:100%;inset:0;position:absolute;width:100%}.left-images img{height:120px;object-fit:cover;position:absolute;width:95px}.left-images img:first-child{left:18%;top:10%}.left-images img:nth-child(2){height:140px;left:32%;top:6%;width:45px}.left-images img:nth-child(3){height:75px;left:48%;top:5%;width:80px}.left-images img:nth-child(4){height:80px;left:62%;top:14%;width:110px}.left-images img:nth-child(5){height:110px;left:67%;top:28%;width:95px}.left-images img:nth-child(6){bottom:16%;height:180px;left:44%;width:145px}.left-text{color:#fff;font-size:23px;left:24%;line-height:1.12;position:absolute;top:36%;width:210px;z-index:2}.left-text strong{display:inline;font-weight:700}.admin-login-right{align-items:center;display:flex;justify-content:center;min-height:100vh;width:50%}.login-container{align-items:stretch;display:flex;flex-direction:column;width:390px}.admin-logo{display:flex;justify-content:center;margin-bottom:70px}.admin-logo img{height:auto;width:200px}.login-container h1{font-size:20px;font-weight:700;margin-bottom:35px}.login-container form{display:flex;flex-direction:column}.login-container label{color:#111;font-size:13px;margin-bottom:8px}.login-container input{border:1px solid #999;font-size:14px;height:48px;margin-bottom:28px;outline:none;padding:0 14px;width:100%}.login-container input:focus{border-color:#3946c2}.login-error{color:#d32f2f;font-size:13px;margin-bottom:15px;margin-top:-15px}.login-container button{background:#3e46c4;border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:600;height:42px;width:100%}.login-container button:hover{background:#313ab0}.login-container button:disabled{cursor:not-allowed;opacity:.6}.login-links{color:#333;display:flex;font-size:12px;gap:8px;justify-content:center;margin-top:25px}.login-links span{cursor:pointer}.language{color:#333;font-size:12px;margin-top:18px;text-align:center}@media (max-width:900px){.admin-login-left{display:none}.admin-login-right{width:100%}}@media (max-width:500px){.login-container{width:calc(100% - 40px)}.admin-logo{margin-bottom:45px}}:root{--admin-primary:#3548c4;--admin-primary-dark:#27389c;--admin-primary-light:#eef2ff;--admin-accent-emerald:#059669;--admin-accent-amber:#d97706;--admin-accent-rose:#e11d48;--admin-accent-indigo:#4f46e5;--admin-accent-sky:#0284c7;--admin-bg-subtle:#f8fafc;--admin-card-bg:#fff;--admin-card-border:#e2e8f0;--admin-card-border-hover:#cbd5e1;--admin-card-shadow:0 4px 18px -2px #0f172a0d,0 2px 6px -1px #0f172a08;--admin-card-shadow-hover:0 12px 28px -4px #3548c41f,0 4px 10px -2px #0f172a0a;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8}.dashboard-page{color:#0f172a;color:var(--text-main);font-family:inherit;margin:0 auto;max-width:1440px;padding-bottom:50px;width:100%}.dash-hero{align-items:flex-start;background:linear-gradient(135deg,#fff,#f4f6fc);border:1px solid #e2e8f0;border:1px solid var(--admin-card-border);border-radius:16px;box-shadow:0 4px 18px -2px #0f172a0d,0 2px 6px -1px #0f172a08;box-shadow:var(--admin-card-shadow);display:flex;gap:24px;justify-content:space-between;margin-bottom:28px;overflow:hidden;padding:26px 30px;position:relative}.dash-hero:before{background:linear-gradient(90deg,#3548c4,#0284c7,#38bdf8);content:"";height:4px;left:0;position:absolute;right:0;top:0}.dash-hero-info{flex:1 1}.dash-hero-tag{align-items:center;background:#eef2ff;border:1px solid #3548c426;border-radius:20px;color:#3548c4;display:inline-flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.5px;margin-bottom:10px;padding:4px 12px;text-transform:uppercase}.live-pulse{animation:pulseGreen 1.8s infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 0 0 #22c55eb3;height:7px;width:7px}@keyframes pulseGreen{0%{box-shadow:0 0 0 0 #22c55eb3}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 0 0 #22c55e00}}.dash-hero-info h1{color:#0f172a;color:var(--text-main);font-size:26px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.dash-hero-info .highlight-name{color:#3548c4;color:var(--admin-primary)}.dash-hero-info p{color:#64748b;color:var(--text-muted);font-size:14px;line-height:1.5;margin:0}.dash-hero-info p strong{color:#334155}.dash-hero-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.btn-dash-action{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-card-border);border-radius:10px;box-shadow:0 1px 3px #0000000a;color:#334155;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.btn-dash-action:hover{background:#f8fafc;border-color:#cbd5e1;color:#3548c4;color:var(--admin-primary);transform:translateY(-1px)}.btn-storefront{color:#0284c7}.btn-storefront:hover{background:#f0f9ff;border-color:#bae6fd;color:#0369a1}.spin-icon{animation:spin .8s linear infinite}.btn-dash-primary{align-items:center;background:#3548c4;background:var(--admin-primary);border:none;border-radius:10px;box-shadow:0 3px 12px #3548c44d;color:#fff;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:700;gap:8px;padding:10px 18px;transition:all .2s ease}.btn-dash-primary:hover{background:#27389c;background:var(--admin-primary-dark);box-shadow:0 6px 18px #3548c466;transform:translateY(-2px)}.dash-kpi-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(5,1fr);margin-bottom:26px}.kpi-card{background:#fff;background:var(--admin-card-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-card-border);border-radius:14px;box-shadow:0 4px 18px -2px #0f172a0d,0 2px 6px -1px #0f172a08;box-shadow:var(--admin-card-shadow);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:20px;position:relative;transition:all .22s ease}.kpi-card:hover{border-color:#3548c459;box-shadow:0 12px 28px -4px #3548c41f,0 4px 10px -2px #0f172a0a;box-shadow:var(--admin-card-shadow-hover);transform:translateY(-3px)}.kpi-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.kpi-icon-wrap{align-items:center;border-radius:12px;display:flex;font-size:22px;height:44px;justify-content:center;transition:transform .2s ease;width:44px}.kpi-card:hover .kpi-icon-wrap{transform:scale(1.06)}.icon-revenue{background:#eef2ff;color:#3548c4}.icon-orders{background:#ecfdf5;color:#059669}.icon-products{background:#f5f3ff;color:#7c3aed}.icon-categories{background:#fffbeb;color:#d97706}.icon-users{background:#f0f9ff;color:#0284c7}.kpi-trend{align-items:center;border-radius:6px;display:inline-flex;font-size:11.5px;font-weight:700;gap:4px;padding:3px 8px}.kpi-trend.positive{background:#ecfdf5;color:#059669}.kpi-trend.warning{background:#fef2f2;color:#dc2626}.kpi-chip{background:#f1f5f9;border-radius:6px;color:#475569;font-size:11px;font-weight:600;padding:3px 8px}.kpi-body{display:flex;flex-direction:column}.kpi-label{color:#64748b;color:var(--text-muted);font-size:12.5px;font-weight:600;letter-spacing:.3px;margin:0 0 6px;text-transform:uppercase}.kpi-value{color:#0f172a;color:var(--text-main);font-size:26px;font-weight:800;letter-spacing:-.6px;line-height:1.1;margin:0 0 10px}.kpi-footer{align-items:center;border-top:1px dashed #edf2f7;color:#64748b;color:var(--text-muted);display:flex;font-size:12px;gap:6px;padding-top:10px}.kpi-footer strong{color:#0f172a;color:var(--text-main)}.dot-processing{background:#d97706;border-radius:50%;height:7px;width:7px}.dash-charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.55fr 1fr;margin-bottom:26px}.dash-card{background:#fff;background:var(--admin-card-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-card-border);border-radius:16px;box-shadow:0 4px 18px -2px #0f172a0d,0 2px 6px -1px #0f172a08;box-shadow:var(--admin-card-shadow);padding:24px;transition:border-color .2s ease,box-shadow .2s ease}.dash-card:hover{border-color:#cbd5e1}.dash-card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.dash-card-header h3{color:#0f172a;color:var(--text-main);font-size:17px;font-weight:700;letter-spacing:-.2px;margin:0 0 4px}.dash-card-subtitle{color:#64748b;color:var(--text-muted);font-size:12.5px;margin:0}.chart-metric-toggle{background:#f1f5f9;border-radius:8px;display:inline-flex;padding:3px}.toggle-btn{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:all .18s ease}.toggle-btn.active{background:#fff;box-shadow:0 1px 4px #00000014}.toggle-btn.active,.view-all-link{color:#3548c4;color:var(--admin-primary);font-weight:700}.view-all-link{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;font-size:13px;gap:4px;padding:0;transition:gap .2s ease}.view-all-link:hover{gap:7px;text-decoration:underline}.chart-container{align-items:flex-end;border-bottom:1px solid #f1f5f9;display:flex;height:200px;padding:10px 0 6px}.custom-bar-chart{align-items:flex-end;display:flex;gap:14px;height:100%;justify-content:space-between;width:100%}.chart-bar-group{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end;position:relative}.chart-bar-track{align-items:flex-end;background:#f1f5f9;border-radius:8px;display:flex;height:80%;max-width:44px;overflow:hidden;position:relative;width:100%}.chart-bar-fill{background:linear-gradient(180deg,#435be3,#3548c4);border-radius:8px 8px 0 0;transition:height .6s cubic-bezier(.16,1,.3,1),background .2s ease;width:100%}.chart-bar-group:hover .chart-bar-fill{background:linear-gradient(180deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3548c44d}.chart-bar-label{color:#64748b;color:var(--text-muted);font-size:11px;font-weight:600;margin-top:10px}.chart-bar-tooltip{align-items:center;background:#0f172a;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-direction:column;font-size:11px;left:50%;opacity:0;padding:6px 10px;pointer-events:none;position:absolute;top:-10px;transform:translateX(-50%) translateY(-100%);transition:opacity .15s ease,transform .15s ease;white-space:nowrap;z-index:10}.chart-bar-tooltip:after{border-color:#0f172a #0000 #0000;border-style:solid;border-width:4px 4px 0;bottom:-4px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.chart-bar-group:hover .chart-bar-tooltip{opacity:1;transform:translateX(-50%) translateY(-105%)}.chart-footer-stats{gap:12px;justify-content:space-around;padding-top:16px}.c-stat,.chart-footer-stats{align-items:center;display:flex}.c-stat{flex-direction:column;gap:2px}.c-stat span{color:#64748b;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.c-stat strong{color:#0f172a;color:var(--text-main);font-size:14px;font-weight:700}.text-emerald{color:#059669!important}.fulfillment-body{display:flex;flex-direction:column;gap:18px}.status-progress-list{display:flex;flex-direction:column;gap:13px}.status-item{display:flex;flex-direction:column;gap:6px}.status-info{justify-content:space-between}.status-info,.status-name{align-items:center;display:flex}.status-name{color:#334155;font-size:13px;font-weight:600;gap:8px}.status-indicator{align-items:center;display:flex;font-size:15px;justify-content:center}.ind-delivered{color:#059669}.ind-shipped{color:#0284c7}.ind-processing{color:#d97706}.ind-cancelled{color:#e11d48}.status-meta{align-items:center;display:flex;font-size:12px;gap:8px}.meta-pct{color:#64748b;color:var(--text-muted);font-weight:500}.progress-track{background:#f1f5f9;border-radius:10px;height:8px;overflow:hidden;width:100%}.progress-bar{border-radius:10px;height:100%;transition:width .6s ease}.bar-delivered{background:linear-gradient(90deg,#10b981,#059669)}.bar-shipped{background:linear-gradient(90deg,#38bdf8,#0284c7)}.bar-processing{background:linear-gradient(90deg,#fbbf24,#d97706)}.bar-cancelled{background:linear-gradient(90deg,#f87171,#e11d48)}.fulfillment-summary-banner{align-items:center;background:linear-gradient(135deg,#f0fdf4,#e0f2fe);border:1px solid #bbf7d0;border-radius:12px;display:flex;gap:16px;margin-top:4px;padding:14px 16px}.health-score-dial{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #05966926;display:flex;flex-direction:column;flex-shrink:0;height:60px;justify-content:center;width:60px}.score-num{color:#059669;font-size:16px;font-weight:800;line-height:1}.score-label{color:#64748b;font-size:9px;font-weight:700;margin-top:2px;text-transform:uppercase}.health-details h4{color:#0f172a;font-size:13.5px;font-weight:700;margin:0 0 3px}.health-details p{color:#475569;font-size:11.5px;line-height:1.4;margin:0}.dash-middle-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.55fr 1fr;margin-bottom:26px}.recent-orders-card{display:flex;flex-direction:column;padding:24px}.dash-table{border-collapse:collapse;text-align:left;width:100%}.dash-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-card-border);color:#64748b;color:var(--text-muted);font-size:11.5px;font-weight:700;letter-spacing:.5px;padding:12px 14px;text-transform:uppercase}.dash-table th:first-child{border-radius:8px 0 0 8px}.dash-table th:last-child{border-radius:0 8px 8px 0;text-align:right}.dash-table td{border-bottom:1px solid #f1f5f9;font-size:13px;padding:13px 14px;vertical-align:middle}.dash-table tr:hover td{background:#f8fafc}.id-tag{background:#eef2ff;border-radius:6px;color:#3548c4;color:var(--admin-primary);font-family:monospace;font-size:12px;font-weight:700;padding:4px 8px}.cust-wrap{gap:10px}.cust-avatar,.cust-wrap{align-items:center;display:flex}.cust-avatar{background:#e2e8f0;border-radius:50%;color:#334155;flex-shrink:0;font-size:12px;font-weight:700;height:30px;justify-content:center;width:30px}.cust-info{display:flex;flex-direction:column}.cust-name{color:#0f172a;color:var(--text-main);font-size:13px;font-weight:600}.cust-sub{color:#64748b;color:var(--text-muted);font-size:11px}.item-preview{align-items:center;display:flex;gap:8px}.item-thumb{background:#fff;border:1px solid #e2e8f0;border-radius:6px;height:32px;object-fit:cover;width:32px}.item-text{align-items:center;color:#334155;display:inline-flex;font-size:12.5px;gap:6px}.item-badge{background:#e2e8f0;border-radius:4px;color:#475569;font-size:10px;font-weight:700;padding:2px 5px}.amount-cell strong{color:#0f172a;color:var(--text-main);font-size:13.5px}.pay-pill{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;text-transform:uppercase}.pay-paid{background:#ecfdf5;color:#059669}.pay-pending{background:#fffbeb;color:#b45309}.status-pill{font-size:11.5px;padding:4px 10px;text-transform:capitalize}.badge-delivered{background:#dcfce7}.badge-shipped{background:#e0f2fe;color:#0369a1}.badge-processing{background:#fef3c7;color:#b45309}.badge-cancelled{background:#fee2e2;color:#b91c1c}.badge-pending{background:#f1f5f9;color:#475569}.dash-empty-cell{color:#64748b;color:var(--text-muted);font-style:italic;padding:40px!important;text-align:center}.btn-table-action{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-card-border);color:#3548c4;color:var(--admin-primary);font-size:12px;font-weight:600;padding:4px 10px;transition:all .18s ease}.btn-table-action:hover{background:#3548c4;background:var(--admin-primary);border-color:#3548c4;border-color:var(--admin-primary);color:#fff}.dash-side-stack{gap:20px}.dash-side-stack,.low-stock-body{display:flex;flex-direction:column}.healthy-inventory-banner{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;display:flex;gap:14px;padding:16px}.healthy-icon{color:#16a34a;flex-shrink:0;font-size:32px}.healthy-inventory-banner h4{color:#15803d;font-size:14px;font-weight:700;margin:0 0 4px}.healthy-inventory-banner p{color:#166534;font-size:12px;margin:0}.stock-alert-list{display:flex;flex-direction:column;gap:10px}.stock-alert-item{align-items:center;background:#f8fafc;border:1px solid #edf2f7;border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px;transition:background .2s ease}.stock-alert-item:hover{background:#f1f5f9}.stock-item-left{align-items:center;display:flex;gap:10px;min-width:0}.stock-thumb{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;height:38px;object-fit:cover;width:38px}.stock-thumb-placeholder{align-items:center;background:#e2e8f0;border-radius:8px;color:#64748b;display:flex;flex-shrink:0;font-size:18px;height:38px;justify-content:center;width:38px}.stock-item-info{min-width:0}.stock-item-title{color:#0f172a;color:var(--text-main);font-size:13px;font-weight:700;margin:0 0 2px;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-category{color:#64748b;color:var(--text-muted);display:block;font-size:11px}.stock-item-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.stock-badge{border-radius:6px;font-size:10.5px;font-weight:700;padding:3px 7px}.stock-low{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.stock-out{border:1px solid #fecaca;color:#b91c1c}.btn-restock{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;cursor:pointer;font-size:11.5px;font-weight:600;padding:4px 10px;transition:all .18s ease}.btn-restock:hover{background:#3548c4;background:var(--admin-primary);border-color:#3548c4;border-color:var(--admin-primary);color:#fff}.top-categories-list{display:flex;flex-direction:column;gap:14px}.category-depth-item{display:flex;flex-direction:column;gap:5px}.depth-header{align-items:center;display:flex;font-size:12.5px;justify-content:space-between}.depth-name{color:#334155;font-weight:600}.depth-count{color:#64748b;color:var(--text-muted);font-size:11.5px;font-weight:500}.depth-bar-track{background:#f1f5f9;border-radius:10px;height:7px;overflow:hidden;width:100%}.depth-bar-fill{border-radius:10px;height:100%;transition:width .6s ease}.dash-operations{margin-top:10px}.operations-header{margin-bottom:16px}.operations-header h2{color:#0f172a;color:var(--text-main);font-size:19px;font-weight:800;letter-spacing:-.3px;margin:0 0 4px}.operations-header p{color:#64748b;color:var(--text-muted);font-size:13px;margin:0}.operations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.op-card{align-items:center;background:#fff;background:var(--admin-card-bg);border:1px solid #e2e8f0;border:1px solid var(--admin-card-border);border-radius:14px;box-shadow:0 4px 18px -2px #0f172a0d,0 2px 6px -1px #0f172a08;box-shadow:var(--admin-card-shadow);cursor:pointer;display:flex;gap:16px;padding:18px 20px;transition:all .22s ease}.op-card:hover{border-color:#3548c4;border-color:var(--admin-primary);box-shadow:0 12px 28px -4px #3548c41f,0 4px 10px -2px #0f172a0a;box-shadow:var(--admin-card-shadow-hover);transform:translateY(-3px)}.op-icon-wrap{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;transition:transform .2s ease;width:44px}.op-card:hover .op-icon-wrap{transform:scale(1.08)}.op-icon-products{background:#eef2ff;color:#3548c4}.op-icon-categories{background:#fffbeb;color:#d97706}.op-icon-orders{background:#ecfdf5;color:#059669}.op-icon-banners{background:#fdf4ff;color:#c026d3}.op-icon-pages{background:#f0f9ff;color:#0284c7}.op-icon-ai{background:#faf5ff;color:#7c3aed}.op-content{flex:1 1;min-width:0}.op-content h3{color:#0f172a;color:var(--text-main);font-size:14.5px;font-weight:700;margin:0 0 3px}.op-content p{color:#64748b;color:var(--text-muted);font-size:12px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-arrow{align-items:center;color:#cbd5e1;display:flex;font-size:18px;transition:transform .2s ease,color .2s ease}.op-card:hover .op-arrow{color:#3548c4;color:var(--admin-primary);transform:translateX(4px)}@media (max-width:1280px){.dash-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1040px){.dash-charts-grid,.dash-middle-grid{grid-template-columns:1fr}.operations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dash-hero{align-items:flex-start;flex-direction:column;padding:20px}.dash-hero-actions{flex-wrap:wrap;width:100%}.dash-kpi-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.operations-grid{grid-template-columns:1fr}}@media (max-width:500px){.dash-kpi-grid{grid-template-columns:1fr}.dash-hero-info h1{font-size:22px}}.products-page{margin:0 auto;max-width:1440px;min-width:0;width:100%}.products-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.products-header h1{color:#0f172a;font-size:26px;font-weight:800;letter-spacing:-.4px;margin:0 0 6px}.products-header p{color:#64748b;font-size:14px;margin:0}.products-header-actions{align-items:center;display:flex;gap:12px}.refresh-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;color:#334155;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:8px;height:42px;justify-content:center;padding:0 16px;transition:all .2s ease}.refresh-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#3548c4}.add-product-btn{align-items:center;background:#3548c4;border:none;border-radius:10px;box-shadow:0 3px 12px #3548c440;color:#fff;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:700;gap:8px;height:42px;justify-content:center;padding:0 18px;transition:all .2s ease}.add-product-btn:hover{background:#27389c;box-shadow:0 6px 16px #3548c459;transform:translateY(-1px)}.add-product-btn svg,.refresh-btn svg{font-size:18px}.products-toolbar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a08;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px;padding:14px 18px}.products-search{align-items:center;display:flex;flex:1 1;min-width:260px;position:relative}.products-search svg{color:#94a3b8;font-size:19px;left:12px;pointer-events:none;position:absolute}.products-search input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:13.5px;height:40px;outline:none;padding:0 36px 0 38px;transition:all .2s ease;width:100%}.products-search input:focus{background:#fff;border-color:#3548c4;box-shadow:0 0 0 3px #3548c41f}.products-filter{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;font-size:13px;font-weight:500;height:40px;outline:none;padding:0 14px;transition:all .2s ease}.products-filter:hover{border-color:#94a3b8}.products-filter:focus{border-color:#3548c4;box-shadow:0 0 0 3px #3548c41f}.clear-product-filters{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:12.5px;font-weight:600;height:40px;padding:0 14px;transition:all .2s ease}.clear-product-filters:hover{background:#e2e8f0;color:#0f172a}.products-count{color:#64748b;font-size:13px;font-weight:600;margin-left:auto;white-space:nowrap}.products-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 10px #0f172a08;overflow-x:auto;width:100%}.products-table{border-collapse:collapse;min-width:950px;text-align:left;width:100%}.products-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11.5px;font-weight:700;letter-spacing:.5px;padding:14px 18px;text-transform:uppercase}.products-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:13.5px;padding:14px 18px;vertical-align:middle}.products-table tr:hover td{background:#fbfcfe}.products-table tr:last-child td{border-bottom:none}.product-image{background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:block;height:52px;object-fit:cover;width:52px}.no-image{align-items:center;background:#eef2ff;border:1px solid #e0e7ff;border-radius:10px;color:#3548c4;display:flex;font-size:11px;font-weight:700;height:52px;justify-content:center;text-align:center;width:52px}.product-name-cell{display:flex;flex-direction:column;gap:3px;max-width:280px}.product-name-cell strong{color:#0f172a;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-name-cell span{color:#64748b;font-size:12px}.price-cell{display:flex;flex-direction:column;gap:2px}.price-cell strong{color:#0f172a;font-size:14px;font-weight:700}.price-cell span{color:#94a3b8;font-size:11.5px;text-decoration:line-through}.stock-available{background:#ecfdf5;color:#059669}.stock-available,.stock-out{border-radius:6px;display:inline-block;font-size:12px;font-weight:700;padding:3px 9px}.stock-out{background:#fef2f2;color:#dc2626}.status-active{background:#dcfce7;color:#15803d}.status-active,.status-inactive{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;padding:3px 9px}.status-inactive{background:#f1f5f9;color:#64748b}.product-actions{align-items:center;display:flex;gap:8px}.delete-btn,.edit-btn,.view-product-btn{align-items:center;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;transition:all .18s ease;width:34px}.view-product-btn{background:#f8fafc;color:#0284c7;cursor:pointer}.view-product-btn:hover:not(:disabled){background:#e0f2fe;border-color:#bae6fd;color:#0369a1;transform:translateY(-1px)}.view-product-btn:disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.edit-btn{background:#f8fafc;color:#3548c4}.edit-btn:hover{background:#eef2ff;border-color:#c7d2fe}.delete-btn{background:#f8fafc;color:#ef4444}.delete-btn:hover{background:#fee2e2;border-color:#fecaca}.empty-products,.products-loading{color:#64748b;font-size:14px;padding:48px!important;text-align:center}.products-pagination{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px;padding:14px 18px}.pagination-arrow{border:1px solid #cbd5e1;-webkit-user-select:none;user-select:none}.pagination-arrow:hover:not(:disabled){border-color:#94a3b8}.pagination-arrow:disabled{opacity:.35;pointer-events:none}.pagination-pages{flex-wrap:wrap;justify-content:center}.pagination-page{border:1px solid #cbd5e1;-webkit-user-select:none;user-select:none}.pagination-page:hover{border-color:#3548c4}.pagination-page.active{box-shadow:0 2px 8px #3548c447;font-weight:700}.pagination-ellipsis{align-items:center;color:#94a3b8;display:inline-flex;font-size:14px;font-weight:700;height:36px;justify-content:center;letter-spacing:1px;min-width:28px;-webkit-user-select:none;user-select:none}@media (max-width:640px){.products-pagination{gap:4px;padding:10px 8px}.pagination-arrow{font-size:16px;height:32px;width:32px}.pagination-pages{gap:4px}.pagination-page{font-size:12px;height:32px;min-width:30px;padding:0 6px}.pagination-ellipsis{font-size:12px;min-width:18px}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}.delete-modal-content,.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px -8px #0f172a40;max-width:520px;padding:26px;position:relative;width:100%}.modal-header{align-items:center;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.modal-header h2{color:#0f172a;font-size:18px;font-weight:800;margin:0}.modal-close-btn{background:#0000}.delete-modal-actions{gap:10px;justify-content:flex-end;margin-top:24px}.cancel-delete-btn{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;font-weight:600}.cancel-delete-btn,.confirm-delete-btn{cursor:pointer;font-size:13px;padding:10px 18px}.confirm-delete-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;font-weight:700}.confirm-delete-btn:hover{background:#dc2626}.users-page{margin:0 auto;max-width:1440px;width:100%}.users-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.users-header h1{color:#0f172a;font-size:26px;font-weight:800;letter-spacing:-.4px;margin:0 0 4px}.users-header p{color:#64748b;font-size:14px;margin:0}.refresh-users-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;color:#334155;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:8px;height:42px;justify-content:center;padding:0 18px;transition:all .2s ease}.refresh-users-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#3548c4}.refresh-users-btn svg{font-size:18px}.users-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a08;gap:16px;justify-content:space-between;margin-bottom:22px;padding:14px 18px}.users-search,.users-toolbar{align-items:center;display:flex}.users-search{flex:1 1;max-width:440px;position:relative}.users-search svg{color:#94a3b8;font-size:19px;left:12px;pointer-events:none;position:absolute}.users-search input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:13.5px;height:40px;outline:none;padding:0 36px 0 38px;transition:all .2s ease;width:100%}.users-search input:focus{background:#fff;border-color:#3548c4;box-shadow:0 0 0 3px #3548c41f}.clear-users-search{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px}.clear-users-search:hover{color:#0f172a}.users-count{background:#f1f5f9;border-radius:20px;color:#64748b;font-size:13px;font-weight:600;padding:4px 12px;white-space:nowrap}.users-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 16px -2px #0f172a0a;overflow-x:auto;width:100%}.users-table{border-collapse:collapse;min-width:800px;text-align:left;width:100%}.users-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11.5px;font-weight:700;letter-spacing:.6px;padding:14px 20px;text-transform:uppercase}.users-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:13.5px;padding:16px 20px;vertical-align:middle}.users-table tr:hover td{background:#f8faff}.users-table tr:last-child td{border-bottom:none}.user-cell{gap:14px}.user-avatar,.user-cell{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#3548c4,#1d4ed8);border-radius:10px;box-shadow:0 2px 8px #3548c440;color:#fff;flex-shrink:0;font-size:15px;font-weight:800;height:40px;justify-content:center;width:40px}.user-name-cell{display:flex;flex-direction:column;gap:3px}.user-name-cell strong{color:#0f172a;font-size:14px;font-weight:700}.user-badge{color:#64748b;display:inline-block;font-size:11.5px;font-weight:600}.view-user-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;color:#475569;cursor:pointer;display:inline-flex;font-size:17px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.view-user-btn:hover{background:#eef2ff;border-color:#cbd5e1;color:#3548c4;transform:translateY(-1px)}.users-loading{font-weight:600;padding:48px}.empty-users,.users-loading{color:#64748b;text-align:center}.empty-users{font-size:14px;padding:48px!important}.users-pagination{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end;padding:16px 20px}.pagination-arrow{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:18px;height:36px;justify-content:center;transition:all .18s ease;width:36px}.pagination-arrow:hover:not(:disabled){background:#f1f5f9;color:#0f172a}.pagination-arrow:disabled{cursor:not-allowed;opacity:.4}.pagination-pages{align-items:center;display:flex;gap:6px}.pagination-page{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:0 10px;transition:all .18s ease}.pagination-page:hover{background:#f8fafc;color:#3548c4}.pagination-page.active{background:#3548c4;border-color:#3548c4;box-shadow:0 2px 8px #3548c44d;color:#fff}.user-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.user-modal{background:#fff;border-radius:18px;box-shadow:0 20px 40px #0f172a2e;flex-direction:column;max-width:480px;padding:28px;position:relative;width:100%}.user-modal,.user-modal-close{align-items:center;display:flex}.user-modal-close{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;height:32px;justify-content:center;position:absolute;right:18px;top:18px;transition:all .2s ease;width:32px}.user-modal-close:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.user-modal-avatar{align-items:center;background:linear-gradient(135deg,#3548c4,#1d4ed8);border-radius:16px;box-shadow:0 4px 14px #3548c44d;color:#fff;display:flex;font-size:26px;font-weight:800;height:64px;justify-content:center;margin-bottom:14px;width:64px}.user-modal h2{color:#0f172a;font-size:20px;font-weight:800;margin:0 0 4px}.user-role{background:#eef2ff;border-radius:20px;color:#3548c4;display:inline-block;font-size:11.5px;font-weight:700;margin-bottom:22px;padding:3px 12px;text-transform:uppercase}.user-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:22px;overflow:hidden;width:100%}.user-detail-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;font-size:13px;justify-content:space-between;padding:12px 16px}.user-detail-row:last-child{border-bottom:none}.user-detail-row span{color:#64748b;font-weight:500}.user-detail-row strong{color:#0f172a;font-weight:600}.user-modal-done{background:#3548c4;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;height:42px;transition:all .2s ease;width:100%}.user-modal-done:hover{background:#24359d}.add-product-page{width:100%}.add-product-header{align-items:center;display:flex;gap:18px;margin-bottom:25px}.add-product-header h1{color:#111;font-size:30px;font-weight:700;margin:0}.add-product-header p{color:#777;font-size:14px;margin:7px 0 0}.back-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;display:flex;gap:7px;height:40px;padding:0 13px}.back-btn:hover{background:#f5f5f5}.back-btn svg{height:18px;width:18px}.form-message{border-radius:7px;font-size:14px;margin-bottom:20px;padding:13px 15px}.error-message{background:#fff0f0;color:#d93636}.success-message{background:#eaf8ee;color:#168442}.add-product-form{display:flex;flex-direction:column;gap:22px}.form-section{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:25px}.section-title{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-title h2{color:#222;font-size:19px;font-weight:700;margin:0}.section-title span{color:#888;font-size:12px}.full-width{grid-column:1/-1}.form-group label{margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d8d8d8;border-radius:6px;color:#222;padding:12px 13px;transition:border-color .2s ease;width:100%}.form-group input{height:44px}.form-group select{cursor:pointer;height:44px}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3548c4}.form-group small{color:#888;font-size:11px;margin-top:6px}.multiselect-container{position:relative;width:100%}.multiselect-box{align-items:center;background:#fff;border:1.5px solid #d0d5dd;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;height:44px;justify-content:space-between;outline:none;padding:0 14px;transition:border-color .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;width:100%}.multiselect-box:focus,.multiselect-container.open .multiselect-box{border-color:#3548c4;box-shadow:0 0 0 3px #3548c41f}.multiselect-text{color:#1e293b;flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiselect-placeholder{color:#64748b}.multiselect-value{color:#0f172a;font-weight:500}.multiselect-badge{background:#eef0ff;border-radius:12px;color:#3548c4;display:inline-block;font-size:12px;font-weight:700;margin-left:6px;padding:2px 8px}.multiselect-arrow{color:#64748b;flex-shrink:0;font-size:20px;margin-left:8px;transition:transform .2s ease}.multiselect-arrow.rotate{color:#3548c4;transform:rotate(180deg)}.multiselect-dropdown{animation:dropdownFade .15s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;box-sizing:border-box;left:0;max-height:280px;overflow-y:auto;padding:6px;position:absolute;top:calc(100% + 5px);width:100%;z-index:1000}.multiselect-search-box{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:8px;margin-bottom:6px;padding:8px 12px;position:sticky;top:-6px;z-index:5}.multiselect-search-icon{color:#64748b;flex-shrink:0;font-size:18px}.multiselect-search-box input{background:#0000;border:none;box-shadow:none!important;color:#1e293b;font-size:13px;height:auto;outline:none;padding:0;width:100%}.multiselect-search-box input::placeholder{color:#94a3b8}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.multiselect-empty{color:#94a3b8;font-size:13px;padding:12px;text-align:center}.multiselect-options{display:flex;flex-direction:column;gap:2px}.multiselect-option{align-items:center;border-radius:6px;color:#334155;cursor:pointer;display:flex;font-size:13.5px;gap:10px;padding:9px 12px;transition:background .15s ease,color .15s ease;-webkit-user-select:none;user-select:none}.multiselect-option:hover{background:#f8f9ff;color:#3548c4}.multiselect-option.selected{background:#f0f3ff;color:#3548c4;font-weight:600}.multiselect-checkbox{align-items:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:4px;display:flex;flex-shrink:0;height:18px;justify-content:center;transition:all .15s ease;width:18px}.multiselect-checkbox.checked{background:#3548c4;border-color:#3548c4;color:#fff}.multiselect-checkbox svg{font-size:14px}.multiselect-option-label{flex:1 1}.category-checkboxes{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.category-pill{background:#fff;border:1.5px solid #d0d5dd;border-radius:20px;color:#344054;cursor:pointer;font-weight:500;gap:8px;padding:8px 16px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.category-pill:hover{background:#f8f9ff;border-color:#3548c4;color:#3548c4}.category-pill.selected{background:#eef0ff;border-color:#3548c4;color:#3548c4;font-weight:700}.category-pill input[type=checkbox]{accent-color:#3548c4;cursor:pointer;height:16px;margin:0;width:16px}.upload-box{align-items:center;background:#fafafa;border:2px dashed #d4d4d4;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:190px;transition:border-color .2s ease,background .2s ease;width:100%}.upload-box:hover{background:#f7f8ff;border-color:#3548c4}.upload-box svg{color:#3548c4;height:45px;width:45px}.upload-box strong{color:#333;font-size:15px}.upload-box span{color:#888;font-size:12px}.image-preview-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(5,1fr);margin-top:20px}.image-preview{aspect-ratio:1/1;background:#f5f5f5;border:1px solid #e3e3e3;border-radius:8px;overflow:hidden;position:relative;width:100%}.image-preview img{display:block;height:100%;object-fit:cover;width:100%}.image-preview button{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 7px #00000026;color:#d93636;cursor:pointer;display:flex;height:30px;justify-content:center;padding:0;position:absolute;right:7px;top:7px;width:30px}.image-preview button:hover{background:#fff0f0}.image-preview button svg{height:17px;width:17px}.form-actions{gap:10px}.cancel-product-btn,.save-product-btn{border-radius:7px;cursor:pointer;font-size:14px;font-weight:600;height:44px;min-width:130px;padding:0 18px}.cancel-product-btn{background:#fff;border:1px solid #d8d8d8;color:#333}.cancel-product-btn:hover{background:#f5f5f5}.save-product-btn{background:#3548c4;border:none;color:#fff}.save-product-btn:hover{background:#2f3eae}.save-product-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:900px){.form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.image-preview-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.add-product-header{align-items:flex-start;flex-direction:column}.form-section{padding:18px}.image-preview-grid{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column}.cancel-product-btn,.save-product-btn{width:100%}}.sale-toggle{align-items:center;display:flex;gap:12px;margin-top:6px}.toggle-switch{cursor:pointer;display:inline-block;height:28px;position:relative;width:52px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:28px;inset:0;position:absolute;transition:background-color .25s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:20px;left:4px;position:absolute;transition:transform .25s;width:20px}.toggle-switch input:checked+.toggle-slider{background-color:#0082c3}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.sale-label{color:#333;font-size:14px;font-weight:600;min-width:28px}.view-product-page{margin:0 auto;max-width:1300px;padding-bottom:40px;width:100%}.view-product-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.view-product-back-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;color:#334155;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:8px;height:42px;padding:0 16px;transition:all .2s ease}.view-product-back-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#3548c4;transform:translateX(-2px)}.view-product-back-btn svg{font-size:18px}.view-product-header-actions{align-items:center;display:flex;gap:12px}.view-product-edit-btn{align-items:center;background:#3548c4;border:none;border-radius:10px;box-shadow:0 3px 12px #3548c440;color:#fff;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:700;gap:8px;height:42px;padding:0 20px;transition:all .2s ease}.view-product-edit-btn:hover{background:#27389c;box-shadow:0 6px 16px #3548c459;transform:translateY(-1px)}.view-product-edit-btn svg{font-size:18px}.view-product-container{grid-gap:32px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 20px #0f172a0a;display:grid;gap:32px;grid-template-columns:460px 1fr;padding:32px}@media (max-width:1024px){.view-product-container{gap:24px;grid-template-columns:1fr;padding:24px}}.view-product-media{display:flex;flex-direction:column;gap:16px}.view-product-main-image-wrapper{align-items:center;aspect-ratio:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.view-product-main-image{height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.view-product-main-image:hover{transform:scale(1.03)}.view-product-no-image{align-items:center;color:#94a3b8;display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:8px}.view-product-no-image svg{font-size:48px}.view-product-media-badges{display:flex;flex-wrap:wrap;gap:8px;left:14px;position:absolute;top:14px}.view-status-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;display:inline-flex;font-size:12px;font-weight:700;gap:5px;letter-spacing:.3px;padding:5px 12px}.view-status-badge.active{background:#dcfce7f2;border:1px solid #bbf7d0;color:#15803d}.view-status-badge.inactive{background:#fee2e2f2;border:1px solid #fecaca;color:#b91c1c}.view-sale-badge{align-items:center;background:#fef08af2;border:1px solid #fde047;border-radius:20px;color:#854d0e;display:inline-flex;font-size:12px;font-weight:700;gap:4px;padding:5px 12px}.view-product-thumbnails{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.view-product-thumbnail-btn{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;flex-shrink:0;height:72px;padding:4px;transition:all .2s ease;width:72px}.view-product-thumbnail-btn.active{border-color:#3548c4;box-shadow:0 0 0 2px #3548c433}.view-product-thumbnail-btn img{border-radius:6px;height:100%;object-fit:contain;width:100%}.view-product-details{display:flex;flex-direction:column;gap:20px}.view-product-meta-top{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.view-product-brand{background:#eef2ff;border-radius:6px;color:#3548c4;font-size:13px;font-weight:800;letter-spacing:.8px;padding:4px 10px;text-transform:uppercase}.view-product-gender-badge,.view-product-subcategory-badge{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:12px;font-weight:600;padding:4px 10px}.view-product-title{color:#0f172a;font-size:26px;font-weight:800;line-height:1.3;margin:0}.view-product-rating{align-items:center;display:flex;gap:10px}.rating-pill{align-items:center;background:#fef08a;border-radius:8px;color:#854d0e;display:inline-flex;font-size:13px;font-weight:800;gap:4px;padding:4px 10px}.rating-pill svg{color:#ca8a04}.rating-count{color:#64748b;font-size:13px;font-weight:500}.view-product-price-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px 20px}.price-row{align-items:baseline;display:flex;gap:14px}.price-main{align-items:baseline;color:#0f172a;display:inline-flex}.price-main .currency{font-size:20px;font-weight:700;margin-right:2px}.price-main .amount{font-size:32px;font-weight:800;letter-spacing:-.5px}.price-original{align-items:baseline;color:#94a3b8;display:inline-flex;gap:4px}.original-label{font-size:11px;font-weight:600;text-transform:uppercase}.original-amount{font-size:18px;font-weight:500;text-decoration:line-through}.discount-tag{background:#dcfce7;border-radius:6px;color:#15803d;display:inline-block;font-size:12px;font-weight:800;letter-spacing:.3px;padding:4px 10px}.view-product-stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}@media (max-width:640px){.view-product-stats-grid{grid-template-columns:1fr}}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:12px;padding:14px 16px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:10px;flex-shrink:0;font-size:20px;height:42px;justify-content:center;width:42px}.stock-icon{background:#f0fdf4;color:#16a34a}.category-icon{background:#eff6ff;color:#2563eb}.stat-label{font-size:11.5px;letter-spacing:.4px}.stat-value{color:#0f172a;font-size:14px}.stat-value.stock-in{color:#16a34a}.stat-value.stock-low{color:#d97706}.stat-value.stock-out{color:#dc2626}.view-product-section{display:flex;flex-direction:column;gap:8px}.section-title{color:#475569;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.section-text{color:#334155;font-size:14.5px;line-height:1.6;margin:0;white-space:pre-wrap}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.category-pill{background:#f1f5f9;color:#334155;font-weight:600;gap:5px;padding:6px 12px}.category-pill,.size-pill{align-items:center;border-radius:8px;display:inline-flex;font-size:13px}.size-pill{background:#fff;border:1px solid #cbd5e1;color:#0f172a;font-weight:700;height:38px;justify-content:center;min-width:38px;padding:0 10px}.color-pill{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:13px;font-weight:600;padding:6px 14px}.view-product-footer-meta{align-items:center;border-top:1px solid #f1f5f9;color:#94a3b8;display:flex;flex-wrap:wrap;font-size:12px;gap:10px;justify-content:space-between;margin-top:10px;padding-top:16px}.view-product-footer-meta code{background:#f1f5f9;border-radius:4px;color:#475569;font-family:monospace;padding:2px 6px}.view-product-empty,.view-product-loading{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:18px;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.view-product-spinner{animation:viewProductSpin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3548c4;height:44px;margin-bottom:16px;width:44px}@keyframes viewProductSpin{to{transform:rotate(1turn)}}.empty-icon{color:#94a3b8;font-size:56px}.view-product-empty h2{color:#0f172a;font-size:20px;font-weight:800;margin:0 0 8px}.view-product-empty p{color:#64748b;font-size:14px;margin:0 0 20px}.back-to-products-btn{align-items:center;background:#3548c4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:700;gap:8px;height:40px;padding:0 18px}.categories-page{margin:0 auto;max-width:1440px;width:100%}.categories-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.categories-header h1{color:#0f172a;font-size:26px;font-weight:800;letter-spacing:-.4px;margin:0 0 4px}.categories-header p{color:#64748b;font-size:14px;margin:0}.categories-header-actions{align-items:center;display:flex;gap:12px}.refresh-category-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;color:#334155;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:8px;height:42px;justify-content:center;padding:0 16px;transition:all .2s ease}.refresh-category-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#3548c4}.add-category-btn{align-items:center;background:#3548c4;border:none;border-radius:10px;box-shadow:0 3px 12px #3548c440;color:#fff;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:700;gap:8px;height:42px;justify-content:center;padding:0 18px;transition:all .2s ease}.add-category-btn:hover{background:#27389c;box-shadow:0 6px 16px #3548c459;transform:translateY(-1px)}.add-category-btn svg,.refresh-category-btn svg{font-size:18px}.categories-toolbar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a08;display:flex;gap:16px;justify-content:space-between;margin-bottom:22px;padding:14px 18px}.categories-search{align-items:center;display:flex;flex:1 1;max-width:440px;position:relative}.categories-search svg{color:#94a3b8;font-size:19px;left:12px;pointer-events:none;position:absolute}.categories-search input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:13.5px;height:40px;outline:none;padding:0 36px 0 38px;transition:all .2s ease;width:100%}.categories-search input:focus{background:#fff;border-color:#3548c4;box-shadow:0 0 0 3px #3548c41f}.clear-category-search{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px}.clear-category-search:hover{color:#0f172a}.categories-count{background:#f1f5f9;border-radius:20px;color:#64748b;font-size:13px;font-weight:600;padding:4px 12px;white-space:nowrap}.categories-list-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 16px -2px #0f172a0a;overflow-x:auto;width:100%}.categories-table{border-collapse:collapse;min-width:820px;text-align:left;width:100%}.categories-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11.5px;font-weight:700;letter-spacing:.6px;padding:14px 18px;text-transform:uppercase}.categories-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:13.5px;padding:14px 18px;vertical-align:middle}.categories-table tr:hover td{background:#f8faff}.categories-table tr:last-child td{border-bottom:none}.category-list-image{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:flex;height:48px;justify-content:center;overflow:hidden;width:48px}.category-list-image img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.category-list-image:hover img{transform:scale(1.08)}.category-list-no-image{align-items:center;background:#eef2ff;color:#3548c4;display:flex;font-size:11px;font-weight:700;height:100%;justify-content:center;width:100%}.category-name-cell{display:flex;flex-direction:column;gap:2px}.category-name-cell strong{color:#0f172a;font-size:14px;font-weight:700}.category-name-cell span{color:#64748b;font-size:12px}.products-count-badge{background:#eef2ff;border:1px solid #dbeafe;border-radius:14px;color:#3548c4;font-weight:700;height:26px;justify-content:center;min-width:32px;padding:0 10px}.category-subcategory-badge,.products-count-badge{align-items:center;display:inline-flex;font-size:12.5px}.category-subcategory-badge{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#334155;font-weight:600;padding:4px 10px}.category-no-subcategory{color:#94a3b8;font-size:14px;font-weight:500}.category-status-btn{align-items:center;border:1px solid #0000;border-radius:20px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:7px;padding:5px 12px;transition:all .2s ease;white-space:nowrap}.category-status-btn:hover{box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.category-status-btn:disabled{cursor:not-allowed;opacity:.6}.category-status-btn.status-active{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.category-status-btn.status-active:hover{background:#d1fae5}.category-status-btn.status-inactive{background:#fef2f2;border-color:#fecaca;color:#dc2626}.category-status-btn.status-inactive:hover{background:#fee2e2}.category-status-dot{border-radius:50%;display:inline-block;height:7px;width:7px}.category-status-btn.status-active .category-status-dot{background:#10b981;box-shadow:0 0 0 2px #10b98133}.category-status-btn.status-inactive .category-status-dot{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.category-sr-header{white-space:nowrap}.category-sr-cell,.category-sr-header{text-align:center;width:90px}.category-sr-number{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;display:inline-flex;font-size:13px;font-weight:700;height:26px;justify-content:center;letter-spacing:.2px;min-width:32px;padding:0 8px}.category-actions{align-items:center;display:flex;gap:8px}.category-delete-btn,.category-edit-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:16px;height:34px;justify-content:center;transition:all .2s ease;width:34px}.category-edit-btn:hover{background:#eef2ff;border-color:#cbd5e1;color:#3548c4;transform:translateY(-1px)}.category-delete-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626;transform:translateY(-1px)}.empty-category{color:#64748b;font-size:14px;padding:48px!important;text-align:center}.categories-pagination{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:16px 20px}.categories-pagination .pagination-arrow{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:18px;height:36px;justify-content:center;transition:all .18s ease;-webkit-user-select:none;user-select:none;width:36px}.categories-pagination .pagination-arrow:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.categories-pagination .pagination-arrow:disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.categories-pagination .pagination-pages{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.categories-pagination .pagination-page{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:0 10px;transition:all .18s ease;-webkit-user-select:none;user-select:none}.categories-pagination .pagination-page:hover{background:#f8fafc;border-color:#3548c4;color:#3548c4}.categories-pagination .pagination-page.active{background:#3548c4;border-color:#3548c4;box-shadow:0 2px 8px #3548c447;color:#fff;font-weight:700}.categories-pagination .pagination-ellipsis{align-items:center;color:#94a3b8;display:inline-flex;font-size:14px;font-weight:700;height:36px;justify-content:center;letter-spacing:1px;min-width:28px;-webkit-user-select:none;user-select:none}@media (max-width:640px){.categories-pagination{gap:4px;padding:10px 8px}.categories-pagination .pagination-arrow{font-size:16px;height:32px;width:32px}.categories-pagination .pagination-pages{gap:4px}.categories-pagination .pagination-page{font-size:12px;height:32px;min-width:30px;padding:0 6px}.categories-pagination .pagination-ellipsis{font-size:12px;min-width:18px}}.category-delete-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.category-delete-modal{align-items:center;background:#fff;border-radius:18px;box-shadow:0 20px 40px #0f172a2e;display:flex;flex-direction:column;max-width:420px;padding:28px;position:relative;text-align:center;width:100%}.category-delete-modal-close{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.category-delete-modal-close:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.category-delete-modal-icon{align-items:center;background:#fee2e2;border-radius:14px;color:#dc2626;display:flex;font-size:26px;height:56px;justify-content:center;margin-bottom:14px;width:56px}.category-delete-modal h2{color:#0f172a;font-size:20px;font-weight:800;margin:0 0 8px}.category-delete-modal p{color:#475569;font-size:14px;margin:0 0 6px}.category-delete-warning{color:#dc2626;font-size:12.5px;margin-bottom:20px}.category-delete-modal-actions{display:flex;gap:12px;width:100%}.category-modal-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;flex:1 1;font-size:13.5px;font-weight:600;height:42px;transition:all .2s ease}.category-modal-cancel:hover{background:#f8fafc;color:#0f172a}.category-modal-delete{background:#dc2626;border:none;border-radius:10px;box-shadow:0 2px 8px #dc262640;color:#fff;cursor:pointer;flex:1 1;font-size:13.5px;font-weight:700;height:42px;transition:all .2s ease}.category-modal-delete:hover{background:#b91c1c}.add-category-page{width:100%}.add-category-header{align-items:center;display:flex;gap:18px;margin-bottom:25px}.add-category-header h1{color:#111;font-size:30px;font-weight:700;margin:0}.add-category-header p{color:#777;font-size:14px;margin:7px 0 0}.category-back-btn{font-size:13px}.add-category-form{display:flex;flex-direction:column;gap:20px}.category-form-group{margin-bottom:20px}.category-form-group label{color:#333;font-size:13px;font-weight:600;margin-bottom:8px}.category-upload-box svg{height:45px;width:45px}.category-image-preview-wrapper{margin-top:20px}.category-image-preview{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;height:180px;overflow:hidden;position:relative;width:180px}.category-image-preview img{display:block;height:100%;object-fit:cover;width:100%}.category-image-preview button{background:#d93636;border:none;border-radius:6px;bottom:8px;color:#fff;cursor:pointer;font-size:12px;height:32px;padding:0 12px;position:absolute;right:8px}.category-image-preview button:hover{background:#c72e2e}@media (max-width:600px){.add-category-header{align-items:flex-start;flex-direction:column}.category-form-section{padding:18px}.category-form-actions{flex-direction:column}.category-cancel-btn,.category-save-btn{width:100%}.category-image-preview{height:150px;width:150px}}.edit-category-page{width:100%}.edit-category-header{align-items:center;display:flex;gap:18px;margin-bottom:25px}.edit-category-header h1{color:#111;font-size:30px;font-weight:700;margin:0}.edit-category-header p{color:#777;font-size:14px;margin:7px 0 0}.category-back-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;display:flex;gap:7px;height:40px;padding:0 13px;transition:.2s ease}.category-back-btn:hover{background:#f5f5f5}.category-back-btn svg{height:18px;width:18px}.edit-category-form{display:flex;flex-direction:column;gap:20px;width:100%}.category-form-section{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:25px;width:100%}.category-section-title{margin-bottom:25px}.category-section-title h2{color:#222;font-size:19px;font-weight:700;margin:0}.category-form-group{display:flex;flex-direction:column;margin-bottom:22px}.category-form-group:last-child{margin-bottom:0}.category-form-group>label{color:#333;font-size:13px;font-weight:600;margin-bottom:8px}.category-form-group input[type=text]{background:#fff;border:1px solid #d8d8d8;border-radius:6px;color:#222;font-size:14px;height:44px;outline:none;padding:0 13px;width:100%}.category-form-group input[type=text]:focus{border-color:#3548c4}.edit-category-image{align-items:center;background:#f8f8f8;border:1px solid #ddd;border-radius:10px;display:flex;height:220px;justify-content:center;overflow:hidden;position:relative;width:260px}.edit-category-image img{background:#fff;display:block;height:100%;object-fit:contain;object-position:center;width:100%}.edit-category-image button{align-items:center;background:#d93636;border:none;border-radius:6px;bottom:10px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;height:34px;padding:0 12px;position:absolute;right:10px;transition:.2s ease;z-index:2}.edit-category-image button:hover{background:#c72e2e}.edit-category-image button svg{height:16px;width:16px}.no-category-image{border:1px dashed #ccc;border-radius:10px;color:#888;font-size:13px;height:220px;width:260px}.category-upload-box,.no-category-image{align-items:center;background:#fafafa;display:flex;justify-content:center}.category-upload-box{border:2px dashed #d4d4d4;border-radius:10px;cursor:pointer;flex-direction:column;gap:8px;min-height:190px;transition:border-color .2s ease,background .2s ease;width:100%}.category-upload-box:hover{background:#f7f8ff;border-color:#3548c4}.category-upload-box svg{color:#3548c4;height:44px;width:44px}.category-upload-box strong{color:#333;font-size:15px;font-weight:600}.category-upload-box span{color:#888;font-size:12px}.edit-category-preview{margin-top:5px}.edit-category-preview .edit-category-image{height:220px;width:260px}.category-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-bottom:20px}.category-cancel-btn,.category-save-btn{border-radius:7px;cursor:pointer;font-size:14px;font-weight:600;height:44px;min-width:130px;padding:0 18px;transition:.2s ease}.category-cancel-btn{background:#fff;border:1px solid #d8d8d8;color:#333}.category-cancel-btn:hover{background:#f5f5f5}.category-save-btn{background:#3548c4;border:none;color:#fff}.category-save-btn:hover{background:#2f3eae}.category-cancel-btn:disabled,.category-save-btn:disabled{cursor:not-allowed;opacity:.6}.category-active-row{align-items:center;border-top:1px solid #eee;display:flex;gap:20px;justify-content:space-between;margin-top:20px;padding-top:20px}.category-active-label{color:#222;display:block;font-size:14px;font-weight:600;margin:0 0 4px}.category-active-hint{color:#888;font-size:12.5px;margin:0}.category-switch{background:#d5d5d5;border:none;border-radius:20px;cursor:pointer;flex-shrink:0;height:26px;padding:0;position:relative;transition:background .2s ease;width:48px}.category-switch.active{background:#3548c4}.category-switch span{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:20px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:20px}.category-switch.active span{transform:translateX(22px)}@media (max-width:700px){.edit-category-image,.edit-category-preview .edit-category-image,.no-category-image{height:190px;width:220px}}@media (max-width:600px){.edit-category-header{align-items:flex-start;flex-direction:column;gap:12px}.category-form-section{padding:18px}.edit-category-image,.edit-category-preview .edit-category-image,.no-category-image{height:220px;max-width:280px;width:100%}.category-form-actions{flex-direction:column}.category-cancel-btn,.category-save-btn{width:100%}}.orders-page{margin:0 auto;max-width:1440px;width:100%}.orders-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.orders-header h1{color:#0f172a;font-size:26px;font-weight:800;letter-spacing:-.4px;margin:0 0 4px}.orders-header p{color:#64748b;font-size:14px;margin:0}.refresh-orders-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;color:#334155;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:8px;height:42px;justify-content:center;padding:0 18px;transition:all .2s ease}.refresh-orders-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#3548c4}.refresh-orders-btn svg{font-size:18px}.orders-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a08;flex-wrap:wrap;gap:12px;margin-bottom:22px;padding:14px 18px}.orders-search,.orders-toolbar{align-items:center;display:flex}.orders-search{flex:1 1;min-width:260px;position:relative}.orders-search svg{color:#94a3b8;font-size:19px;left:12px;pointer-events:none;position:absolute}.orders-search input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:13.5px;height:40px;outline:none;padding:0 36px 0 38px;transition:all .2s ease;width:100%}.orders-search input:focus{background:#fff;border-color:#3548c4;box-shadow:0 0 0 3px #3548c41f}.clear-orders-search{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px}.clear-orders-search:hover{color:#0f172a}.orders-date-filter,.orders-filter{appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;font-size:13px;font-weight:500;height:40px;outline:none;padding:0 32px 0 14px;transition:all .2s ease}.orders-date-filter{background-image:none;padding:0 12px}.orders-date-filter:hover,.orders-filter:hover{border-color:#94a3b8}.orders-date-filter:focus,.orders-filter:focus{border-color:#3548c4;box-shadow:0 0 0 3px #3548c41f}.clear-date-filter{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:12.5px;font-weight:600;height:40px;padding:0 14px;transition:all .2s ease}.clear-date-filter:hover{background:#e2e8f0;color:#0f172a}.orders-count{background:#f1f5f9;border-radius:20px;color:#64748b;font-size:13px;font-weight:600;margin-left:auto;padding:4px 12px;white-space:nowrap}.orders-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 16px -2px #0f172a0a;overflow-x:auto;width:100%}.orders-table{border-collapse:collapse;min-width:950px;text-align:left;width:100%}.orders-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11.5px;font-weight:700;letter-spacing:.6px;padding:14px 18px;text-transform:uppercase}.orders-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:13.5px;padding:15px 18px;vertical-align:middle}.orders-table tr:hover td{background:#f8faff}.orders-table tr:last-child td{border-bottom:none}.order-id{background:#eef2ff;border-radius:6px;color:#3548c4;display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace!important;font-size:12.5px;font-weight:700;letter-spacing:.2px;padding:4px 10px}.customer-cell{gap:2px}.customer-cell strong{color:#0f172a;font-size:13.5px;font-weight:700}.customer-cell span{color:#64748b;font-size:12px}.payment-status-select{appearance:none;-webkit-appearance:none;background-position:right 8px center;background-repeat:no-repeat;background-size:12px;border:1px solid #0000;border-radius:20px;cursor:pointer;font-size:12px;font-weight:700;height:32px;letter-spacing:.2px;outline:none;padding:0 28px 0 12px;transition:all .2s ease}.order-status-select{align-items:center;border:1.5px solid #0000;border-radius:20px;display:inline-flex;font-size:11.5px;font-weight:700;height:28px;justify-content:center;letter-spacing:.3px;padding:0 12px;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.payment-status-select.payment-paid{background-color:#ecfdf5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23047857' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#a7f3d0;color:#047857}.payment-status-select.payment-pending{background-color:#fffbeb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b45309' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#fde68a;color:#b45309}.payment-status-select.payment-refunded{background-color:#f5f3ff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236d28d9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#ddd6fe;color:#6d28d9}.payment-status-select.payment-failed{background-color:#fff1f2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23be123c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");border-color:#fecdd3;color:#be123c}.order-status-select.status-delivered{background-color:#ecfdf5;border-color:#a7f3d0;color:#047857}.order-status-select.status-shipped{background-color:#f0f9ff;border-color:#bae6fd;color:#0369a1}.order-status-select.status-confirmed,.order-status-select.status-placed,.order-status-select.status-processing{background-color:#eef2ff;border-color:#c7d2fe;color:#3548c4}.order-status-select.status-pending{background-color:#fffbeb;border-color:#fde68a;color:#b45309}.order-status-select.status-cancelled{background-color:#fff1f2;border-color:#fecdd3;color:#be123c}.order-status-select.status-returned{background-color:#fdf4ff;border-color:#e9d5ff;color:#9333ea}.order-status-select.status-failed{background-color:#fff1f2;border-color:#fecdd3;color:#be123c}.order-status-select.status-refunded{background-color:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}.view-order-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;color:#475569;cursor:pointer;display:inline-flex;font-size:17px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.view-order-btn:hover{background:#eef2ff;border-color:#cbd5e1;color:#3548c4;transform:translateY(-1px)}.orders-loading{font-weight:600;padding:48px}.empty-orders,.orders-loading{color:#64748b;text-align:center}.empty-orders{font-size:14px;padding:48px!important}.orders-pagination{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end;padding:16px 20px}.order-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.order-modal{background:#fff;border-radius:18px;box-shadow:0 20px 40px #0f172a2e;max-height:90vh;max-width:680px;overflow-y:auto;padding:28px;position:relative;width:100%}.order-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.order-modal-header h2{color:#0f172a;font-size:20px;font-weight:800;margin:0}.order-modal-close{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.order-modal-close:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.table-return-badge{border-radius:4px;display:inline-block;font-size:11px;font-weight:700;margin-top:4px;padding:2px 8px;text-transform:capitalize}.admin-return-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:800;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.badge-requested{background:#fff7ed;border:1px solid #ffedd5;color:#c2410c}.badge-approved{background:#f0fdf4;border:1px solid #dcfce7;color:#15803d}.badge-rejected{background:#fef2f2;border:1px solid #fee2e2;color:#b91c1c}.badge-pickup_scheduled{background:#f0f9ff;border:1px solid #e0f2fe;color:#0369a1}.badge-picked_up{background:#f5f3ff;border:1px solid #ede9fe;color:#6d28d9}.badge-refunded{background:#ecfdf5;border:1px solid #d1fae5;color:#047857}.badge-received,.badge-return_received{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.badge-refund_processing{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.badge-shipped{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.badge-delivered{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.return-detail-card{background:#fbfcfe;border:1px solid #e0e7ff;border-left:4px solid #3643ba;border-radius:10px;margin-bottom:20px;padding:16px}.return-detail-header{align-items:center;border-bottom:1px dashed #e2e8f0;display:flex;justify-content:space-between;margin-bottom:14px;padding-bottom:8px}.return-detail-header h3{color:#1e1b4b;font-size:15px;font-weight:800;margin:0}.admin-return-status-select{background:#fff;border:1px solid #3643ba;border-radius:6px;color:#3643ba;cursor:pointer;font-size:12px;font-weight:700;height:32px;outline:none;padding:0 10px}.return-reason-highlight{color:#c2410c;font-weight:700}.return-details-p{background:#f1f5f9;border-radius:6px;color:#475569;font-size:13px;margin:4px 0 0;max-width:100%;padding:8px 12px}.return-refund-amount{color:#15803d;font-size:14px;font-weight:800}.return-items-box{border-top:1px dashed #e2e8f0;margin-top:12px;padding-top:12px}.return-items-box strong{color:#334155;display:block;font-size:13px;margin-bottom:8px}.return-items-sublist{display:flex;flex-direction:column;gap:6px}.return-subitem-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;display:flex;font-size:12px;justify-content:space-between;padding:8px 12px}.return-subitem-name{flex:1 1;font-weight:700}.return-subitem-qty{color:#64748b;margin:0 12px}.return-subitem-price{color:#0f172a;font-weight:700}.orders-main-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:12px;margin-bottom:16px;padding-bottom:8px}.orders-main-tab{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:700;padding:8px 18px;transition:all .2s ease}.orders-main-tab:hover{background:#f1f5f9;color:#1e1b4b}.orders-main-tab.active{background:#3643ba;color:#fff}.admin-lifecycle-actions{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-bottom:14px;padding:10px 14px}.admin-lifecycle-actions span{color:#64748b;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.admin-action-btns{display:flex;flex-wrap:wrap;gap:8px}.btn-action-step{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;line-height:1.25;min-height:32px;min-width:132px;padding:6px 14px;text-align:center;transition:all .15s ease}.btn-action-step.approve,.btn-action-step.primary{background:#3643ba;color:#fff}.btn-action-step.approve:hover,.btn-action-step.primary:hover{background:#2a3597}.btn-action-step.reject{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.btn-action-step.reject:hover{background:#fca5a5;color:#7f1d1d}.btn-action-step.refund.stripe{background:#0082c3;color:#fff;font-size:13px;padding:7px 16px}.btn-action-step.refund.stripe:hover:not(:disabled){background:#006da4}.btn-action-step.refund.cod{background:#059669;color:#fff;font-size:13px;padding:7px 16px}.btn-action-step.refund.cod:hover:not(:disabled){background:#047857}.refund-complete-badge{align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;color:#047857;display:inline-flex;font-size:12px;font-weight:700;gap:4px;padding:6px 12px}.exchange-detail-card{background:#fbfcfe;border:1px solid #e0e7ff;border-left:4px solid #0082c3;border-radius:10px;margin-bottom:20px;padding:16px}.exchange-detail-card .return-detail-header h3{color:#0c4a6e}.exchange-spec-row{align-items:center;display:flex;justify-content:space-between}.admin-exchange-badge{background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;text-transform:capitalize}.admin-exchange-badge.badge-approved,.admin-exchange-badge.badge-delivered{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.admin-exchange-badge.badge-cancelled,.admin-exchange-badge.badge-rejected{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.diff-pill{border-radius:4px;display:inline-block;font-size:11px;font-weight:700;padding:2px 8px}.diff-pill.pay{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.diff-pill.refund{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.diff-pill.same{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.table-reason-text{color:#334155;font-size:12px}.table-pay-badge{color:#475569;font-size:11px;font-weight:600}.stripe-id-code{background:#f1f5f9;border-radius:4px;color:#0284c7;font-family:monospace;font-size:12px;padding:2px 6px}.highlight-stripe{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:6px 10px}.table-action-group{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px}.btn-table-action{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:11.5px;font-weight:700;line-height:1.25;min-height:32px;min-width:118px;padding:5px 10px;text-align:center;transition:all .15s ease;white-space:normal}.btn-table-action.approve{background:#0082c3;color:#fff}.btn-table-action.approve:hover{background:#006da4}.btn-table-action.reject{background:#fef2f2;border-color:#fecaca;color:#991b1b}.btn-table-action.reject:hover{background:#fee2e2;color:#7f1d1d}.btn-table-action.step{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.btn-table-action.step:hover{background:#e2e8f0;color:#0f172a}.btn-table-action.step.ship{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.btn-table-action.step.ship:hover{background:#dbeafe}.btn-table-action.refund.stripe{background:#0082c3;color:#fff}.btn-table-action.refund.stripe:hover:not(:disabled){background:#006da4}.btn-table-action.refund.cod{background:#059669;color:#fff}.btn-table-action.refund.cod:hover:not(:disabled){background:#047857}.btn-table-action:disabled{cursor:not-allowed;opacity:.6}.table-product-preview{display:flex;flex-direction:column;gap:2px;max-width:220px}.table-product-preview strong{color:#1e293b;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-items-count{color:#64748b;font-size:11px;font-weight:600}.table-size-badge{border-radius:5px;display:inline-block;font-size:11.5px;font-weight:700;padding:3px 8px}.table-size-badge.original{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.table-size-badge.replacement{background:#eff6ff;border:1px solid #bae6fd;color:#0082c3}.refund-cell-status{display:flex;flex-direction:column;gap:2px}.refund-cell-status strong{color:#0f172a;font-size:13px}.exchange-delivered-pill{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:5px;color:#047857;font-size:11.5px;font-weight:700;padding:4px 8px}.pay-badge{align-items:center;display:inline-flex;gap:4px;text-transform:capitalize;white-space:nowrap}.pay-badge.paid{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.pay-badge.refunded{background:#f5f3ff;color:#6d28d9}.pay-badge.pending{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.pay-badge.unpaid{background:#f8fafc;border:1px solid #cbd5e1;color:#64748b}.pay-badge.failed{background:#fef2f2}.timeline-section{border-bottom:1px solid #e2e8f0;padding-bottom:22px!important}.order-timeline{justify-content:space-between;margin-top:14px;padding:10px 4px}.order-timeline,.timeline-step{align-items:center;display:flex;position:relative}.timeline-step{flex-direction:column;min-width:80px;text-align:center;z-index:2}.timeline-dot{align-items:center;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:50%;color:#94a3b8;display:flex;font-size:16px;height:32px;justify-content:center;margin-bottom:8px;transition:all .2s ease;width:32px}.timeline-step.completed .timeline-dot{background:#0082c3;border-color:#0082c3;box-shadow:0 0 0 3px #0082c326;color:#fff}.timeline-step.active .timeline-dot{animation:pulse-dot 1.8s infinite;background:#fff;border-color:#0082c3;box-shadow:0 0 0 4px #0082c333;color:#0082c3}@keyframes pulse-dot{0%{box-shadow:0 0 0 0 #0082c366}70%{box-shadow:0 0 0 8px #0082c300}to{box-shadow:0 0 0 0 #0082c300}}.timeline-step.error .timeline-dot{background:#fee2e2;border-color:#ef4444;color:#b91c1c}.timeline-step.refund-step .timeline-dot{background:#059669;border-color:#059669;color:#fff}.timeline-content strong{color:#334155;display:block;font-size:12.5px;font-weight:700}.timeline-step.active .timeline-content strong,.timeline-step.completed .timeline-content strong{color:#0f172a}.timeline-content span{color:#64748b;display:block;font-size:11px;margin-top:2px}.timeline-line{background:#e2e8f0;flex:1 1;height:3px;margin:0 4px 24px;transition:background .3s ease;z-index:1}.timeline-line.completed-line{background:#0082c3}.timeline-line.active-line{background:#ef4444}.refund-summary-card{background:#fbfcfe;border:1px solid #ddd6fe;border-left:4px solid #7c3aed;border-radius:10px;margin-bottom:20px;padding:16px}.refund-summary-header{align-items:center;display:flex;gap:12px;margin-bottom:14px}.refund-success-icon{color:#7c3aed;flex-shrink:0;font-size:26px}.refund-summary-header h4{color:#4c1d95;font-size:15px;font-weight:700;margin:0 0 2px}.refund-summary-header p{color:#6b7280;font-size:12.5px;margin:0}.refund-meta-grid{grid-gap:12px;background:#fff;border:1px solid #ede9fe;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:12px}.refund-meta-item{display:flex;flex-direction:column;gap:3px}.refund-meta-item span{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.refund-meta-item strong{color:#1e293b;font-size:13.5px}.refund-amount-text{color:#047857!important;font-size:15px!important;font-weight:800!important}.refund-meta-item code{background:#f5f3ff;border-radius:4px;color:#6d28d9;font-family:monospace;font-size:11.5px;padding:2px 6px;word-break:break-all}.modal-header-badges{align-items:center;display:flex;gap:8px}@media (max-width:900px){.orders-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.orders-table{min-width:850px}.orders-toolbar{align-items:stretch;flex-direction:column}.orders-search{min-width:100%;width:100%}.order-timeline{flex-wrap:wrap;gap:12px;justify-content:flex-start}.timeline-line{display:none}.timeline-step{align-items:center;flex-direction:row;gap:10px;text-align:left;width:100%}.timeline-dot{margin-bottom:0}}.btn-table-action.deliver{background:#10b981;border-color:#059669;box-shadow:0 1px 3px #10b98140;color:#fff;font-weight:700}.btn-table-action.deliver:hover{background:#059669;border-color:#047857;color:#fff}.btn-table-action.cod-pay{background:#f59e0b;border-color:#d97706;box-shadow:0 1px 3px #f59e0b40;color:#fff;font-weight:700}.btn-table-action.cod-pay:hover{background:#d97706;border-color:#b45309;color:#fff}.tracking-timeline-wrapper{display:flex;flex-direction:column;gap:16px;width:100%}.admin-tracking-actions-bar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:12px 18px}.tracking-current-summary{align-items:center;color:#475569;display:flex;font-size:13.5px;gap:10px}.tracking-status-badge{background:#e0f2fe;border-radius:6px;color:#0369a1;font-size:12.5px;font-weight:700;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.tracking-control-buttons{align-items:center;display:flex;gap:10px}.btn-tracking-step{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;justify-content:center;padding:8px 16px;transition:all .2s ease}.btn-tracking-step.ship{background:#3b82f6;color:#fff}.btn-tracking-step.ship:hover{background:#2563eb}.btn-tracking-step.hub{background:#8b5cf6;color:#fff}.btn-tracking-step.hub:hover{background:#7c3aed}.btn-tracking-step.out-delivery{background:#f59e0b;color:#fff}.btn-tracking-step.out-delivery:hover{background:#d97706}.btn-tracking-step.deliver{background:#10b981;box-shadow:0 2px 6px #10b9814d;color:#fff}.btn-tracking-step.deliver:hover{background:#059669}.terminal-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:12px;font-weight:700;gap:4px;letter-spacing:.1px;padding:5px 12px;white-space:nowrap}.terminal-badge.delivered-badge{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.terminal-badge.cancelled-badge{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.terminal-badge.returned-badge{background:#fdf4ff;border:1px solid #e9d5ff;color:#9333ea}.terminal-badge.return-active-badge{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.terminal-badge.exchange-active-badge{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.delivered-done-badge{background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;font-size:12px;font-weight:700;padding:5px 12px}.tracking-metadata-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.tracking-metadata-card h3{color:#1e293b;font-size:15px;font-weight:700;margin:0 0 14px}.tracking-meta-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.tracking-meta-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:10px 14px}.tracking-meta-item span{color:#64748b;font-size:11.5px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.tracking-meta-item strong{color:#0f172a;font-size:13.5px;font-weight:700}.step-time{color:#64748b;font-size:11px;margin-top:2px}.step-current-tag{background:#eff6ff;border-radius:4px;color:#3b82f6;display:inline-block;font-size:10.5px;font-weight:700;margin-top:4px;padding:2px 6px}.highlight-delivered-date strong,.highlight-payment-date strong{color:#15803d}.pay-badge{border-radius:6px;display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.3px;padding:4px 10px;text-align:center;text-transform:uppercase}.pay-badge.paid{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}.pay-badge.pending,.pay-badge.unpaid{background:#fff7ed;border:1px solid #ffedd5;color:#c2410c}.pay-badge.refunded{background:#f3e8ff;border:1px solid #ddd6fe;color:#7e22ce}.pay-badge.failed{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.order-timeline.cancelled-timeline{align-items:center;background:snow;border:1px solid #fee2e2;border-radius:12px;display:flex;gap:16px;justify-content:flex-start;padding:16px 20px}.timeline-line.cancelled-line{background:#ef4444;border-top:2px dashed #f87171;flex:0 0 80px;height:2px;margin:0 8px 24px}.cancellation-reason-text{color:#dc2626;display:block;font-size:11px;font-weight:600;margin-top:4px}.tracking-section-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:18px 20px!important;transition:all .2s ease}.tracking-section-container.return-tracking-section{background:#fdfaf6;border:1px solid #fed7aa}.tracking-section-container.exchange-tracking-section{background:#f8fafc;border:1px solid #bae6fd}.section-title-with-badge{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:14px;padding-bottom:10px}.return-tracking-section .section-title-with-badge{border-bottom-color:#ffedd5}.exchange-tracking-section .section-title-with-badge{border-bottom-color:#e0f2fe}.section-title-with-badge h3{color:#0f172a;font-size:15.5px;font-weight:700;margin:0}.section-header-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.4px;padding:4px 10px;text-transform:uppercase}.section-header-badge.delivered{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.section-header-badge.cancelled{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.section-header-badge.in-progress{background:#e0f2fe;border:1px solid #bae6fd;color:#0369a1}.section-header-badge.return-status-pill{background:#ffedd5;border:1px solid #fdba74;color:#c2410c}.section-header-badge.exchange-status-pill{background:#e0f2fe;border:1px solid #7dd3fc;color:#0284c7}.timeline-step.return-step-done .timeline-dot{background:#ea580c;border-color:#ea580c;box-shadow:0 0 0 3px #ea580c26;color:#fff}.timeline-step.return-step-active .timeline-dot{animation:pulse-dot-return 1.8s infinite;background:#fff;border-color:#ea580c;box-shadow:0 0 0 4px #ea580c40;color:#ea580c}@keyframes pulse-dot-return{0%{box-shadow:0 0 0 0 #ea580c66}70%{box-shadow:0 0 0 8px #ea580c00}to{box-shadow:0 0 0 0 #ea580c00}}.timeline-line.return-line-done{background:#ea580c}.step-current-tag.return-tag{background:#ffedd5;color:#c2410c}.timeline-step.exchange-step-done .timeline-dot{background:#0284c7;border-color:#0284c7;box-shadow:0 0 0 3px #0284c726;color:#fff}.timeline-step.exchange-step-active .timeline-dot{animation:pulse-dot-exchange 1.8s infinite;background:#fff;border-color:#0284c7;box-shadow:0 0 0 4px #0284c740;color:#0284c7}@keyframes pulse-dot-exchange{0%{box-shadow:0 0 0 0 #0284c766}70%{box-shadow:0 0 0 8px #0284c700}to{box-shadow:0 0 0 0 #0284c700}}.timeline-line.exchange-line-done{background:#0284c7}.step-current-tag.exchange-tag{background:#e0f2fe;color:#0369a1}.exchange-details-card,.return-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-top:14px;padding:14px 16px}.exchange-meta-grid,.return-meta-grid{grid-gap:12px 16px;display:grid;gap:12px 16px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.exchange-meta-item,.return-meta-item{display:flex;flex-direction:column;gap:4px}.exchange-meta-item span,.return-meta-item span{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.exchange-meta-item strong,.return-meta-item strong{color:#1e293b;font-size:13px;font-weight:700}.meta-sub{color:#475569!important;font-size:11.5px!important;font-weight:500!important;text-transform:none!important}.return-meta-item.highlight-refund{background:#fdfaf6;border:1px dashed #fed7aa;border-radius:8px;grid-column:1/-1;padding:10px 14px}.refund-subtext{color:#475569;font-size:12px;line-height:1.4;margin:4px 0 0}.exchange-meta-item.highlight-exchange{background:#f0f9ff;border:1px dashed #bae6fd;border-radius:8px;padding:8px 12px}.exchange-meta-item.highlight-logistics{background:#fafafa;border-left:3px solid #0082c3;border-radius:4px;padding:6px 10px}.return-items-section{border-top:1px solid #f1f5f9;margin-top:14px;padding-top:12px}.return-items-section h4{color:#334155;font-size:12.5px;font-weight:700;margin:0 0 8px}.return-items-list{display:flex;flex-direction:column;gap:8px}.return-item-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:8px 12px}.return-item-thumb{border:1px solid #e2e8f0;border-radius:6px;height:44px;object-fit:cover;width:44px}.return-item-info{flex:1 1}.return-item-info strong{color:#1e293b;display:block;font-size:12.5px}.return-item-info span{color:#64748b;font-size:11px}.return-item-price{color:#0f172a;font-size:13px;font-weight:700}.pay-badge.refund-processing{background:#fef3c7;border:1px solid #fde68a;color:#b45309}.pay-badge.cancelled-pay{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.badge-pill{border-radius:6px;display:inline-block;font-size:11.5px;font-weight:700;padding:2px 8px}.badge-pill.exchange-requested,.badge-pill.return-requested{background:#ffedd5;color:#c2410c}.badge-pill.exchange-approved,.badge-pill.return-approved{background:#dbeafe;color:#1d4ed8}.badge-pill.exchange-delivered,.badge-pill.return-refunded{background:#dcfce7;color:#15803d}@media (max-width:768px){.section-title-with-badge{align-items:flex-start;flex-direction:column}.exchange-meta-grid,.return-meta-grid{grid-template-columns:1fr}}.coupons-page{margin:0;max-width:100%;padding:0 0 32px;width:100%}.coupons-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.coupons-header h1{color:#0f172a;font-size:26px;font-weight:800;letter-spacing:-.4px;margin:0 0 6px}.coupons-header p{color:#64748b;font-size:14px;margin:0}.coupons-header-actions{align-items:center;display:flex;gap:12px}.refresh-coupon-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;color:#334155;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:8px;height:42px;justify-content:center;padding:0 16px;transition:all .2s ease}.refresh-coupon-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#3548c4}.refresh-coupon-btn svg.spin{animation:spinCoupons 1s linear infinite}@keyframes spinCoupons{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.add-coupon-btn{align-items:center;background:#3548c4;border:none;border-radius:10px;box-shadow:0 3px 12px #3548c440;color:#fff;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:700;gap:8px;height:42px;justify-content:center;padding:0 18px;transition:all .2s ease}.add-coupon-btn:hover{background:#27389c;box-shadow:0 6px 16px #3548c459;transform:translateY(-1px)}.add-coupon-btn svg,.refresh-coupon-btn svg{font-size:19px}.coupons-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.coupon-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a08;display:flex;gap:16px;padding:18px 20px;transition:transform .2s ease,box-shadow .2s ease}.coupon-stat-card:hover{box-shadow:0 6px 18px #0f172a0f;transform:translateY(-2px)}.stat-icon-wrap{font-size:24px;height:48px;width:48px}.stat-info{display:flex;flex-direction:column}.stat-label{color:#64748b;font-size:12.5px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.stat-number{color:#0f172a;font-size:24px;font-weight:800;line-height:1.1}.stat-total .stat-icon-wrap{background:#eff6ff;color:#2563eb}.stat-active .stat-icon-wrap{background:#ecfdf5;color:#059669}.stat-expired .stat-icon-wrap{background:#fff7ed;color:#ea580c}.stat-inactive .stat-icon-wrap{background:#f1f5f9;color:#64748b}.coupons-toolbar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a08;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.coupon-search-box{align-items:center;display:flex;flex:1 1;max-width:420px;min-width:260px;position:relative}.coupon-search-box svg:first-child{color:#94a3b8;font-size:20px;left:14px;pointer-events:none;position:absolute}.coupon-search-box input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:13.5px;font-weight:500;height:40px;outline:none;padding:0 38px 0 42px;transition:all .2s ease;width:100%}.coupon-search-box input:focus{background:#fff;border-color:#3548c4;box-shadow:0 0 0 3px #3548c41f}.clear-search-btn{background:#cbd5e1;border-radius:50%;color:#334155;font-size:14px;height:22px;justify-content:center;transition:background .18s ease;width:22px}.clear-search-btn:hover{background:#94a3b8;color:#fff}.coupon-filter-tabs{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.filter-tab-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;height:36px;padding:0 14px;transition:all .18s ease}.filter-tab-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.filter-tab-btn.active{background:#3548c4;border-color:#3548c4;box-shadow:0 2px 8px #3548c440;color:#fff}.coupons-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0f172a08;overflow:hidden}.table-responsive{overflow-x:auto;width:100%}.coupons-table{border-collapse:collapse;font-size:12.5px;text-align:left;width:100%}.coupons-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.coupons-table th{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.4px;padding:10px 8px;text-transform:uppercase;white-space:nowrap}.coupons-table td:first-child,.coupons-table th:first-child{padding-left:14px}.coupons-table td.td-actions,.coupons-table th.th-actions{padding-right:14px;text-align:right;white-space:nowrap}.coupons-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background-color .15s ease}.coupons-table tbody tr:hover{background-color:#f8fafc}.coupons-table tbody tr.row-expired{background-color:#fffdfb}.coupons-table td{color:#334155;padding:9px 8px;vertical-align:middle;white-space:nowrap}.coupon-code-cell{align-items:center;display:inline-flex;gap:5px}.code-text{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:11.5px;font-weight:800;letter-spacing:.4px;padding:3px 6px}.copy-code-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:inline-flex;font-size:12px;height:20px;justify-content:center;transition:all .18s ease;width:20px}.copy-code-btn:hover{background:#e2e8f0;color:#3548c4}.type-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:10.5px;font-weight:700;padding:2px 7px;white-space:nowrap}.type-badge.type-percentage{background:#f3e8ff;border:1px solid #e9d5ff;color:#7e22ce}.type-badge.type-flat{background:#e0f2fe;border:1px solid #bae6fd;color:#0369a1}.discount-val-text{color:#0f172a;font-size:12.5px;font-weight:800}.text-muted{color:#94a3b8;font-size:11.5px;font-style:italic}.dist-badge{border:1px solid #0000;border-radius:999px;font-size:10.5px;font-weight:600;padding:2px 7px;white-space:nowrap}.dist-badge.dist-global{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.dist-badge.dist-new_user{background:#fdf4ff;border-color:#f0abfc;color:#9333ea}.dist-badge.dist-inactive_user{background:#fff7ed;border-color:#fed7aa;color:#ea580c}.dist-badge.dist-selected_users{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.dist-badge.dist-user_group{background:#fefce8;border-color:#fde68a;color:#ca8a04}.dist-badge.dist-category_based{background:#f0f9ff;border-color:#bae6fd;color:#0369a1}.dist-badge.dist-product_based{background:#fdf2f8;border-color:#fbcfe8;color:#db2777}.per-user-limit-text{color:#64748b;font-size:11.5px}.expiry-cell{display:flex;flex-direction:column;gap:1px;line-height:1.15}.date-active{color:#334155}.date-active,.date-expired{font-size:11.5px;font-weight:600}.date-expired{color:#dc2626}.expired-pill{background:#fee2e2;border-radius:3px;color:#b91c1c;display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.3px;padding:1px 4px;text-transform:uppercase;width:fit-content}.usage-cell{display:flex;flex-direction:column;gap:2px;min-width:60px}.usage-count-text{color:#475569;font-size:11.5px}.usage-count-text strong{color:#0f172a;font-weight:700}.usage-progress-bar{background:#e2e8f0;border-radius:999px;height:4px;max-width:60px;overflow:hidden;width:100%}.usage-progress-fill{background:#3548c4;border-radius:999px;height:100%;transition:width .3s ease}.status-toggle-btn{align-items:center;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-size:10.5px;font-weight:700;gap:4px;padding:2px 7px;transition:all .2s ease;white-space:nowrap}.status-toggle-btn.status-active{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.status-toggle-btn.status-active:hover{background:#d1fae5}.status-toggle-btn.status-inactive{background:#f1f5f9;border-color:#cbd5e1;color:#64748b}.status-toggle-btn.status-inactive:hover{background:#e2e8f0}.status-dot{border-radius:50%;flex-shrink:0;height:5px;width:5px}.dot-active{background:#10b981;box-shadow:0 0 0 2px #10b98133}.dot-inactive{background:#94a3b8}.action-buttons-group{align-items:center;display:inline-flex;gap:4px}.action-btn{border:1px solid #e2e8f0;color:#64748b;font-size:14px;height:26px;transition:all .18s ease;width:26px}.action-btn.edit-btn:hover{background:#eff6ff;border-color:#3548c4;color:#3548c4}.action-btn.delete-btn:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.td-empty{color:#64748b;padding:60px 20px!important;text-align:center}.td-empty h4{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 6px}.td-empty p{color:#64748b;font-size:13.5px;margin:0}.table-loading-spinner{animation:spinCoupons .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3548c4;height:32px;margin:0 auto 12px;width:32px}.coupons-pagination{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 20px}.pagination-info{color:#64748b;font-size:13px;font-weight:500}.pagination-controls{align-items:center;display:flex;gap:6px}.page-nav-btn{align-items:center;border:1px solid #cbd5e1;color:#475569;display:inline-flex;font-size:18px;height:36px;justify-content:center;transition:all .18s ease;width:36px}.page-nav-btn:hover:not(:disabled){border-color:#94a3b8;color:#0f172a}.page-nav-btn:disabled{opacity:.4}.page-num-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;height:36px;justify-content:center;min-width:36px;padding:0 10px;transition:all .18s ease}.page-num-btn:hover{background:#f8fafc;border-color:#3548c4;color:#3548c4}.page-num-btn.active{background:#3548c4;border-color:#3548c4;box-shadow:0 2px 8px #3548c447;color:#fff;font-weight:700}.page-ellipsis{color:#94a3b8;font-size:14px;font-weight:700;min-width:26px;text-align:center}.admin-modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.admin-modal-content{animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 20px 45px #0f172a33;display:flex;flex-direction:column;max-height:90vh;max-width:640px;overflow:hidden;width:100%}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.admin-modal-header h3{color:#0f172a;font-size:18px;font-weight:800;margin:0}.modal-close-btn{background:#f1f5f9;border-radius:8px;font-size:20px;height:32px;transition:all .18s ease;width:32px}.modal-close-btn:hover{background:#e2e8f0}.admin-modal-form{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.form-grid{grid-gap:16px;gap:16px;padding:24px}.form-group.col-span-2{grid-column:span 2}.req{color:#ef4444;margin-left:2px}.optional-tag{color:#94a3b8;font-size:11.5px;font-weight:500;margin-left:4px}.form-group input[type=date],.form-group input[type=number],.form-group input[type=text],.form-group select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font-size:13.5px;height:42px;outline:none;padding:0 14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:#3548c4;box-shadow:0 0 0 3px #3548c41f}.form-group input.has-error,.form-group select.has-error{background-color:#fef2f2;border-color:#ef4444}.form-group input.has-error:focus{box-shadow:0 0 0 3px #ef444426}.field-error-text{color:#ef4444;font-size:12px;font-weight:600}.field-hint{color:#64748b;font-size:11.5px}.checkbox-group{margin-top:4px}.checkbox-label{align-items:center;color:#334155;cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:10px}.checkbox-label input[type=checkbox]{accent-color:#3548c4;border-radius:4px;cursor:pointer;height:18px;width:18px}.admin-modal-footer{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:18px 24px}.modal-cancel-btn{background:#fff;border-radius:10px;font-size:13.5px;font-weight:600;height:42px;padding:0 18px;transition:all .18s ease}.modal-cancel-btn:hover:not(:disabled){background:#f1f5f9;color:#0f172a}.modal-save-btn{background:#3548c4;border-radius:10px;box-shadow:0 2px 8px #3548c440;font-size:13.5px;height:42px;padding:0 22px;transition:all .18s ease}.modal-save-btn:hover:not(:disabled){background:#27389c;box-shadow:0 4px 12px #3548c459}.modal-cancel-btn:disabled,.modal-save-btn:disabled{cursor:not-allowed;opacity:.5}.delete-modal-content{max-width:440px;padding:32px 24px;text-align:center}.delete-modal-icon{align-items:center;background:#fee2e2;border-radius:50%;color:#ef4444;display:flex;font-size:32px;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.delete-modal-content h3{color:#0f172a;font-size:20px;font-weight:800;margin:0 0 8px}.delete-modal-content p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 24px}.delete-modal-content strong{color:#0f172a}.delete-modal-actions{align-items:center;display:flex;gap:12px;justify-content:center}.modal-danger-btn{background:#dc2626;border:none;border-radius:10px;box-shadow:0 2px 8px #dc262640;color:#fff;cursor:pointer;font-size:13.5px;font-weight:700;height:42px;padding:0 20px;transition:all .18s ease}.modal-danger-btn:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc262659}.modal-danger-btn:disabled{cursor:not-allowed;opacity:.5}.field-group-title{color:#1e293b;display:block;font-size:13.5px;font-weight:700;margin-bottom:8px}.distribution-type-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-top:4px}.distribution-radio-card{align-items:flex-start;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;position:relative;transition:all .18s ease}.distribution-radio-card:hover{background:#fff;border-color:#94a3b8}.distribution-radio-card.selected{background:#eef2ff;border-color:#3548c4;box-shadow:0 0 0 1px #3548c4}.distribution-radio-card input[type=radio]{accent-color:#3548c4;cursor:pointer;margin-top:2px}.distribution-radio-card .radio-content{display:flex;flex-direction:column}.distribution-radio-card .radio-title{color:#1e293b;font-size:13px;font-weight:700}.distribution-radio-card.selected .radio-title{color:#3548c4}.distribution-radio-card .radio-desc{color:#64748b;font-size:11px;margin-top:2px}.dist-badge{align-items:center;background:#e2e8f0;border-radius:9999px;color:#334155;display:inline-flex;font-size:11.5px;font-weight:700;letter-spacing:.2px;padding:3px 9px;text-transform:capitalize}.dist-badge.dist-global{background:#dbeafe;color:#1e40af}.dist-badge.dist-new_user{background:#fef3c7;color:#92400e}.dist-badge.dist-inactive_user{background:#fed7aa;color:#9a3412}.dist-badge.dist-selected_users{background:#e0e7ff;color:#3730a3}.dist-badge.dist-user_group{background:#f3e8ff;color:#6b21a8}.dist-badge.dist-category_based{background:#ccfbf1;color:#115e59}.dist-badge.dist-product_based{background:#fce7f3;color:#9d174d}.per-user-limit-text{color:#475569;font-size:12.5px;font-weight:600}.selected-users-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.selected-users-header{align-items:center;display:flex;justify-content:space-between}.selected-count-badge{background:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;color:#3548c4;font-size:12.5px;font-weight:600;padding:4px 10px}.selected-users-chips-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:10px}.selected-users-chips-list{display:flex;flex-wrap:wrap;gap:8px;max-height:120px;overflow-y:auto}.selected-user-chip{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:inline-flex;font-size:12px;gap:6px;padding:4px 10px;transition:all .15s ease}.selected-user-chip .chip-check{color:#2563eb;font-weight:800}.selected-user-chip .chip-text strong{color:#1e3a8a;font-weight:600}.selected-user-chip .chip-email{color:#475569;font-size:11px}.chip-remove-btn{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:2px;transition:all .15s ease}.chip-remove-btn:hover{background:#dbeafe;color:#dc2626}.clear-all-users-btn{align-self:flex-end;background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:11.5px;font-weight:600;padding:2px 6px;transition:background .15s ease}.clear-all-users-btn:hover{background:#fee2e2}.user-picker-search-bar{align-items:center;display:flex;gap:10px}.user-search-input-wrap{align-items:center;display:flex;flex:1 1;position:relative}.user-search-icon{color:#94a3b8;font-size:18px;left:12px;position:absolute}.user-search-input-wrap input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;height:38px;outline:none;padding:0 34px 0 38px;transition:border-color .2s ease;width:100%}.user-search-input-wrap input:focus{border-color:#3548c4}.clear-search-btn{font-size:16px;right:8px}.user-picker-actions{display:flex}.picker-action-btn{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;font-size:12px;font-weight:600;height:38px;padding:0 12px;transition:all .18s ease;white-space:nowrap}.picker-action-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8;color:#3548c4}.picker-action-btn:disabled{cursor:not-allowed;opacity:.5}.user-picker-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.user-picker-scroll-list{display:flex;flex-direction:column;max-height:220px;overflow-y:auto}.user-picker-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:background .15s ease}.user-picker-item:last-child{border-bottom:none}.user-picker-item:hover{background:#f8fafc}.user-picker-item.selected{background:#f0f7ff}.user-picker-item input[type=checkbox]{accent-color:#3548c4;cursor:pointer;height:16px;width:16px}.user-picker-avatar{align-items:center;background:#e2e8f0;border-radius:50%;color:#334155;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.user-picker-item.selected .user-picker-avatar{background:#dbeafe;color:#2563eb}.user-picker-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.user-picker-name{color:#1e293b;font-size:13px;font-weight:600}.user-picker-email,.user-picker-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-picker-email{color:#64748b;font-size:11.5px}.user-picker-phone{color:#94a3b8;font-size:11px}.user-selected-indicator{background:#e0f2fe;border-radius:6px;color:#2563eb;font-size:11px;font-weight:700;padding:2px 8px}.user-picker-empty,.user-picker-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:13px;gap:10px;padding:30px;text-align:center}@media (max-width:1024px){.coupons-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.coupons-header{align-items:flex-start;flex-direction:column}.coupons-header-actions{justify-content:flex-start;width:100%}.coupons-toolbar{align-items:stretch;flex-direction:column}.coupon-search-box{max-width:100%}.coupon-filter-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;width:100%}.form-grid{grid-template-columns:1fr}.form-group.col-span-2{grid-column:span 1}}@media (max-width:480px){.coupons-stats-grid{grid-template-columns:1fr}.stat-number{font-size:20px}.coupons-pagination{align-items:center;flex-direction:column;gap:12px}}.banners-page{min-width:0;width:100%}.banners-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:25px}.banners-header h1{color:#111;font-size:30px;font-weight:700;margin:0}.banners-header p{color:#777;font-size:14px;margin:7px 0 0}.banners-header-actions{align-items:center;display:flex;gap:10px}.add-banner-btn,.refresh-banners-btn{align-items:center;border-radius:7px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:7px;height:42px;justify-content:center;padding:0 16px;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}.refresh-banners-btn{background:#fff;border:1px solid #d8d8d8;color:#333}.refresh-banners-btn:hover{background:#f5f5f5;border-color:#cfcfcf}.add-banner-btn{background:#3548c4;border:none;color:#fff}.add-banner-btn:hover{background:#2f3eae;color:#fff}.add-banner-btn svg,.refresh-banners-btn svg{height:18px;width:18px}.banners-toolbar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0f172a08;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:22px;padding:12px 18px}.banners-toolbar-left{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px;min-width:280px}.banners-search{align-items:center;display:flex;flex:1 1;max-width:420px;min-width:240px;position:relative}.banners-search svg{color:#94a3b8;font-size:19px;left:12px;pointer-events:none;position:absolute}.banners-search input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:13.5px;height:40px;outline:none;padding:0 36px 0 38px;transition:all .2s ease;width:100%}.banners-search input:focus{background:#fff;border-color:#3548c4;box-shadow:0 0 0 3px #3548c41f}.clear-banner-search{align-items:center;background:#0000;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px}.clear-banner-search:hover{color:#0f172a}.banners-filter-wrapper{align-items:center;display:flex;min-width:220px;position:relative}.banners-filter-icon{color:#94a3b8;font-size:18px;left:12px;pointer-events:none;position:absolute}.banners-category-select{appearance:none;background:#f8fafc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg stroke='currentColor' fill='%2364748b' stroke-width='0' viewBox='0 0 24 24' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m7 10 5 5 5-5z' stroke='none'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:18px;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;cursor:pointer;font-size:13.5px;height:40px;outline:none;padding:0 32px 0 36px;transition:all .2s ease;width:100%}.banners-category-select:focus{background-color:#fff;border-color:#3548c4;box-shadow:0 0 0 3px #3548c41f}.banners-toolbar-right{align-items:center;display:flex;gap:12px}.banners-count{color:#64748b;font-size:13px;font-weight:500;white-space:nowrap}.banners-reset-filter-btn{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#64748b;cursor:pointer;font-size:12.5px;font-weight:600;height:32px;padding:0 12px;transition:all .2s ease}.banners-reset-filter-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.banners-loading{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:10px;color:#777;display:flex;font-size:14px;justify-content:center;min-height:250px}.banners-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.banner-card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.banner-card:hover{box-shadow:0 8px 22px #00000014;transform:translateY(-2px)}.banner-image-wrapper{aspect-ratio:16/8;background:#f5f5f5;overflow:hidden;position:relative;width:100%}.banner-image-wrapper img{display:block;height:100%;object-fit:cover;width:100%}.banner-no-image{align-items:center;background:#f5f5f5;color:#999;display:flex;font-size:13px;height:100%;justify-content:center;width:100%}.banner-status{align-items:center;border-radius:20px;display:inline-flex;justify-content:center;padding:5px 10px;right:10px}.banner-count-badge,.banner-status{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:11px;font-weight:600;position:absolute;top:10px}.banner-count-badge{background:#0f172abf;border-radius:12px;color:#fff;left:10px;padding:4px 8px;z-index:2}.banner-status.active{background:#eaf7ef;color:#168442}.banner-status.inactive{background:#fff0f0;color:#d93636}.banner-card-content{align-items:center;display:flex;gap:15px;justify-content:space-between;min-height:78px;padding:14px}.banner-card-info{min-width:0}.banner-card-info h3{color:#222;font-size:15px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-card-info span{color:#888;display:block;font-size:12px;margin-top:5px}.banner-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.banner-delete-btn,.banner-edit-btn,.banner-view-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:34px;justify-content:center;padding:0;text-decoration:none;transition:background .2s ease,color .2s ease;width:34px}.banner-view-btn{background:#eef6ff;color:#2671c9}.banner-view-btn:hover{background:#dcecff;color:#1d5fa8}.banner-edit-btn{background:#eef0ff;color:#3548c4}.banner-edit-btn:hover{background:#dfe2ff;color:#3548c4}.banner-delete-btn{background:#fff0f0;color:#d93636}.banner-delete-btn:hover{background:#ffe1e1;color:#d93636}.banner-delete-btn svg,.banner-edit-btn svg,.banner-view-btn svg{height:18px;width:18px}.empty-banners{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:10px;color:#888;display:flex;font-size:14px;grid-column:1/-1;justify-content:center;min-height:220px}.banner-delete-modal-overlay,.banner-view-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}.banner-view-modal{animation:bannerModalIn .2s ease;background:#fff;border-radius:14px;box-shadow:0 20px 55px #00000038;max-height:90vh;max-width:760px;overflow-y:auto;padding:25px;position:relative;width:100%}@keyframes bannerModalIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.banner-modal-close{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#777;cursor:pointer;display:flex;height:34px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;width:34px;z-index:2}.banner-modal-close:hover{background:#f5f5f5;color:#222}.banner-modal-close svg{height:20px;width:20px}.banner-view-image{background:#f5f5f5;border-radius:10px;min-height:300px;overflow:hidden;width:100%}.banner-view-image img{display:block;max-height:450px;object-fit:contain;width:100%}.banner-view-image .banner-no-image{min-height:300px}.banner-view-content{margin-top:20px}.banner-view-content h2{color:#222;font-size:21px;margin:0 0 18px}.banner-view-row{align-items:center;border-bottom:1px solid #eee;display:flex;gap:20px;justify-content:space-between;padding:13px 0}.banner-view-row span{color:#777;font-size:13px}.banner-view-row strong{color:#222;font-size:13px;max-width:65%;text-align:right;word-break:break-word}.banner-delete-modal{animation:bannerModalIn .2s ease;background:#fff;border-radius:14px;box-shadow:0 20px 55px #00000038;max-width:430px;padding:32px;position:relative;text-align:center;width:100%}.banner-delete-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#777;cursor:pointer;display:flex;height:34px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;width:34px}.banner-delete-close:hover{background:#f5f5f5;color:#222}.banner-delete-close svg{height:20px;width:20px}.banner-delete-icon{align-items:center;background:#fff0f0;border-radius:50%;color:#d93636;display:flex;height:60px;justify-content:center;margin:0 auto 18px;width:60px}.banner-delete-icon svg{height:29px;width:29px}.banner-delete-modal h2{color:#222;font-size:21px;margin:0 0 10px}.banner-delete-modal p{color:#666;font-size:14px;line-height:1.6;margin:0}.banner-delete-modal p strong{color:#222}.banner-delete-modal>span{color:#a33;display:block;font-size:12px;margin-top:8px}.banner-delete-actions{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:25px}.banner-cancel-btn,.banner-confirm-delete-btn{border-radius:7px;cursor:pointer;font-size:13px;font-weight:600;height:42px;min-width:120px;transition:background .2s ease,color .2s ease}.banner-cancel-btn:hover{background:#f5f5f5}.banner-confirm-delete-btn{background:#d93636;border:none;color:#fff}.banner-confirm-delete-btn:hover{background:#c72e2e}@media (max-width:1100px){.banners-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.banners-header{align-items:flex-start;flex-direction:column;gap:15px}.banners-header-actions{width:100%}.add-banner-btn,.refresh-banners-btn{flex:1 1}.banners-toolbar{gap:12px;padding:12px}.banners-toolbar,.banners-toolbar-left{align-items:stretch;flex-direction:column}.banners-toolbar-left{width:100%}.banners-search{max-width:100%;width:100%}.banners-filter-wrapper{width:100%}.banners-toolbar-right{justify-content:space-between;width:100%}.banners-grid{grid-template-columns:1fr}.banner-view-modal{max-height:95vh;max-width:calc(100vw - 30px);padding:20px}.banner-view-image{min-height:220px}.banner-view-image img{max-height:300px}.banner-delete-modal{max-width:calc(100vw - 30px);padding:28px 20px}.banner-delete-actions{flex-direction:column}.banner-cancel-btn,.banner-confirm-delete-btn{width:100%}}@media (max-width:450px){.banners-header-actions{flex-direction:column;width:100%}.add-banner-btn,.refresh-banners-btn{width:100%}.banner-card-content{align-items:flex-start;flex-direction:column}.banner-actions{width:100%}.banner-delete-btn,.banner-edit-btn,.banner-view-btn{flex:1 1}.banner-view-row{align-items:flex-start;flex-direction:column;gap:5px}.banner-view-row strong{max-width:100%;text-align:left}}.add-banner-page{width:100%}.add-banner-header{align-items:center;display:flex;gap:18px;margin-bottom:25px}.banner-back-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:7px;height:40px;justify-content:center;padding:0 13px;transition:background .2s ease,border-color .2s ease}.banner-back-btn:hover{background:#f5f5f5;border-color:#ccc}.banner-back-btn svg{flex-shrink:0;height:18px;width:18px}.add-banner-header h1{color:#111;font-size:30px;font-weight:700;margin:0}.add-banner-header p{color:#777;font-size:14px;margin:7px 0 0}.add-banner-form{display:flex;flex-direction:column;gap:20px}.banner-form-section{background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-sizing:border-box;padding:25px}.banner-section-title{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:18px}.banner-section-title h2{color:#222;font-size:19px;font-weight:700;margin:0}.banner-form-group{display:flex;flex-direction:column;margin-bottom:22px}.banner-form-group:last-child{margin-bottom:0}.banner-form-group>label{color:#333;font-size:13px;font-weight:600;margin-bottom:8px}.banner-form-group input[type=text],.banner-form-group select{background:#fff;border:1px solid #d8d8d8;border-radius:6px;box-sizing:border-box;color:#222;font-size:14px;height:44px;outline:none;padding:0 13px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.banner-form-group input[type=text]::placeholder{color:#9aa0a8}.banner-form-group input[type=text]:focus,.banner-form-group select:focus{border-color:#3548c4;box-shadow:0 0 0 3px #3548c414}.banner-upload-box{align-items:center!important;background:#fafafa;border:2px dashed #d4d4d4;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex!important;flex-direction:column!important;gap:9px;justify-content:center!important;min-height:180px;padding:20px;text-align:center!important;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.banner-upload-box:hover{background:#f7f8ff;border-color:#3548c4;box-shadow:0 2px 10px #3548c40d}.banner-upload-box>svg{color:#3548c4;display:block!important;flex-shrink:0;font-size:43px;height:43px!important;margin:0 auto!important;width:43px!important}.banner-upload-box>strong{color:#333;font-size:15px;font-weight:600}.banner-upload-box>span,.banner-upload-box>strong{display:block!important;line-height:1.4;margin:0!important;text-align:center!important;width:100%}.banner-upload-box>span{color:#888;font-size:12px}.banner-preview-wrapper{margin-top:5px}.banner-preview{background:#f5f5f5;border:1px solid #ddd;border-radius:9px;overflow:hidden;position:relative;width:100%}.banner-preview img{display:block;max-height:300px;object-fit:cover;width:100%}.banner-preview button{background:#d93636;border:none;border-radius:6px;bottom:10px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;height:35px;padding:0 13px;position:absolute;right:10px;transition:background .2s ease,transform .2s ease}.banner-preview button:hover{background:#c72e2e;transform:translateY(-1px)}.banner-active-row{align-items:center;border-top:1px solid #eee;display:flex;gap:20px;justify-content:space-between;margin-top:10px;padding-top:18px}.banner-active-row label{color:#333;font-size:13px;font-weight:600;margin:0}.banner-switch{background:#d5d5d5;border:none;border-radius:20px;cursor:pointer;height:25px;padding:0;position:relative;transition:background .2s ease;width:46px}.banner-switch span{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;height:19px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:19px}.banner-switch.active{background:#3548c4}.banner-switch.active span{transform:translateX(21px)}.banner-form-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end}.banner-cancel-btn,.banner-save-btn{border-radius:7px;box-sizing:border-box;cursor:pointer;font-size:13px;font-weight:600;height:44px;min-width:130px;padding:0 18px;transition:background .2s ease,border-color .2s ease,color .2s ease,opacity .2s ease,transform .2s ease}.banner-cancel-btn{background:#fff;border:1px solid #d8d8d8;color:#333}.banner-cancel-btn:hover:not(:disabled){background:#f5f5f5;transform:translateY(-1px)}.banner-save-btn{background:#3548c4;border:none;color:#fff}.banner-save-btn:hover:not(:disabled){background:#2f3eae;transform:translateY(-1px)}.banner-cancel-btn:disabled,.banner-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:900px){.add-banner-header{align-items:flex-start}.banner-form-section{padding:22px}.banner-upload-box{min-height:170px}}@media (max-width:700px){.add-banner-header{align-items:flex-start;flex-direction:column;gap:14px}.banner-back-btn{justify-content:center;width:auto}.banner-form-section{padding:18px}.banner-form-actions{align-items:stretch;flex-direction:column}.banner-cancel-btn,.banner-save-btn{width:100%}.banner-preview img{max-height:220px}}@media (max-width:450px){.add-banner-header h1{font-size:25px}.banner-form-section{padding:16px}.banner-upload-box{gap:8px;min-height:160px;padding:18px}.banner-upload-box>svg{font-size:40px;height:40px!important;width:40px!important}.banner-upload-box>strong{font-size:13px}.banner-upload-box>span{font-size:11px}}.edit-banner-page{width:100%}.edit-banner-header{align-items:center;display:flex;gap:18px;margin-bottom:25px}.edit-banner-back-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:7px;height:40px;justify-content:center;padding:0 13px;transition:background .2s ease,border-color .2s ease}.edit-banner-back-btn:hover{background:#f5f5f5;border-color:#ccc}.edit-banner-back-btn svg{flex-shrink:0;height:18px;width:18px}.edit-banner-header h1{color:#111;font-size:30px;font-weight:700;margin:0}.edit-banner-header p{color:#777;font-size:14px;margin:7px 0 0}.edit-banner-form{display:flex;flex-direction:column;gap:20px;width:100%}.edit-banner-section{background:#fff;border:1px solid #e5e5e5;border-radius:10px;box-sizing:border-box;padding:25px}.edit-banner-section-title{border-bottom:1px solid #eee;margin-bottom:25px;padding-bottom:18px}.edit-banner-section-title h2{color:#222;font-size:19px;font-weight:700;margin:0}.edit-banner-form-group{display:flex;flex-direction:column;margin-bottom:22px}.edit-banner-form-group>label{color:#333;font-size:13px;font-weight:600;margin-bottom:8px}.edit-banner-form-group input[type=text],.edit-banner-form-group select{background:#fff;border:1px solid #d8d8d8;border-radius:6px;box-sizing:border-box;color:#222;font-size:14px;height:44px;outline:none;padding:0 13px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.edit-banner-form-group input[type=text]::placeholder{color:#9aa0a8}.edit-banner-form-group input[type=text]:focus,.edit-banner-form-group select:focus{border-color:#3548c4;box-shadow:0 0 0 3px #3548c414}.edit-banner-existing-image{background:#f5f5f5;border:1px solid #ddd;border-radius:9px;overflow:hidden;position:relative;width:100%}.edit-banner-existing-image img{display:block;max-height:300px;object-fit:cover;width:100%}.edit-banner-existing-image button{align-items:center;background:#d93636;border:none;border-radius:6px;bottom:10px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;height:35px;justify-content:center;padding:0 12px;position:absolute;right:10px;transition:background .2s ease,transform .2s ease}.edit-banner-existing-image button:hover{background:#c72e2e;transform:translateY(-1px)}.edit-banner-existing-image button svg{flex-shrink:0;height:16px;width:16px}.edit-banner-no-image{align-items:center;background:#fafafa;border:1px dashed #ccc;border-radius:9px;color:#999;display:flex;font-size:13px;justify-content:center;min-height:180px}.edit-banner-upload-box{align-items:center!important;background:#fafafa;border:2px dashed #d4d4d4;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex!important;flex-direction:column!important;gap:9px;justify-content:center!important;min-height:180px;padding:20px;text-align:center!important;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:100%}.edit-banner-upload-box:hover{background:#f7f8ff;border-color:#3548c4;box-shadow:0 2px 10px #3548c40d}.edit-banner-upload-box>svg{color:#3548c4;display:block!important;flex-shrink:0;font-size:43px;height:43px!important;margin:0 auto!important;width:43px!important}.edit-banner-upload-box>strong{color:#333;font-size:15px;font-weight:600}.edit-banner-upload-box>span,.edit-banner-upload-box>strong{display:block!important;line-height:1.4;margin:0!important;text-align:center!important;width:100%}.edit-banner-upload-box>span{color:#888;font-size:12px}.edit-banner-preview-wrapper{margin-top:5px}.edit-banner-preview{background:#f5f5f5;border:1px solid #ddd;border-radius:9px;overflow:hidden;position:relative;width:100%}.edit-banner-preview img{display:block;max-height:300px;object-fit:cover;width:100%}.edit-banner-preview button{background:#d93636;border:none;border-radius:6px;bottom:10px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;height:35px;padding:0 13px;position:absolute;right:10px;transition:background .2s ease,transform .2s ease}.edit-banner-preview button:hover{background:#c72e2e;transform:translateY(-1px)}.edit-banner-active-row{align-items:center;border-top:1px solid #eee;display:flex;gap:20px;justify-content:space-between;margin-top:10px;padding-top:18px}.edit-banner-active-row label{color:#333;font-size:13px;font-weight:600;margin:0}.edit-banner-switch{background:#d5d5d5;border:none;border-radius:20px;cursor:pointer;height:25px;padding:0;position:relative;transition:background .2s ease;width:46px}.edit-banner-switch span{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;height:19px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:19px}.edit-banner-switch.active{background:#3548c4}.edit-banner-switch.active span{transform:translateX(21px)}.edit-banner-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end}.edit-banner-cancel-btn,.edit-banner-save-btn{border-radius:7px;box-sizing:border-box;cursor:pointer;font-size:13px;font-weight:600;height:44px;min-width:130px;padding:0 18px;transition:background .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease}.edit-banner-cancel-btn{background:#fff;border:1px solid #d8d8d8;color:#333}.edit-banner-cancel-btn:hover:not(:disabled){background:#f5f5f5;transform:translateY(-1px)}.edit-banner-save-btn{background:#3548c4;border:none;color:#fff}.edit-banner-save-btn:hover:not(:disabled){background:#2f3eae;transform:translateY(-1px)}.edit-banner-cancel-btn:disabled,.edit-banner-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.edit-banner-loading{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:10px;color:#777;display:flex;font-size:14px;justify-content:center;min-height:300px;width:100%}@media (max-width:900px){.edit-banner-section{padding:22px}.edit-banner-upload-box{min-height:170px}}@media (max-width:700px){.edit-banner-header{align-items:flex-start;flex-direction:column;gap:14px}.edit-banner-back-btn{width:100%}.edit-banner-section{padding:18px}.edit-banner-actions{align-items:stretch;flex-direction:column}.edit-banner-cancel-btn,.edit-banner-save-btn{width:100%}.edit-banner-existing-image img,.edit-banner-preview img{max-height:220px}.edit-banner-upload-box{min-height:160px}}@media (max-width:450px){.edit-banner-header h1{font-size:25px}.edit-banner-section{padding:16px}.edit-banner-upload-box{gap:8px;min-height:150px;padding:18px}.edit-banner-upload-box>svg{font-size:40px;height:40px!important;width:40px!important}.edit-banner-upload-box>strong{font-size:13px}.edit-banner-upload-box>span{font-size:11px}.edit-banner-existing-image button,.edit-banner-preview button{bottom:8px;right:8px}}.banner-multi-previews{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:10px}.banner-multi-preview-item{align-items:center;aspect-ratio:16/9;background:#f7f7f7;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #00000014;display:flex;justify-content:center;overflow:hidden;position:relative}.banner-multi-preview-item img{display:block;height:100%;object-fit:cover;width:100%}.banner-remove-preview-btn{align-items:center;background:#dc2626e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:26px;justify-content:center;position:absolute;right:6px;top:6px;transition:background .15s ease,transform .15s ease;width:26px;z-index:2}.banner-remove-preview-btn:hover{background:#dc2626;transform:scale(1.1)}.banner-preview-badge{background:#000000a6;border-radius:4px;bottom:6px;color:#fff;font-size:10px;font-weight:600;left:6px;padding:2px 6px;pointer-events:none;position:absolute}.banner-preview-badge.new{background:#2563eb}.ai-knowledge-page{padding-bottom:40px;width:100%}.ai-knowledge-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.title-with-badge{align-items:center;display:flex;gap:12px}.ai-knowledge-header h1{color:#111;font-size:28px;font-weight:700;margin:0}.live-db-badge{align-items:center;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:20px;color:#2e7d32;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;padding:4px 10px}.pulse-dot{animation:pulse-green 1.8s infinite;background-color:#2e7d32;border-radius:50%;box-shadow:0 0 0 0 #2e7d32b3;height:8px;width:8px}@keyframes pulse-green{0%{box-shadow:0 0 0 0 #2e7d32b3;transform:scale(.95)}70%{box-shadow:0 0 0 6px #2e7d3200;transform:scale(1)}to{box-shadow:0 0 0 0 #2e7d3200;transform:scale(.95)}}.ai-knowledge-header p{color:#666;font-size:14px;margin:6px 0 0}.ai-knowledge-header-actions{align-items:center;display:flex;gap:10px}.add-ai-btn,.refresh-ai-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;height:42px;padding:0 18px;transition:all .2s ease}.refresh-ai-btn{background:#fff;border:1px solid #ddd;color:#333}.refresh-ai-btn:hover{background:#f7f7f7;border-color:#ccc}.add-ai-btn{background:#0082c3;border:none;color:#fff}.add-ai-btn:hover{background:#006da5}.ai-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:24px}.ai-stat-card{align-items:center;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 6px #00000008;display:flex;gap:16px;padding:18px}.stat-icon-wrapper{align-items:center;border-radius:10px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.products-icon{background:#e3f2fd;color:#1976d2}.categories-icon{background:#f3e5f5;color:#7b1fa2}.ai-icon{background:#e0f2f1;color:#00796b}.brands-icon{background:#fff3e0;color:#f57c00}.stat-value{color:#111;font-size:22px;font-weight:700;line-height:1.1}.stat-label{color:#777;font-size:12px;font-weight:500;margin-top:4px}.ai-controls-bar{background:#fff;border:1px solid #eee;border-radius:12px;display:flex;flex-direction:column;gap:14px;margin-bottom:20px;padding:16px}.ai-controls-top{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.ai-status-filters{align-items:center;display:flex;gap:8px}.status-filter-btn{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#555;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.status-filter-btn:hover{background:#f7f7f7;border-color:#ccc}.status-filter-btn.active{background:#111;border-color:#111;color:#fff}.status-filter-btn.active-filter.active{background:#2e7d32;border-color:#2e7d32;color:#fff}.status-filter-btn.inactive-filter.active{background:#c62828;border-color:#c62828;color:#fff}.ai-search-box{align-items:center;display:flex;flex:1 1;min-width:260px;position:relative}.ai-search-box .search-icon{color:#999;font-size:20px;left:14px;position:absolute}.ai-search-box input{border:1px solid #e0e0e0;border-radius:8px;font-size:14px;height:44px;outline:none;padding:0 40px 0 44px;transition:border-color .2s;width:100%}.ai-search-box input:focus{border-color:#0082c3}.clear-search-btn{background:none;color:#999;right:12px}.ai-category-tabs{align-items:center;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.cat-tab{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#555;cursor:pointer;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s;white-space:nowrap}.cat-tab:hover{background:#f5f5f5;color:#222}.cat-tab.active{background:#0082c3;border-color:#0082c3;color:#fff}.ai-table-container{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 8px #00000005;overflow:hidden}.ai-table{border-collapse:collapse;text-align:left;width:100%}.ai-table th{background:#fbfbfb;border-bottom:1px solid #eee;color:#555;font-size:13px;font-weight:600;padding:14px 18px}.ai-table td{border-bottom:1px solid #f0f0f0;padding:16px 18px;vertical-align:top}.ai-table tr:hover{background:#fdfdfd}.topic-col{width:25%}.topic-title{color:#111;font-size:15px;font-weight:600;margin-bottom:6px}.cat-pill{background:#f0f0f0;border-radius:4px;color:#666;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px;text-transform:capitalize}.cat-returns{background:#ffebee;color:#c62828}.cat-warranty{background:#fff3e0;color:#e65100}.cat-shipping{background:#e8eaf6;color:#283593}.cat-sports_advice{background:#e0f2f1;color:#00695c}.cat-payment{background:#f1f8e9;color:#33691e}.cat-pickup{background:#ede7f6;color:#4527a0}.cat-orders{background:#e3f2fd;color:#1565c0}.cat-products{background:#f3e5f5;color:#7b1fa2}.cat-account{background:#e0f7fa;color:#00838f}.cat-store{background:#efebe9;color:#4e342e}.cat-delivery{background:#e8eaf6;color:#283593}.cat-cancellation{background:#fbe9e7;color:#d84315}.cat-refund{background:#e8f5e9;color:#2e7d32}.cat-technical_support{background:#eceff1;color:#37474f}.cat-offers{background:#fff8e1;color:#f57f17}.cat-coupons{background:#fce4ec;color:#ad1457}.cat-cart{background:#e1f5fe;color:#0277bd}.cat-wishlist{background:#fce4ec;color:#c2185b}.cat-sizing{background:#f9fbe7;color:#827717}.cat-membership{background:#fffde7;color:#f57f17}.cat-general{background:#f5f5f5;color:#616161}.keywords-col{width:25%}.keywords-tags{display:flex;flex-wrap:wrap;gap:5px}.kw-tag{background:#f5f5f5;border-radius:4px;color:#444;font-size:12px;padding:2px 7px}.kw-more{align-self:center;color:#999;font-size:11px}.answer-col{width:35%}.answer-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#444;display:-webkit-box;font-size:13px;line-height:1.5;overflow:hidden}.status-col{width:8%}.status-badge{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#ffebee;color:#c62828}.actions-col{width:7%}.action-buttons{display:flex;gap:8px;justify-content:flex-end}.action-btn{align-items:center;background:#fff;border:1px solid #eee;border-radius:6px;color:#666;cursor:pointer;display:inline-flex;font-size:16px;height:32px;justify-content:center;transition:all .15s;width:32px}.action-btn.edit-btn:hover{background:#0082c3;border-color:#0082c3;color:#fff}.action-btn.delete-btn:hover{background:#d32f2f;border-color:#d32f2f;color:#fff}.ai-empty-state,.ai-loading-state{color:#777;padding:60px 20px;text-align:center}.spinner{border:3px solid #eee;height:36px;margin:0 auto 16px;width:36px}.empty-icon{color:#ccc;margin-bottom:10px}.ai-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:99999}.ai-modal-card{animation:modal-fade-in .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;max-width:600px;overflow:hidden;width:100%}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ai-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:18px 24px}.ai-modal-header h2{color:#111;font-size:18px;font-weight:700;margin:0}.close-modal-btn{background:none;border:none;color:#999;cursor:pointer;font-size:22px}.ai-modal-form{display:flex;flex-direction:column;gap:16px;padding:24px}.form-group label{color:#333;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #dcdcdc;border-radius:7px;font-family:inherit;font-size:14px;outline:none;padding:10px 12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0082c3}.form-hint{color:#888;font-size:11px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.status-toggle-wrapper{align-items:center;display:flex;gap:10px;margin-top:6px}.switch{width:44px}.slider{background-color:#ccc;inset:0;transition:.3s}.slider.round{border-radius:24px}.slider.round:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.slider{background-color:#2e7d32}input:checked+.slider:before{transform:translateX(20px)}.toggle-label{color:#444;font-size:13px;font-weight:500}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:10px}.cancel-btn{background:#fff;border:1px solid #ccc;border-radius:7px;color:#555;padding:10px 18px}.cancel-btn,.save-btn{cursor:pointer;font-size:14px;font-weight:600}.save-btn{background:#0082c3;border:none;border-radius:7px;color:#fff;padding:10px 22px}.save-btn:hover{background:#006da5}.support-tickets-container{display:flex;flex-direction:column;gap:20px}.support-tickets-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.support-title-box{align-items:center;display:flex;gap:12px}.support-icon-badge{align-items:center;background:#e6f4fb;border-radius:12px;color:#0082c3;display:flex;font-size:26px;height:48px;justify-content:center;width:48px}.support-title-box h1{color:#0f172a;font-size:22px;font-weight:800;margin:0}.support-sub{color:#64748b;font-size:13px;margin:2px 0 0}.support-refresh-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:all .2s ease}.support-refresh-btn:hover{background:#f1f5f9;border-color:#94a3b8}.spin{animation:spin 1s linear infinite}.support-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.support-metric-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:14px;padding:16px}.support-metric-card .metric-icon{align-items:center;border-radius:10px;display:flex;font-size:22px;height:44px;justify-content:center;width:44px}.support-metric-card.total .metric-icon{background:#e6f4fb;color:#0082c3}.support-metric-card.open .metric-icon{background:#fef3c7;color:#d97706}.support-metric-card.in-progress .metric-icon{background:#e0f2fe;color:#0284c7}.support-metric-card.resolved .metric-icon{background:#dcfce7;color:#16a34a}.metric-info{display:flex;flex-direction:column}.metric-label{color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase}.metric-value{color:#0f172a;font-size:24px;font-weight:800}.support-controls-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:14px 16px}.support-search-wrapper{flex:1 1;min-width:260px;position:relative}.support-search-wrapper input{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;font-size:13px;outline:none;padding:9px 34px;transition:border-color .2s ease;width:100%}.support-search-wrapper input:focus{border-color:#0082c3}.search-icon{left:10px}.clear-search,.search-icon{position:absolute;top:50%;transform:translateY(-50%)}.clear-search{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:16px;right:10px}.support-filter-group{display:flex;flex-wrap:wrap;gap:10px}.filter-select-wrapper{align-items:center;display:flex;position:relative}.filter-select-wrapper select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;font-size:13px;outline:none;padding:9px 12px}.filter-select-wrapper .select-icon{color:#64748b;font-size:16px;margin-left:8px;margin-right:-24px;z-index:1}.filter-select-wrapper:first-child select{padding-left:30px}.support-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.support-table-responsive{overflow-x:auto}.support-table{border-collapse:collapse;font-size:13px;text-align:left;width:100%}.support-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.support-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:14px 16px;vertical-align:top}.support-table tr:hover{background:#f8fafc}.ticket-id-tag{background:#e6f4fb;border-radius:4px;color:#0082c3;font-family:monospace;font-size:12px;font-weight:700;padding:3px 6px}.customer-cell{display:flex;flex-direction:column}.customer-name{color:#0f172a;font-weight:700}.customer-sub{align-items:center;color:#64748b;display:flex;font-size:11px;gap:4px}.guest-badge{border:1px solid #cbd5e1;border-radius:4px;font-size:9.5px;font-style:normal;font-weight:600;padding:1px 4px}.category-tag,.guest-badge{background:#f1f5f9;color:#475569}.category-tag{border-radius:6px;display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;text-transform:capitalize}.category-tag.category-order{background:#e0f2fe;color:#0369a1}.category-tag.category-return_refund{background:#f3e8ff;color:#7e22ce}.category-tag.category-payment{background:#fef3c7;color:#b45309}.category-tag.category-warranty{background:#dcfce7;color:#15803d}.subject-cell{display:flex;flex-direction:column;max-width:320px}.ticket-subject{color:#0f172a;font-size:13px;margin-bottom:2px}.ticket-msg-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis}.admin-note-indicator{background:#f0fdf4;border-radius:4px;color:#0369a1;display:inline-block;font-size:11px;margin-top:4px;padding:2px 6px}.priority-pill{border-radius:20px;display:inline-block;font-size:10.5px;font-weight:700;padding:3px 8px;text-transform:uppercase}.priority-pill.priority-high{background:#fee2e2;color:#b91c1c}.priority-pill.priority-medium{background:#fef3c7;color:#b45309}.priority-pill.priority-low{background:#f1f5f9;color:#475569}.status-pill{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;padding:4px 9px;text-transform:uppercase}.status-pill.status-open{background:#fef3c7;color:#b45309}.status-pill.status-in_progress{background:#e0f2fe;color:#0369a1}.status-pill.status-resolved{background:#dcfce7;color:#15803d}.status-pill.status-closed{background:#f1f5f9;color:#64748b}.date-cell{color:#334155;display:flex;flex-direction:column;font-size:12px}.time-sub{color:#94a3b8;font-size:10.5px}.manage-ticket-btn{background:#0082c3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px;transition:all .2s ease}.manage-ticket-btn:hover{background:#00669e}.support-empty-state,.support-loading-state{color:#64748b;padding:50px 20px;text-align:center}.empty-icon{color:#cbd5e1;font-size:48px;margin-bottom:12px}.support-empty-state h3{color:#0f172a;font-size:17px;margin:0 0 6px}.support-empty-state p{font-size:13px;margin:0}.spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0082c3;height:32px;margin:0 auto 12px;width:32px}.support-modal-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:99999}.support-modal-window{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:640px;overflow-y:auto;width:100%}.support-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:18px 20px}.modal-title-left{align-items:center;display:flex;gap:10px}.modal-title-left h2{color:#0f172a;font-size:18px;font-weight:800;margin:0}.modal-ticket-id{background:#e6f4fb;border-radius:4px;color:#0082c3;font-family:monospace;font-size:12px;font-weight:700;padding:2px 7px}.modal-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:22px;justify-content:center;padding:4px;transition:all .2s ease}.modal-close-btn:hover{background:#f1f5f9;color:#0f172a}.support-modal-body{display:flex;flex-direction:column;gap:16px;padding:20px}.modal-info-section h3{color:#64748b;font-size:12px;font-weight:700;margin:0 0 8px;text-transform:uppercase}.customer-info-grid{grid-gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);padding:12px}.info-item{align-items:center;color:#334155;display:flex;font-size:12.5px;gap:6px}.info-icon{color:#0082c3;flex-shrink:0;font-size:16px}.customer-message-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.ticket-subject-title{color:#0f172a;font-size:14px;font-weight:700;margin-bottom:6px}.ticket-full-message{color:#334155;font-size:13px;line-height:1.5;margin:0;white-space:pre-wrap}.linked-order-box{align-items:center;background:#e0f2fe;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;display:flex;font-size:13px;font-weight:700;gap:10px;padding:10px 12px}.order-box-icon{font-size:20px}.order-sub-text{color:#0284c7;font-size:11.5px;font-weight:400}.modal-controls-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.control-field{display:flex;flex-direction:column;gap:6px}.control-field.full-width{grid-column:1/-1}.control-field label{color:#334155;font-size:12px;font-weight:700}.control-field select,.control-field textarea{border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:13px;outline:none;padding:9px 12px;transition:border-color .2s ease}.control-field select:focus,.control-field textarea:focus{border-color:#0082c3}.support-modal-footer{align-items:center;border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding-top:10px}.modal-cancel-btn{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;font-weight:700;padding:9px 16px;transition:all .2s ease}.modal-cancel-btn:hover{background:#e2e8f0}.modal-save-btn{background:#0082c3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:9px 18px;transition:all .2s ease}.modal-save-btn:hover:not(:disabled){background:#00669e}.modal-save-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.customer-info-grid,.modal-controls-grid{grid-template-columns:1fr}}.admin-profile-page{margin:0 auto;max-width:1080px;padding-bottom:60px;width:100%}.profile-hero-card{align-items:center;background:linear-gradient(135deg,#fff,#f4f6fc);border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 20px -2px #0f172a0f;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px;overflow:hidden;padding:28px 32px;position:relative}.profile-hero-card:before{background:linear-gradient(90deg,#3548c4,#0284c7,#38bdf8);content:"";height:4px;left:0;position:absolute;right:0;top:0}.profile-hero-content{align-items:center;display:flex;gap:20px}.profile-avatar-wrapper{position:relative}.profile-large-avatar{align-items:center;background:linear-gradient(135deg,#3548c4,#1d4ed8);border-radius:22px;box-shadow:0 6px 16px #3548c44d;color:#fff;cursor:pointer;display:flex;font-size:32px;font-weight:800;height:76px;justify-content:center;overflow:hidden;position:relative;width:76px}.profile-avatar-image{height:100%;object-fit:cover;width:100%}.avatar-edit-overlay{align-items:center;background:#0f172a80;color:#fff;display:flex;font-size:24px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.profile-large-avatar:hover .avatar-edit-overlay{opacity:1}.btn-hero-change-photo{background:#3548c4;border-color:#3548c4;color:#fff}.btn-hero-change-photo:hover{background:#24359d;color:#fff}.profile-online-badge{background:#22c55e;border:3px solid #fff;border-radius:50%;bottom:-2px;height:16px;position:absolute;right:-2px;width:16px}.profile-hero-text{display:flex;flex-direction:column}.profile-hero-tags{align-items:center;display:flex;gap:8px;margin-bottom:6px}.badge-role{background:#eef2ff;border:1px solid #3548c433;border-radius:6px;color:#3548c4;gap:5px;letter-spacing:.5px}.badge-role,.badge-verified{align-items:center;display:inline-flex;font-size:11px;font-weight:700;padding:3px 10px}.badge-verified{background:#ecfdf5;border:1px solid #05966933;border-radius:6px;color:#059669;gap:4px}.profile-hero-text h1{color:#0f172a;font-size:24px;font-weight:800;letter-spacing:-.4px;margin:0 0 4px}.profile-hero-sub{color:#64748b;font-size:13.5px;font-weight:500;margin:0}.profile-hero-actions{align-items:center;display:flex;gap:10px}.btn-profile-hero{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;padding:10px 16px;text-decoration:none;transition:all .2s ease}.btn-hero-secondary{background:#fff;border-color:#cbd5e1;color:#334155}.btn-hero-secondary:hover{background:#f8fafc;border-color:#3548c4;color:#3548c4}.btn-hero-danger{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.btn-hero-danger:hover{background:#fecaca;color:#991b1b}.profile-tabs-bar{align-items:center;background:#f1f5f9;border-radius:14px;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding:6px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:inline-flex;font-size:13.5px;font-weight:600;gap:8px;padding:10px 18px;transition:all .2s ease;white-space:nowrap}.tab-btn svg{font-size:18px}.tab-btn:hover{color:#3548c4}.tab-btn.active{background:#fff;box-shadow:0 2px 8px #0000000f;color:#3548c4;font-weight:700}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 18px -2px #0f172a0d;padding:30px}.profile-card-header{border-bottom:1px solid #edf2f7;margin-bottom:26px;padding-bottom:18px}.profile-card-header h2{color:#0f172a;font-size:18px;font-weight:800;margin:0 0 6px}.profile-card-header p{color:#64748b;font-size:13.5px;margin:0}.profile-form{display:flex;flex-direction:column;gap:22px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.form-stack{gap:18px}.form-group,.form-stack{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{align-items:center;color:#334155;display:flex;font-size:13px;font-weight:700;gap:7px}.form-group label svg{color:#3548c4;font-size:16px}.form-group input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus{border-color:#3548c4;box-shadow:0 0 0 3px #3548c426}.input-hint{color:#94a3b8;font-size:11.5px}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{padding-right:44px}.btn-toggle-eye{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .18s ease}.btn-toggle-eye:hover{color:#0f172a}.strength-meter-wrap{align-items:center;display:flex;gap:12px;margin-top:4px}.strength-bar-track{background:#f1f5f9;border-radius:6px;flex:1 1;height:6px;overflow:hidden}.strength-bar-fill{border-radius:6px;height:100%;transition:width .3s ease,background .3s ease}.strength-label{font-size:11.5px;font-weight:600;white-space:nowrap}.text-warning-match{color:#dc2626;font-size:11.5px;font-weight:600}.security-tips-card{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:14px;margin-top:6px;padding:16px}.tips-icon{color:#3548c4;flex-shrink:0;font-size:26px;margin-top:2px}.security-tips-card h4{color:#1e293b;font-size:13.5px;font-weight:700;margin:0 0 6px}.security-tips-card ul{color:#475569;display:flex;flex-direction:column;font-size:12px;gap:4px;margin:0;padding-left:18px}.form-actions{display:flex;justify-content:flex-end;margin-top:10px}.btn-submit-profile{align-items:center;background:#3548c4;border:none;border-radius:10px;box-shadow:0 3px 12px #3548c440;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-submit-profile:hover:not(:disabled){background:#27389c;box-shadow:0 6px 18px #3548c459;transform:translateY(-2px)}.btn-submit-profile:disabled{cursor:not-allowed;opacity:.6}.preferences-list{display:flex;flex-direction:column;gap:14px}.pref-item{align-items:center;background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s ease}.pref-item:hover{background:#f1f5f9}.pref-info h4{color:#0f172a;font-size:14.5px;font-weight:700;margin:0 0 3px}.pref-info p{color:#64748b;font-size:12.5px;margin:0}.switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:46px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#cbd5e1;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.25s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:#3548c4}input:checked+.slider:before{transform:translateX(22px)}.session-cards-stack{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.session-item{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:18px 20px}.session-icon{align-items:center;background:#eef2ff;border-radius:10px;color:#3548c4;display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.session-details{flex:1 1}.session-title-line{align-items:center;display:flex;gap:10px;margin-bottom:4px}.session-title-line h4{color:#0f172a;font-size:14.5px;font-weight:700;margin:0}.badge-active-now{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;color:#059669;font-size:10.5px;font-weight:700;padding:2px 7px;text-transform:uppercase}.session-details p{color:#475569;font-size:12.5px;margin:0 0 4px}.session-time{color:#94a3b8;font-size:11.5px}.privileges-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:18px 20px}.privileges-box h4{color:#0f172a;font-size:14px;font-weight:700;margin:0 0 12px}.privilege-chips{display:flex;flex-wrap:wrap;gap:8px}.priv-chip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#334155;font-size:12px;font-weight:600;padding:4px 10px}.danger-zone-card{align-items:center;background:#fff5f5;border:1px solid #fecaca;border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:18px 20px}.danger-info h4{color:#991b1b;font-size:14px;font-weight:700;margin:0 0 3px}.danger-info p{color:#b91c1c;font-size:12px;margin:0}.btn-danger-logout{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:700;gap:6px;padding:10px 16px;transition:background .2s ease;white-space:nowrap}.btn-danger-logout:hover{background:#dc2626}@media (max-width:850px){.profile-hero-card{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.danger-zone-card{align-items:flex-start;flex-direction:column}}.avatar-quick-banner{background:#f8fafc;border:1px solid #e2e8f0;gap:18px;margin-bottom:22px;padding:16px 20px}.avatar-quick-banner,.quick-avatar-thumb{align-items:center;border-radius:14px;display:flex}.quick-avatar-thumb{background:linear-gradient(135deg,#3548c4,#1d4ed8);color:#fff;flex-shrink:0;font-size:22px;font-weight:800;height:54px;justify-content:center;overflow:hidden;width:54px}.quick-avatar-thumb img{height:100%;object-fit:cover;width:100%}.quick-avatar-info{flex:1 1}.quick-avatar-info h4{color:#0f172a;font-size:14.5px;font-weight:700;margin:0 0 3px}.quick-avatar-info p{color:#64748b;font-size:12px;margin:0}.quick-avatar-actions{align-items:center;display:flex;gap:10px}.btn-avatar-action{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;padding:8px 14px;transition:all .18s ease}.btn-upload-now{background:#3548c4;color:#fff}.btn-upload-now:hover{background:#24359d}.btn-choose-preset{background:#fff;border-color:#cbd5e1;color:#334155}.btn-choose-preset:hover{background:#f1f5f9;color:#0f172a}.btn-remove-photo{background:#fee2e2;color:#b91c1c}.btn-remove-photo:hover{background:#fecaca}.avatar-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999999}.avatar-modal-content{animation:modalPop .2s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:18px;box-shadow:0 24px 48px -12px #0f172a4d;max-width:540px;overflow:hidden;width:100%}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.avatar-modal-header{align-items:flex-start;border-bottom:1px solid #edf2f7;display:flex;justify-content:space-between;padding:22px 24px 16px}.avatar-modal-header h3{color:#0f172a;font-size:18px;font-weight:800;margin:0 0 4px}.avatar-modal-header p{color:#64748b;font-size:13px;margin:0}.avatar-modal-close{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;font-size:22px}.avatar-modal-close:hover{color:#0f172a}.avatar-modal-body{display:flex;flex-direction:column;gap:16px;padding:22px 24px 26px}.modal-upload-section{align-items:center;display:flex;flex-direction:column;gap:6px}.btn-modal-upload{align-items:center;background:#eef2ff;border:2px dashed #a5b4fc;border-radius:12px;color:#3548c4;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;justify-content:center;padding:14px;transition:all .2s ease;width:100%}.btn-modal-upload:hover{background:#e0e7ff;border-color:#3548c4}.btn-modal-upload svg{font-size:22px}.upload-file-hint{color:#94a3b8;font-size:11.5px}.modal-divider{align-items:center;color:#94a3b8;display:flex;font-size:10.5px;font-weight:800;letter-spacing:.8px;margin:4px 0;text-align:center}.modal-divider:after,.modal-divider:before{border-bottom:1px solid #e2e8f0;content:"";flex:1 1}.modal-divider span{padding:0 10px}.presets-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(6,1fr)}.preset-card{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:8px 4px;position:relative;transition:all .18s ease}.preset-card img{border-radius:12px;box-shadow:0 2px 6px #00000014;height:48px;object-fit:cover;width:48px}.preset-card span{color:#475569;font-size:11px;font-weight:600}.preset-card:hover{background:#f8fafc;transform:translateY(-2px)}.preset-card.selected{background:#eef2ff;border-color:#3548c4}.preset-selected-check{align-items:center;background:#3548c4;border-radius:50%;color:#fff;display:flex;font-size:10px;height:16px;justify-content:center;position:absolute;right:4px;top:4px;width:16px}.modal-url-form,.url-input-wrap{display:flex;gap:8px}.url-input-wrap{align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex:1 1;padding:0 12px}.url-input-wrap svg{color:#94a3b8;font-size:18px}.url-input-wrap input{background:#0000;border:none;color:#0f172a;font-size:13px;height:38px;outline:none;width:100%}.btn-apply-url{background:#3548c4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:0 16px;transition:background .18s ease}.btn-apply-url:hover{background:#24359d}.modal-remove-section{display:flex;justify-content:center;padding-top:4px}.btn-modal-remove{align-items:center;background:#0000;border:1px dashed #f87171;border-radius:8px;color:#b91c1c;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;transition:background .18s ease}.btn-modal-remove:hover{background:#fee2e2}.notification-inbox-page{animation:inboxFadeIn .25s ease-out;margin:0 auto;max-width:1440px;padding-bottom:40px;width:100%}@keyframes inboxFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.inbox-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.inbox-header-left h1{align-items:center;color:#0f172a;display:flex;font-size:26px;font-weight:800;gap:10px;letter-spacing:-.4px;margin:0 0 6px}.inbox-header-icon{color:#0284c7;font-size:28px}.inbox-header-left p{color:#64748b;font-size:14px;margin:0}.inbox-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.inbox-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;color:#334155;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;height:40px;justify-content:center;padding:0 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.inbox-action-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#0284c7;transform:translateY(-1px)}.inbox-action-btn:disabled{cursor:not-allowed;opacity:.55}.inbox-action-btn.primary{background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid #0000;color:#fff}.inbox-action-btn.primary:hover:not(:disabled){background:#0284c7;box-shadow:0 4px 12px #0284c74d}.inbox-action-btn.danger{border-color:#fecaca;color:#dc2626}.inbox-action-btn.danger:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.inbox-action-btn svg{font-size:17px}.inbox-action-btn .spin{animation:spin 1s linear infinite}.inbox-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.inbox-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 6px #0f172a08;cursor:pointer;display:flex;gap:16px;padding:16px 20px;transition:all .2s ease}.inbox-stat-card:hover{box-shadow:0 8px 20px #0f172a0f;transform:translateY(-2px)}.inbox-stat-card.active{background:linear-gradient(135deg,#f0f9ff,#fff);border-color:#0284c7}.stat-icon-wrap{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.stat-icon-wrap.total{background:#0284c71f;color:#0284c7}.stat-icon-wrap.unread{background:#ef44441f;color:#ef4444}.stat-icon-wrap.orders{background:#10b9811f;color:#10b981}.stat-icon-wrap.returns{background:#ea580c1f;color:#ea580c}.stat-icon-wrap.lowstock{background:#e11d481f;color:#e11d48}.stat-content{display:flex;flex-direction:column}.stat-content .stat-number{color:#0f172a;font-size:22px;font-weight:800;line-height:1.1}.stat-content .stat-label{color:#64748b;font-size:12.5px;font-weight:500;margin-top:3px}.inbox-test-bar{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:12px;box-shadow:0 4px 14px #0f172a1f;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:22px;padding:12px 20px}.inbox-test-bar-left{align-items:center;color:#f8fafc;display:flex;font-size:13px;font-weight:600;gap:10px}.test-flash-icon{color:#38bdf8;font-size:18px}.inbox-test-bar-left span{color:#94a3b8;font-size:12px;font-weight:400}.inbox-test-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.quick-test-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#f1f5f9;cursor:pointer;display:inline-flex;font-size:11.5px;font-weight:600;gap:5px;padding:5px 12px;transition:all .15s ease}.quick-test-btn:hover:not(:disabled){background:#ffffff2e;border-color:#ffffff59;color:#fff;transform:translateY(-1px)}.quick-test-btn.order:hover{background:#10b9814d;border-color:#10b981}.quick-test-btn.return:hover{background:#ea580c4d;border-color:#ea580c}.quick-test-btn.exchange:hover{background:#9333ea4d;border-color:#9333ea}.quick-test-btn.lowstock:hover{background:#ef44444d;border-color:#ef4444}.quick-test-btn.refund:hover{background:#f59e0b4d;border-color:#f59e0b}.inbox-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a08;display:flex;flex-direction:column;gap:14px;margin-bottom:20px;padding:14px 18px}.inbox-toolbar-top{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.inbox-search-box{align-items:center;display:flex;flex:1 1;min-width:260px;position:relative}.inbox-search-box svg{color:#94a3b8;font-size:19px;left:12px;pointer-events:none;position:absolute}.inbox-search-box input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;color:#0f172a;font-size:13.5px;height:40px;outline:none;padding:0 36px 0 38px;transition:all .2s ease;width:100%}.inbox-search-box input:focus{background:#fff;border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.clear-search-btn{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;font-size:18px;padding:4px;position:absolute;right:10px}.clear-search-btn:hover{color:#0f172a}.inbox-tabs{align-items:center;display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.inbox-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:7px 14px;transition:all .15s ease;white-space:nowrap}.inbox-tab:hover{background:#f1f5f9;color:#0f172a}.inbox-tab.active{background:#0284c7;color:#fff}.tab-badge{background:#e2e8f0;border-radius:9999px;color:#475569;font-size:11px;font-weight:700;line-height:1;padding:2px 7px}.inbox-tab.active .tab-badge{background:#ffffff40;color:#fff}.inbox-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a08;overflow:hidden}.inbox-list-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:14px 20px}.inbox-list-items{display:flex;flex-direction:column}.inbox-item-row{align-items:flex-start;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:16px;padding:16px 20px;position:relative;transition:all .15s ease}.inbox-item-row:last-child{border-bottom:none}.inbox-item-row:hover{background:#f8fafc}.inbox-item-row.unread{background:#f0f9ff}.inbox-item-row.unread:hover{background:#e0f2fe}.inbox-item-row.unread:before{background:#0284c7;border-bottom-right-radius:2px;border-top-right-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.inbox-item-row.just-arrived{animation:flashHighlight 2s ease-out}@keyframes flashHighlight{0%{background:#bae6fd}to{background:#f0f9ff}}.inbox-item-icon-col{flex-shrink:0;padding-top:2px}.inbox-type-icon{align-items:center;border-radius:12px;display:flex;font-size:22px;height:42px;justify-content:center;width:42px}.inbox-type-icon.order{background:#10b9811f;color:#10b981}.inbox-type-icon.return{background:#ea580c1f;color:#ea580c}.inbox-type-icon.exchange{background:#9333ea1f;color:#9333ea}.inbox-type-icon.low-stock{background:#ef44441f;color:#ef4444}.inbox-type-icon.refund{background:#f59e0b1f;color:#f59e0b}.inbox-type-icon.default{background:#0284c71f;color:#0284c7}.inbox-item-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.inbox-item-meta-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.inbox-item-title-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.inbox-item-title{color:#0f172a;font-size:14.5px;font-weight:700}.inbox-item-row.read .inbox-item-title{color:#334155;font-weight:600}.inbox-item-badge{border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.inbox-item-badge.order{background:#10b9811f;color:#059669}.inbox-item-badge.return{background:#ea580c1f;color:#c2410c}.inbox-item-badge.exchange{background:#9333ea1f;color:#7e22ce}.inbox-item-badge.low-stock{background:#ef44441f;color:#dc2626}.inbox-item-badge.refund{background:#f59e0b1f;color:#d97706}.inbox-item-time{color:#64748b;flex-shrink:0;font-size:12px;white-space:nowrap}.inbox-item-message{color:#475569;font-size:13.5px;line-height:1.5;margin:0;word-break:break-word}.inbox-item-row.read .inbox-item-message{color:#64748b}.inbox-item-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:6px}.inbox-item-tags{align-items:center;display:flex;gap:8px}.order-link-chip{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#0284c7;cursor:pointer;display:inline-flex;font-size:11.5px;font-weight:600;gap:4px;padding:3px 9px;transition:all .15s ease}.order-link-chip:hover{background:#e0f2fe;border-color:#bae6fd}.inbox-item-actions{align-items:center;display:flex;gap:6px}.row-action-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;transition:all .15s ease}.row-action-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.row-action-btn.primary{background:#0284c714;border-color:#0284c74d;color:#0284c7}.row-action-btn.primary:hover{background:#0284c7;color:#fff}.row-action-btn.delete{border-color:#0000;color:#94a3b8;padding:4px}.row-action-btn.delete:hover{background:#fee2e2;color:#ef4444}.inbox-empty-card{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:60px 24px;text-align:center}.empty-inbox-svg{color:#cbd5e1;font-size:54px}.inbox-empty-card h3{color:#334155;font-size:17px;font-weight:700;margin:0}.inbox-empty-card p{color:#64748b;font-size:13.5px;line-height:1.5;margin:0;max-width:420px}.inbox-loading-container{flex-direction:column;font-size:14px;font-weight:500;gap:14px;padding:60px 20px}.inbox-loading-container,.inbox-pagination{align-items:center;color:#64748b;display:flex}.inbox-pagination{background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;font-size:13px;gap:12px;justify-content:space-between;padding:16px 20px}.pagination-buttons{align-items:center;display:flex;gap:6px}.page-nav-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:13px;font-weight:600;height:34px;padding:0 12px;transition:all .15s ease}.page-nav-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;color:#0284c7}.page-nav-btn:disabled{cursor:not-allowed;opacity:.45}.page-nav-btn.active{background:#0284c7;border-color:#0284c7;color:#fff}@media (max-width:768px){.inbox-header{align-items:flex-start;flex-direction:column}.inbox-item-row{flex-direction:column;gap:10px}.inbox-item-icon-col{display:none}.inbox-test-bar{align-items:flex-start;flex-direction:column}}*{box-sizing:border-box}.admin-layout{background:#f8fafc;background:var(--admin-bg,#f8fafc);display:flex;min-height:100vh;position:relative;width:100%}.admin-sidebar{background:#fff;border-right:1px solid #e2e8f0;bottom:0;box-shadow:2px 0 12px #0f172a08;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;padding:14px 10px;position:fixed;scrollbar-width:none;top:0;transition:width .22s cubic-bezier(.16,1,.3,1),padding .22s ease;width:248px;z-index:1000}.admin-sidebar::-webkit-scrollbar{display:none}.sidebar-closed .admin-sidebar{padding:14px 8px;width:74px}.sidebar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;min-height:42px;padding:0 4px;width:100%}.sidebar-brand{cursor:pointer;display:flex;flex-direction:column;padding-left:6px}.brand-logo{color:#3548c4;font-size:18px;font-weight:900;letter-spacing:-.5px;line-height:1}.brand-badge{color:#64748b;font-size:9px;font-weight:800;letter-spacing:1px;margin-top:2px;text-transform:uppercase}.sidebar-collapsed-header{align-items:center;display:flex;flex-direction:column;gap:10px;padding-bottom:6px;width:100%}.sidebar-brand-collapsed{align-items:center;background:linear-gradient(135deg,#3548c4,#27389c);border:none;border-radius:10px;box-shadow:0 4px 12px #3548c447;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:900;height:40px;justify-content:center;transition:all .2s ease;width:40px}.sidebar-brand-collapsed:hover{box-shadow:0 6px 16px #3548c461;transform:translateY(-1px)}.sidebar-toggle{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:all .2s ease;width:34px}.sidebar-toggle:hover{background:#eef2ff;border-color:#cbd5e1;color:#3548c4}.sidebar-toggle svg{font-size:18px}.nav-group-title{color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.8px;margin-top:4px;padding:8px 10px 2px;text-transform:uppercase}.sidebar-menu{display:flex;flex:1 1;flex-direction:column;gap:2px}.sidebar-menu button{align-items:center;background:#0000;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;min-height:38px;padding:7px 10px;position:relative;text-align:left;transition:all .18s ease;white-space:nowrap;width:100%}.sidebar-menu button:hover{background:#f1f5f9;color:#0f172a}.sidebar-menu button.active{background:#eef2ff;color:#3548c4;font-weight:700}.sidebar-menu button.active:before{background:#3548c4;border-radius:4px;bottom:6px;content:"";left:-2px;position:absolute;top:6px;width:4px}.sidebar-menu button svg{font-size:18px;min-width:18px}.sidebar-icon-wrap{align-items:center;display:inline-flex;justify-content:center;position:relative}.sidebar-dot-badge{background:#ef4444;border:1px solid #fff;border-radius:9999px;height:7px;position:absolute;right:-2px;top:-2px;width:7px}.sidebar-label-with-pill{align-items:center;display:flex;justify-content:space-between;width:100%}.sidebar-unread-pill{background:#ef4444;border-radius:9999px;color:#fff;font-size:10.5px;font-weight:700;line-height:1.2;padding:1px 6px}.sidebar-closed .sidebar-menu button{border-radius:10px;justify-content:center;padding:10px 0;width:100%}.sidebar-closed .sidebar-menu button svg{font-size:20px;min-width:20px}.sidebar-closed .sidebar-menu button.active:before{border-radius:3px;bottom:8px;left:2px;top:8px;width:3.5px}.sidebar-logout{align-items:center;background:#fff5f5;border:1px solid #fee2e2;border-radius:8px;color:#b91c1c;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;margin-top:auto;min-height:38px;padding:7px 10px;text-align:left;transition:all .2s ease;white-space:nowrap;width:100%}.sidebar-logout:hover{background:#fee2e2;color:#991b1b}.sidebar-logout svg{font-size:18px;min-width:18px}.sidebar-closed .sidebar-logout{justify-content:center;padding:8px}.admin-content{display:flex;flex-direction:column;margin-left:248px;min-height:100vh;transition:width .22s cubic-bezier(.16,1,.3,1),margin-left .22s ease;width:calc(100% - 248px)}.sidebar-closed .admin-content{margin-left:72px;width:calc(100% - 72px)}.admin-topbar{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 4px #0f172a08;height:68px;justify-content:space-between;padding:0 28px;position:sticky;top:0;width:100%;z-index:900}.admin-topbar,.topbar-left{align-items:center;display:flex}.topbar-left{flex:1 1;gap:16px;max-width:500px}.topbar-toggle{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.topbar-search-form{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;gap:8px;padding:7px 12px;transition:all .2s ease;width:100%}.topbar-search-form:focus-within{background:#fff;border-color:#3548c4;box-shadow:0 0 0 3px #3548c41f}.search-icon{color:#94a3b8;font-size:18px}.topbar-search-form input{background:#0000;border:none;color:#0f172a;font-size:13px;outline:none;width:100%}.topbar-search-form input::placeholder{color:#94a3b8}.search-shortcut-badge{background:#e2e8f0;border-radius:4px;color:#64748b;font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 6px;white-space:nowrap}.topbar-right{align-items:center;display:flex;gap:16px}.system-status-pill{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;color:#166534;display:flex;font-size:11.5px;font-weight:700;gap:6px;padding:4px 10px}.live-status-dot{background:#16a34a;border-radius:50%;height:6px;width:6px}.topbar-storefront-btn{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;display:inline-flex;font-size:12.5px;font-weight:700;gap:6px;padding:7px 12px;text-decoration:none;transition:all .2s ease}.topbar-storefront-btn:hover{background:#e0f2fe;color:#0284c7}.topbar-storefront-btn svg{font-size:16px}.topbar-notifications{align-items:center;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:relative;transition:background .18s ease,color .18s ease;width:36px}.topbar-notifications:hover{background:#f1f5f9;color:#0f172a}.notif-badge{background:#ef4444;border:2px solid #fff;border-radius:50%;height:7px;position:absolute;right:7px;top:7px;width:7px}.admin-user{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:5px 10px;transition:background .18s ease}.admin-user:hover{background:#f8fafc}.admin-avatar{align-items:center;background:linear-gradient(135deg,#3548c4,#1d4ed8);border-radius:10px;box-shadow:0 2px 8px #3548c440;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:800;height:38px;justify-content:center;overflow:hidden;width:38px}.topbar-avatar-img{height:100%;object-fit:cover;width:100%}.admin-user-info{display:flex;flex-direction:column}.admin-user-info strong{color:#0f172a;font-size:13.5px;font-weight:700}.admin-user-info span{color:#64748b;font-size:11px;font-weight:500}.admin-page-content{flex:1 1;max-width:100%;padding:28px}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a66;inset:0;position:fixed;z-index:999}.topbar-menu-btn{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:9px;color:#334155;cursor:pointer;display:none;flex-shrink:0;font-size:22px;height:38px;justify-content:center;transition:all .2s ease;width:38px}.topbar-menu-btn:hover{background:#f1f5f9;border-color:#94a3b8;color:#3548c4}.topbar-brand-mobile{cursor:pointer;display:none;flex-direction:column;line-height:1.1;padding-left:4px}.topbar-brand-mobile .brand-logo{color:#3548c4;font-size:15px;font-weight:900;letter-spacing:-.3px}.topbar-brand-mobile .brand-badge{color:#64748b;font-size:8px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}@media (max-width:1024px){.topbar-left{gap:10px;max-width:320px}}@media (max-width:840px){.topbar-brand-mobile,.topbar-menu-btn{display:flex}.admin-sidebar{box-shadow:8px 0 32px #0f172a33;max-width:82vw;transform:translateX(-100%);transition:transform .28s cubic-bezier(.16,1,.3,1);width:260px!important}.sidebar-open .admin-sidebar{transform:translateX(0)}.sidebar-closed .admin-sidebar{padding:14px 10px;transform:translateX(-100%);width:260px!important}.sidebar-closed .sidebar-menu button{justify-content:flex-start;padding:7px 10px}.sidebar-closed .sidebar-menu button span{display:inline!important}.admin-content{margin-left:0!important;width:100%!important}.admin-topbar{height:62px;padding:0 16px}.system-status-pill,.topbar-search-form{display:none}.admin-page-content{padding:18px 14px}}@media (max-width:640px){.admin-topbar{height:58px;padding:0 12px}.topbar-right{gap:8px}.topbar-storefront-btn{padding:7px 10px}.topbar-storefront-btn .storefront-btn-text{display:none}.admin-user{gap:6px;padding:4px 6px}.admin-user-info .admin-user-role{display:none}.admin-page-content{padding:14px 10px}}@media (max-width:480px){.admin-user-info{display:none}.admin-avatar{border-radius:8px;font-size:13px;height:34px;width:34px}.topbar-left{gap:6px}.topbar-menu-btn{font-size:20px;height:34px;width:34px}.admin-page-content{padding:12px 8px}}.admin-notification-bell-container{align-items:center;display:inline-flex;justify-content:center;position:relative}.admin-enable-popups-pill{align-items:center;animation:pulsePill 2.5s ease-in-out infinite;background:linear-gradient(135deg,#0284c7,#0369a1);border:1px solid #fff3;border-radius:9999px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-right:12px;outline:none;padding:6px 12px;transition:all .2s ease}.admin-enable-popups-pill:hover{background:#0284c7;box-shadow:0 4px 12px #0284c766;transform:translateY(-1px)}@keyframes pulsePill{0%,to{box-shadow:0 0 0 0 #0284c780}50%{box-shadow:0 0 0 6px #0284c700}}.admin-bell-btn{align-items:center;background:#0000;border:1px solid #ffffff1f;border-radius:10px;color:#e2e8f0;cursor:pointer;display:flex;height:42px;justify-content:center;outline:none;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:42px}.admin-bell-btn.active,.admin-bell-btn:hover{background:#ffffff14;border-color:#ffffff40;color:#fff}.bell-svg{font-size:22px;transition:transform .2s ease}.admin-bell-btn:hover .bell-svg{transform:scale(1.08)}.bell-svg.has-unread{animation:bellWiggle 2.5s ease-in-out infinite;color:#38bdf8}@keyframes bellWiggle{0%,85%,to{transform:rotate(0)}88%{transform:rotate(14deg)}92%{transform:rotate(-14deg)}96%{transform:rotate(10deg)}}.admin-bell-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #0f172a;border-radius:9999px;box-shadow:0 2px 6px #ef444466;color:#fff;display:flex;font-size:11px;font-weight:700;height:19px;justify-content:center;line-height:1;min-width:19px;padding:0 4px;position:absolute;right:-4px;top:-4px}.admin-notification-dropdown{animation:slideDown .2s cubic-bezier(.16,1,.3,1);background:#1e293b;border:1px solid #ffffff1a;border-radius:14px;box-shadow:0 20px 45px -10px #00000080,0 0 1px 1px #ffffff0d;max-width:90vw;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:380px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-dropdown-header{align-items:center;background:#0f172a;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:14px 18px}.header-title{align-items:center;display:flex;gap:8px}.header-title h3{color:#f8fafc;font-size:15px;font-weight:600;margin:0}.unread-pill{background:#38bdf826;border:1px solid #38bdf84d;border-radius:12px;color:#38bdf8;font-size:11px;font-weight:600;padding:2px 7px}.header-actions{align-items:center;display:flex;gap:8px}.action-icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px;transition:all .15s ease}.action-icon-btn:hover{background:#ffffff14;color:#fff}.action-icon-btn .spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.mark-all-read-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#38bdf8;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px;transition:all .15s ease}.mark-all-read-btn:hover{background:#38bdf81a;color:#7dd3fc}.notif-push-banner{align-items:center;background:linear-gradient(135deg,#0284c726,#0ea5e914);border-bottom:1px solid #38bdf833;display:flex;gap:12px;justify-content:space-between;padding:10px 16px}.push-banner-text{display:flex;flex-direction:column;gap:2px}.push-banner-text strong{color:#38bdf8;font-size:12px}.push-banner-text span{color:#94a3b8;font-size:11px}.push-enable-btn{background:#0284c7;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:background .15s ease;white-space:nowrap}.push-enable-btn:hover:not(:disabled){background:#0369a1}.push-enable-btn:disabled{cursor:not-allowed;opacity:.6}.notif-test-toolbar{align-items:center;background:#090d16;border-bottom:1px solid #ffffff0f;display:flex;gap:6px;justify-content:space-between;padding:8px 14px}.test-label{align-items:center;color:#94a3b8;display:flex;font-size:11px;font-weight:600;gap:4px}.test-label svg{color:#38bdf8;font-size:13px}.test-btn{background:#ffffff14;border:1px solid #ffffff26;border-radius:5px;color:#f1f5f9;cursor:pointer;font-size:10.5px;font-weight:600;padding:3px 8px;transition:all .15s ease}.test-btn:hover:not(:disabled){background:#0284c759;border-color:#0284c7;color:#fff}.test-btn:disabled{cursor:not-allowed;opacity:.5}.notif-dropdown-list{max-height:380px;overflow-y:auto;scrollbar-color:#fff3 #0000;scrollbar-width:thin}.notif-dropdown-list::-webkit-scrollbar{width:5px}.notif-dropdown-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.notif-item{border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;gap:12px;padding:12px 16px;position:relative;transition:background .15s ease}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#ffffff0a}.notif-item.unread{background:#38bdf80d}.notif-item.unread:before{background:#0284c7;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.notif-icon-col{align-items:flex-start;display:flex;flex-shrink:0;padding-top:2px}.notif-type-icon{align-items:center;border-radius:10px;display:flex;font-size:20px;height:34px;justify-content:center;padding:7px;width:34px}.notif-type-icon.return{background:#ea580c26;color:#fb923c}.notif-type-icon.exchange{background:#9333ea26;color:#c084fc}.notif-type-icon.order{background:#10b98126;color:#34d399}.notif-type-icon.low-stock{background:#ef444426;color:#f87171}.notif-type-icon.refund{background:#f59e0b26;color:#fbbf24}.notif-type-icon.default{background:#38bdf826;color:#38bdf8}.notif-content-col{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.notif-title-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.notif-item-title{color:#f1f5f9;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-time{color:#64748b;flex-shrink:0;font-size:11px}.notif-item-message{color:#94a3b8;font-size:12px;line-height:1.4;margin:0;word-break:break-word}.notif-footer-row{align-items:center;display:flex;justify-content:space-between;margin-top:4px}.notif-badge-pill{border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.notif-badge-pill.return{background:#ea580c33;color:#fb923c}.notif-badge-pill.exchange{background:#9333ea33;color:#c084fc}.notif-badge-pill.order{background:#10b98133;color:#34d399}.notif-badge-pill.low-stock{background:#ef444433;color:#f87171}.notif-badge-pill.refund{background:#f59e0b33;color:#fbbf24}.mark-read-bullet{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;font-size:16px;padding:2px;transition:color .15s ease}.mark-read-bullet:hover{color:#38bdf8}.notif-empty-state{align-items:center;display:flex;flex-direction:column;gap:8px;padding:36px 20px;text-align:center}.empty-bell-icon{color:#475569;font-size:38px}.notif-empty-state p{color:#cbd5e1;font-size:14px;font-weight:600;margin:0}.notif-empty-state span{color:#64748b;font-size:12px;line-height:1.4;max-width:250px}.notif-dropdown-footer{background:#0f172a;border-top:1px solid #ffffff14;padding:10px 14px}.notif-open-inbox-btn{align-items:center;background:#0284c71f;border:1px solid #38bdf840;border-radius:8px;color:#38bdf8;cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:6px;justify-content:center;padding:8px 14px;transition:all .2s ease;width:100%}.notif-open-inbox-btn:hover{background:#0284c7;border-color:#0284c7;box-shadow:0 4px 12px #0284c759;color:#fff;transform:translateY(-1px)}.admin-notif-toast{align-items:center;animation:toastFadeIn .3s ease;background:#0f172a;border:1px solid #38bdf84d;border-radius:10px;box-shadow:0 10px 30px #00000080;cursor:pointer;display:flex;gap:12px;max-width:380px;padding:12px 16px}.admin-notif-toast.leave{animation:toastFadeOut .2s ease forwards}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastFadeOut{to{opacity:0;transform:translateY(-10px)}}.toast-icon{font-size:20px}.toast-content strong{color:#f8fafc;display:block;font-size:13px}.toast-content p{color:#94a3b8;font-size:12px;margin:2px 0 0}@media (max-width:640px){.admin-enable-popups-pill{font-size:11px;margin-right:6px;padding:6px 9px}.admin-enable-popups-pill span{display:none}.admin-bell-btn{height:38px;width:38px}.bell-svg{font-size:20px}.admin-notification-dropdown{border-radius:14px;box-shadow:0 16px 40px #00000073;left:10px;max-width:calc(100vw - 20px);position:fixed;right:10px;top:62px;width:auto}.admin-notif-toast{margin:0 12px;max-width:calc(100vw - 24px)}}@media (max-width:400px){.admin-enable-popups-pill{display:none}}
/*# sourceMappingURL=main.b587c13f.css.map*/