@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";body>section,.shopify-section-group-footer-group{display:none!important}:root{--bg-primary:#0f1117;--bg-secondary:#1a1d27;--bg-card:#22263a;--bg-hover:#2a2f45;--bg-chart:#1a1d27;--sidebar-bg:#0f1117;--sidebar-border:#2a2f45;--sidebar-accent:#6c63ff;--sidebar-accent2:#00d4aa;--sidebar-text:#e8eaf0;--sidebar-text2:#8b90a7;--sidebar-text3:#545870;--chart-green:#00d4aa;--chart-red:#ff6b6b;--chart-yellow:#ffd166;--chart-teal:#4fc3f7;--chart-blue:#6c63ff;--text-primary:#e8eaf0;--text-secondary:#8b90a7;--text-muted:#545870;--border-light:#2a2f45;--shadow-lg:0 10px 15px rgba(0,0,0,.5);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:DM Sans,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}header#shopify-section-header,footer{display:none!important}.dashboard-wrapper{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:28px 20px;position:fixed;height:100vh;overflow-y:auto;display:flex;flex-direction:column;z-index:1000;transition:transform .3s ease}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:2px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:36px;padding-bottom:24px;border-bottom:1px solid var(--sidebar-border)}.brand-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--sidebar-accent),var(--sidebar-accent2));border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff}.brand-text{font-size:16px;font-weight:700;color:var(--sidebar-text)}.brand-sub{font-size:11px;color:var(--sidebar-text3);margin-top:2px}.nav-section-label{font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--sidebar-text3);padding:0 10px;margin:20px 0 8px}.nav-menu{list-style:none}.nav-item{margin-bottom:2px}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--sidebar-text2);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:none;background:transparent;width:100%}.nav-link:hover{background:var(--bg-hover);color:var(--sidebar-text)}.nav-link.active{background:#6c63ff26;color:var(--sidebar-accent);font-weight:600}.nav-link svg{width:18px;height:18px;flex-shrink:0}.sidebar-footer{margin-top:auto;padding-top:20px;padding-bottom:20px;border-top:1px solid var(--sidebar-border)}.store-pill{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-hover);border-radius:8px}.store-dot{width:8px;height:8px;background:var(--sidebar-accent2);border-radius:50%;flex-shrink:0;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.store-name{font-size:13px;font-weight:600;color:var(--sidebar-text)}.store-status{font-size:11px;color:var(--sidebar-text3)}.main-content{flex:1;margin-left:260px;padding:28px 36px;background:var(--bg-primary);min-height:100vh}.page-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-title{font-size:28px;font-weight:700;color:var(--text-primary)}.notification-btn{width:44px;height:44px;background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;color:var(--text-secondary)}.notification-btn:hover{border-color:var(--sidebar-accent)}.topbar-actions{display:flex;align-items:center;gap:12px}.main-content,.view.active,.section,.chart-wrapper,.chart-area{overflow-x:hidden!important;max-width:100%!important}.bar-chart-container{overflow-x:hidden!important;max-width:100%!important;min-width:0!important}.chart-content{overflow-x:auto!important;max-width:100%!important;min-width:0!important}.topbar-btn{width:44px;height:44px;background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:.2s}.topbar-btn:hover{border-color:var(--sidebar-accent)}.notification-badge{position:absolute;top:1px;right:0;min-width:16px;height:16px;background:var(--chart-red);color:#fff;font-size:10px;font-weight:700;border-radius:10px;border:2px solid var(--bg-card);display:flex;align-items:center;justify-content:center;padding:0 4px}.quick-access{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:28px}.quick-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.quick-item:hover{transform:translateY(-2px);border-color:var(--sidebar-accent)}.quick-item.active{border-color:var(--sidebar-accent2);background:var(--bg-secondary)}.quick-icon{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px}.qi-analytics{background:#6b9b8a33}.qi-sales{background:#ffd16633}.qi-orders{background:#00d4aa33}.qi-rma{background:#4fc3f733}.qi-support{background:#ff6b6b33}.quick-label{font-size:13px;font-weight:600;color:var(--text-secondary)}.quick-item.active .quick-label{color:var(--sidebar-accent2)}.view{display:none}.view.active{display:block}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stat-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:28px 24px;text-align:center;border:2px solid var(--border-light);transition:all .2s;cursor:pointer;display:block}.stat-card:hover{transform:translateY(-4px)}.stat-value{font-size:36px;font-weight:700;color:var(--text-primary);margin-bottom:6px;font-family:DM Mono,monospace}.stat-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.section{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;margin-bottom:20px;border:2px solid var(--border-light)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{font-size:20px;font-weight:700;color:var(--text-primary)}.filter-btn{width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);position:relative}.filter-dropdown{position:absolute;top:46px;right:0;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:6px;min-width:140px;box-shadow:var(--shadow-lg);z-index:200;display:none}.filter-dropdown.open{display:block}.filter-option{padding:9px 12px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--text-secondary)}.filter-option:hover{background:var(--bg-secondary);color:var(--text-primary)}.filter-option.active{background:#00d4aa1f;color:var(--sidebar-accent2)}.chart-wrapper{background:var(--bg-chart);border-radius:var(--radius-lg);padding:20px}.chart-time-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.chart-area{height:220px}.chart-area{height:250px}.bar-chart-container{display:flex;height:100%;align-items:stretch}.y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-right:8px;border-right:1px solid var(--border-light);min-width:44px;width:44px;flex-shrink:0;padding-top:0;padding-bottom:40px;box-sizing:border-box;height:100%}.y-axis-label{font-size:11px;color:var(--text-muted);font-family:DM Mono,monospace;text-align:right;line-height:1;height:auto;display:flex;align-items:flex-end;justify-content:flex-end;transform:translateY(3px)}.chart-content{flex:1;position:relative;display:flex;flex-direction:column;min-width:0}.grid-lines{position:absolute;top:0;left:0;right:0;bottom:40px;pointer-events:none}.grid-line{position:absolute;left:0;right:0;height:1px;background:var(--border-light);opacity:.4}.bar-chart-area{flex:1;display:flex;align-items:flex-end;justify-content:space-evenly;gap:16px;padding-bottom:40px;padding-left:12px;padding-right:12px;position:relative}.bar-item{display:flex;flex-direction:column;align-items:center;flex:1;max-width:140px;min-width:0;height:100%;justify-content:flex-end;transition:transform .2s}.bar-item:hover{transform:translateY(-2px)}.bar-track{width:100%;flex:1;position:relative;border-radius:8px 8px 0 0;background:#2a2f4566}.bar-fill{position:absolute;bottom:0;left:0;right:0;border-radius:8px 8px 0 0;transition:height .8s cubic-bezier(.34,1.4,.64,1)}.bar-fill.green{background:linear-gradient(180deg,var(--chart-green),#00a885);box-shadow:0 0 20px #00d4aa4d}.bar-fill.red{background:linear-gradient(180deg,var(--chart-red),#cc5555);box-shadow:0 0 20px #ff6b6b4d}.bar-fill.blue{background:linear-gradient(180deg,var(--chart-blue),#554acc);box-shadow:0 0 20px #6c63ff4d}.bar-fill.yellow{background:linear-gradient(180deg,var(--chart-yellow),#ccaa00);box-shadow:0 0 20px #ffd1664d}.bar-fill.teal{background:linear-gradient(180deg,var(--chart-teal),#3a9fc7);box-shadow:0 0 20px #4fc3f74d}.bar-value-label{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;color:var(--text-primary);white-space:nowrap;font-family:DM Mono,monospace}.bar-label{font-size:11px;font-weight:600;color:var(--text-secondary);text-align:center;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;height:24px;line-height:24px}.line-chart-container{display:flex;height:100%;gap:0;align-items:stretch}.line-chart-container svg{shape-rendering:geometricPrecision!important;text-rendering:geometricPrecision!important}.line-chart-container path{stroke-width:.5!important;vector-effect:non-scaling-stroke}.line-chart-area{image-rendering:-webkit-optimize-contrast!important;image-rendering:crisp-edges!important}.x-axis{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:6px;border-top:1px solid var(--border-light);width:100%;overflow:hidden}.x-axis-label{font-size:10px;color:var(--text-muted);text-align:center;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px;writing-mode:horizontal-tb}.brand-logo{width:40px;height:40px;object-fit:contain;border-radius:10px;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:16px;margin-bottom:8px}.line-dot{fill:var(--chart-green);stroke:var(--bg-chart);stroke-width:2;cursor:pointer;r:2!important;shape-rendering:geometricPrecision!important}.line-tooltip{position:absolute;background:var(--bg-card);border:1px solid var(--border-light);border-radius:6px;padding:5px 9px;font-size:11px;color:var(--text-primary);pointer-events:none;opacity:0;transition:opacity .2s;z-index:10}.line-tooltip.visible{opacity:1}.compact-controls{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.compact-search{width:25%;min-width:160px;position:relative}.compact-search input{width:100%;padding:9px 10px 9px 34px;background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;outline:none;transition:border-color .2s}.compact-search input:focus{border-color:var(--sidebar-accent)}.compact-search input::placeholder{color:var(--text-muted)}.compact-search .si{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.compact-search .si svg{width:14px;height:14px}.filter-select-wrap select{padding:9px 28px 9px 12px;background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;cursor:pointer;-webkit-appearance:none;appearance:none;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b90a7' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.filter-select-wrap select:focus{border-color:var(--sidebar-accent)}.result-count{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:14px;text-align:right}.result-count strong{color:var(--sidebar-accent2);font-size:15px}.icon-btn{width:38px;height:38px;border-radius:var(--radius-md);border:2px solid var(--border-light);background:var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s;flex-shrink:0}.icon-btn:hover{border-color:var(--sidebar-accent);color:var(--sidebar-accent)}.icon-btn.primary{background:var(--sidebar-accent2);border-color:var(--sidebar-accent2);color:#0f1117}.icon-btn.primary:hover{background:#00b894;border-color:#00b894}.icon-btn.active{border-color:var(--sidebar-accent2);color:var(--sidebar-accent2)}.icon-btn svg{width:16px;height:16px}.action-btn{padding:10px 20px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.action-btn.primary{background:var(--sidebar-accent2);color:#0f1117}.action-btn.primary:hover{background:#00b894}.action-btn.secondary{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light)}.action-btn.secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.action-btn.danger{background:#ff6b6b26;color:var(--chart-red);border:1px solid var(--chart-red)}.action-btn.danger:hover{background:#ff6b6b40}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:11px;font-weight:600;color:var(--sidebar-accent2);text-transform:uppercase;letter-spacing:.6px;padding:14px 16px;text-align:left;border-bottom:1px solid var(--border-light);background:var(--bg-card)}.data-table td{padding:13px 16px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid rgba(42,47,69,.5);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{color:var(--text-primary);background:#2a2f4540}.mono{font-family:DM Mono,monospace;font-size:13px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge-delivered{background:#00d4aa1f;color:#00d4aa}.badge-cancelled{background:#ff6b6b1f;color:#ff6b6b}.badge-in_progress{background:#ffd1661f;color:#ffd166}.badge-pending{background:#6c63ff1f;color:#6c63ff}.badge-requested{background:#ffd1661f;color:#ffd166}.badge-approved{background:#00d4aa1f;color:#00d4aa}.badge-refunded{background:#81c7841f;color:#81c784}.badge-rejected{background:#ff6b6b1f;color:#ff6b6b}.badge-open{background:#6c63ff1f;color:#6c63ff}.badge-resolved{background:#00d4aa1f;color:#00d4aa}.badge-closed{background:#54587033;color:#8b90a7}.badge-refund_failed{background:#ff6b6b1f;color:#ff6b6b}.badge-unverified{background:#ffd1661f;color:#ffd166}.badge-processing{background:#4fc3f71f;color:#4fc3f7}.badge-completed{background:#00d4aa1f;color:#00d4aa}.badge-inprogress{background:#ffd1661f;color:#ffd166}.sub-tabs{width:400px;display:flex;gap:0;margin-bottom:20px;background:var(--bg-card);border-radius:var(--radius-md);padding:4px;border:1px solid var(--border-light)}.sub-tab{flex:1;padding:10px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;text-align:center;transition:all .2s;border:none;background:transparent}.sub-tab.active{background:var(--sidebar-accent2);color:#0f1117}.sub-tab:hover:not(.active){background:var(--bg-hover);color:var(--text-primary)}.period-pills{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.period-pill{padding:7px 16px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;border:1.5px solid var(--border-light);background:transparent;color:var(--text-secondary);transition:all .2s}.period-pill.active{background:var(--sidebar-accent2);border-color:var(--sidebar-accent2);color:#0f1117}.period-pill:hover:not(.active){border-color:var(--sidebar-accent);color:var(--text-primary)}.sales-summary-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.sales-summary-card{background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:20px}.ssc-label{font-size:12px;color:var(--text-muted);margin-bottom:4px;display:flex;align-items:center;gap:6px}.ssc-dot{width:8px;height:8px;border-radius:50%;background:var(--sidebar-accent2)}.ssc-value{font-size:22px;font-weight:700;color:var(--text-primary);font-family:DM Mono,monospace}.ssc-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.tx-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.tx-title{font-size:18px;font-weight:700;color:var(--text-primary)}.see-all-btn{font-size:13px;color:var(--sidebar-accent2);cursor:pointer;font-weight:600;background:none;border:none}.see-all-btn:hover{text-decoration:underline}.tx-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(42,47,69,.4)}.tx-item:last-child{border-bottom:none}.tx-name{font-size:14px;font-weight:600;color:var(--text-primary)}.tx-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.tx-status-cancelled{color:var(--chart-red)}.tx-status-delivered{color:var(--chart-green)}.tx-status-in_progress{color:var(--chart-yellow)}.tx-amount{font-size:15px;font-weight:700;color:var(--text-primary);font-family:DM Mono,monospace}.perf-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(42,47,69,.4)}.perf-item:last-child{border-bottom:none}.perf-name{font-size:14px;font-weight:600;color:var(--text-primary)}.perf-right{text-align:right}.perf-amount{font-size:14px;font-weight:700;color:var(--text-primary);font-family:DM Mono,monospace}.perf-orders{font-size:11px;color:var(--text-muted);margin-top:2px}.sales-sub-wrap{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sales-sub-tabs{display:flex;gap:0;background:var(--bg-card);border-radius:var(--radius-md);padding:4px;border:1px solid var(--border-light);flex:1}.toggle-switch{position:relative;width:44px;height:24px;cursor:pointer;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--border-light);border-radius:24px;transition:.3s}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.toggle-switch input:checked+.toggle-slider{background:var(--sidebar-accent2)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.profile-avatar{display:flex;flex-direction:column;align-items:center;padding:32px 0 24px;border-bottom:1px solid var(--border-light);margin-bottom:24px}.avatar-circle{width:80px;height:80px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--sidebar-accent2);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.avatar-circle svg{width:40px;height:40px;color:var(--sidebar-accent2)}.profile-email{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.profile-role-badge{display:inline-flex;padding:4px 14px;border-radius:20px;background:#00d4aa1f;color:var(--sidebar-accent2);font-size:12px;font-weight:700}.profile-section-label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;margin-top:20px}.profile-menu-group{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:12px}.profile-menu-item{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(42,47,69,.4);cursor:pointer;transition:background .2s}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item:hover{background:var(--bg-hover)}.pmi-left{display:flex;align-items:center;gap:12px}.pmi-icon{width:36px;height:36px;background:var(--bg-secondary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.pmi-icon svg{width:16px;height:16px}.pmi-text{font-size:14px;font-weight:500;color:var(--text-primary)}.pmi-right{color:var(--text-muted)}.pmi-right svg{width:16px;height:16px}.pmi-value{font-size:13px;color:var(--text-muted)}.logout-btn{width:100%;padding:16px;background:#ff6b6b26;border:2px solid var(--chart-red);border-radius:var(--radius-lg);color:var(--chart-red);font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;margin-top:24px}.logout-btn:hover{background:#ff6b6b40}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--bg-hover) 50%,var(--bg-secondary) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{to{background-position:-200% 0}}.empty-state{text-align:center;padding:48px 20px;color:var(--text-muted)}.empty-state .empty-icon{font-size:48px;margin-bottom:12px;opacity:.3;display:block}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;z-index:3000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .25s}.modal-overlay.active{opacity:1;visibility:visible}.modal-box{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:32px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;transform:translateY(20px);transition:transform .25s}.modal-overlay.active .modal-box{transform:translateY(0)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-title{font-size:20px;font-weight:700;color:var(--text-primary)}.modal-close{width:32px;height:32px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:18px;line-height:1}.modal-close:hover{background:var(--bg-hover)}.form-group{margin-bottom:16px}.form-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:block}.form-input{width:100%;padding:13px 14px;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s;font-family:DM Sans,sans-serif}.form-input:focus{border-color:var(--sidebar-accent)}.form-input::placeholder{color:var(--text-muted)}.form-input.with-icon{padding-right:44px}.input-wrap{position:relative}.eye-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0;display:flex;align-items:center}.eye-btn:hover{color:var(--text-secondary)}.eye-btn svg{width:18px;height:18px}select.form-input{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238b90a7' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.form-error{font-size:12px;color:var(--chart-red);margin-top:6px;min-height:16px}.pw-requirements{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:20px}.pw-req-title{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.pw-req-item{font-size:12px;color:var(--text-secondary);margin-bottom:4px;display:flex;align-items:center;gap:6px}.pw-req-item:before{content:"\2022"}.modal-footer{display:flex;gap:10px;margin-top:24px}.modal-footer .action-btn{flex:1;padding:14px}.product-filter-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;display:none;position:relative}.product-filter-panel.open{display:block}.pf-close{position:absolute;top:14px;right:14px;width:28px;height:28px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:16px;line-height:1}.pf-close:hover{background:var(--bg-hover);color:var(--text-primary)}.pf-title{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.brand-options{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.brand-option{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background .15s}.brand-option:hover{background:var(--bg-hover)}.brand-option input[type=radio]{accent-color:var(--sidebar-accent2);width:16px;height:16px;cursor:pointer}.brand-option-label{font-size:14px;color:var(--text-secondary)}.brand-option input:checked~.brand-option-label{color:var(--sidebar-accent2);font-weight:600}.pf-actions{display:flex;gap:8px}.address-fields{display:flex;flex-direction:column;gap:0}.address-field-row{position:relative;margin-bottom:0}.remove-address-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--chart-red);font-size:18px;line-height:1;padding:0}.add-address-btn{width:100%;padding:12px;border:2px dashed var(--border-light);background:transparent;color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.add-address-btn:hover{border-color:var(--sidebar-accent2);color:var(--sidebar-accent2)}.notif-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:2000;opacity:0;visibility:hidden;transition:all .3s}.notif-overlay.active{opacity:1;visibility:visible}.notif-panel{position:fixed;top:0;right:-440px;width:100%;max-width:440px;height:100vh;background:var(--bg-primary);border-left:2px solid var(--sidebar-border);z-index:2001;transition:right .3s;display:flex;flex-direction:column}.notif-panel.active{right:0}.notif-header{padding:20px 24px;border-bottom:1px solid var(--sidebar-border);display:flex;justify-content:space-between;align-items:center}.notif-header h2{font-size:20px;font-weight:700;color:var(--text-primary)}.notif-close{width:32px;height:32px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:18px}.notif-close:hover{background:var(--bg-hover)}.notif-body{flex:1;overflow-y:auto;padding:20px 24px}.notif-body::-webkit-scrollbar{width:4px}.notif-body::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:2px}.notif-item{background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;transition:all .2s}.notif-item:hover{border-color:var(--sidebar-accent)}.notif-item.unread{border-left:3px solid var(--sidebar-accent2);background:#00d4aa0a}.notif-row{display:flex;gap:10px;margin-bottom:8px}.notif-icon{width:36px;height:36px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--sidebar-accent2);flex-shrink:0}.notif-icon svg{width:16px;height:16px}.notif-ttl{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.notif-msg{font-size:12px;color:var(--text-secondary);line-height:1.4}.notif-time{font-size:11px;color:var(--sidebar-text3);margin-bottom:10px;padding-left:46px}.notif-acts{display:flex;gap:6px;padding-left:46px}.btn-read,.btn-del{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-read{background:#00d4aa1f;color:var(--sidebar-accent2)}.btn-del{background:#ff6b6b1f;color:var(--chart-red)}.btn-read:hover{background:#00d4aa38}.btn-del:hover{background:#ff6b6b38}.menu-toggle{display:none;position:fixed;bottom:20px;right:20px;width:52px;height:52px;background:var(--sidebar-accent);border:none;border-radius:50%;color:#fff;font-size:22px;cursor:pointer;box-shadow:var(--shadow-lg);z-index:999;align-items:center;justify-content:center}.date-filter-wrap{position:relative;flex-shrink:0}.date-filter-btn{width:38px;height:38px;border-radius:var(--radius-md);border:2px solid var(--border-light);background:var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s}.date-filter-btn:hover{border-color:var(--sidebar-accent);color:var(--sidebar-accent)}.date-filter-btn.active{border-color:var(--sidebar-accent2);color:var(--sidebar-accent2);background:#00d4aa14}.date-filter-btn svg{width:16px;height:16px}.date-filter-panel{position:absolute;top:44px;right:0;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:0;min-width:260px;box-shadow:var(--shadow-lg);z-index:500;display:none}.date-filter-panel.open{display:block}.dfp-period-opts{padding:8px 6px 6px}.dfp-opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;color:var(--text-secondary);transition:all .15s;border:none;background:transparent;width:100%;text-align:left}.dfp-opt:hover{background:var(--bg-hover);color:var(--text-primary)}.dfp-opt.active{background:#00d4aa1f;color:var(--sidebar-accent2);font-weight:600}.dfp-opt svg{width:14px;height:14px;flex-shrink:0}.dfp-divider{height:1px;background:var(--border-light);margin:4px 0}.dfp-date-section{padding:10px 12px 12px}.dfp-date-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.dfp-date-type-row{display:flex;gap:6px;margin-bottom:10px}.dfp-date-type-btn{flex:1;padding:7px 10px;border-radius:var(--radius-sm);border:1.5px solid var(--border-light);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;text-align:center;transition:all .15s}.dfp-date-type-btn:hover{border-color:var(--sidebar-accent);color:var(--text-primary)}.dfp-date-type-btn.active{border-color:var(--sidebar-accent2);background:#00d4aa1a;color:var(--sidebar-accent2)}.dfp-date-inputs{display:flex;flex-direction:column;gap:8px}.dfp-date-input{width:100%;padding:9px 10px;background:var(--bg-secondary);border:1.5px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;outline:none;transition:border-color .2s;font-family:DM Sans,sans-serif}.dfp-date-input:focus{border-color:var(--sidebar-accent2)}.dfp-date-input::-webkit-calendar-picker-indicator{filter:invert(1)!important;cursor:pointer;opacity:1!important}.dfp-date-input::-webkit-calendar-picker-indicator:hover{opacity:.8}.dfp-date-input{color-scheme:light!important}.dfp-date-between{display:flex;gap:6px;align-items:center}.dfp-date-between span{font-size:11px;color:var(--text-muted);white-space:nowrap}.dfp-actions{display:flex;gap:8px;padding:0 12px 12px}.dfp-apply-btn{flex:1;padding:9px;background:var(--sidebar-accent2);border:none;border-radius:var(--radius-sm);color:#0f1117;font-size:13px;font-weight:600;cursor:pointer}.dfp-apply-btn:hover{background:#00b894}.dfp-reset-btn{flex:1;padding:9px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer}.dfp-reset-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.date-filter-badge{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:var(--sidebar-accent2);border-radius:50%;border:2px solid var(--bg-card);display:none}.date-filter-badge.visible{display:block}.detail-header-card{background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-xl);padding:24px;margin-bottom:20px}.detail-section-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:16px}.detail-section-label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);padding:14px 16px;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(42,47,69,.4)}.detail-row:last-child{border-bottom:none}.detail-row-label{font-size:13px;color:var(--text-muted)}.detail-row-value{font-size:13px;font-weight:600;color:var(--text-primary);text-align:right}.detail-line-total{font-weight:700;color:var(--sidebar-accent2)}.detail-row-block{padding:12px 16px;border-bottom:1px solid rgba(42,47,69,.4)}.detail-row-block:last-child{border-bottom:none}.detail-row-block .detail-row-label{font-size:13px;color:var(--text-muted);margin-bottom:4px}.detail-row-block .detail-row-block-val{font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.5}.conv-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px}.conv-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.conv-msgs{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.conv-msg{max-width:80%;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.5}.conv-msg.customer{background:var(--bg-secondary);color:var(--text-primary);align-self:flex-start;border-radius:4px 12px 12px}.conv-msg.admin{background:var(--sidebar-accent2);color:#0f1117;align-self:flex-end;border-radius:12px 4px 12px 12px}.conv-msg.salesrep{background:#6c63ff26;color:var(--text-primary);align-self:flex-start;border-radius:4px 12px 12px}.conv-msg-sender{font-size:11px;font-weight:700;margin-bottom:4px;opacity:.7}.conv-msg-time{font-size:10px;margin-top:4px;opacity:.6}.conv-empty{text-align:left;padding:0 0 16px;color:var(--text-muted);font-size:13px}.reply-input-row{display:flex;gap:10px;align-items:flex-end}.reply-input{flex:1;padding:12px 14px;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;outline:none;font-family:DM Sans,sans-serif;resize:none}.reply-input:focus{border-color:var(--sidebar-accent2)}.reply-send-btn{transform:rotate(90deg) translate(-30%);width:40px;height:40px;background:var(--sidebar-accent2);border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.reply-send-btn:hover{background:#00b894;transform:translate(2px)}.reply-send-btn svg{width:18px;height:18px;color:#0f1117}.detail-actions{display:flex;flex-direction:row;gap:10px;margin-bottom:20px}.detail-action-btn{width:100%;padding:14px;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s;text-align:center;flex:1;min-width:0}.detail-action-btn.teal{background:var(--sidebar-accent2);color:#0f1117}.detail-action-btn.teal:hover{background:#00b894}.detail-action-btn.red{background:#ff6b6b26;border:1.5px solid var(--chart-red);color:var(--chart-red)}.detail-action-btn.red:hover{background:#ff6b6b40}.detail-action-btn.outline{background:transparent;border:1.5px solid var(--border-light);color:var(--text-secondary)}.detail-action-btn.outline:hover{border-color:var(--sidebar-accent);color:var(--text-primary)}.detail-action-btn.outline-green{background:transparent;border:1.5px solid var(--sidebar-accent2);color:var(--sidebar-accent2)}.detail-action-btn.outline-green:hover{background:#00d4aa14}.photo-grid{display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px}.photo-thumb{width:90px;height:90px;border-radius:8px;object-fit:cover;background:var(--bg-secondary);border:1px solid var(--border-light)}.truncate-cell{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle}.notif-del-icon{padding:6px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.notif-del-icon:hover{background:#ff6b6b1f;color:var(--chart-red)}.notif-del-icon svg{width:14px;height:14px}.sales-board-toggle{display:flex;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-light);padding:3px;gap:4px}.sales-board-toggle-btn{flex:1;padding:8px 10px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.sales-board-toggle-btn.active{background:var(--sidebar-accent2);color:var(--bg-card)}.sales-data-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:4px;box-shadow:0 2px 8px #0000000a}.sales-data-table{width:100%;border-collapse:collapse;font-size:14px}.sales-data-table thead th{background:var(--sidebar-accent2);background-opacity:.08;background:#10c9a314;color:var(--text-primary);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.5px;padding:12px 16px;text-align:left;border-bottom:2px solid var(--border-light)}.sdt-col-amount{text-align:right!important;width:140px}.sdt-row-even,.sdt-row-odd{transition:background .15s ease}.sdt-row-even:hover,.sdt-row-odd:hover{background:var(--sidebar-accent2)05}.sdt-name{padding:12px 16px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.sdt-amount{padding:12px 16px;text-align:right;font-family:DM Mono,ui-monospace,monospace;font-weight:600;color:var(--text-primary);white-space:nowrap}.sdt-total-row{background:#10c9a30f;border-top:2px solid var(--border-light)}.sdt-total-label{padding:14px 16px;font-weight:800;color:var(--text-primary);font-size:14px}.sdt-total-amount{padding:14px 16px;text-align:right;font-family:DM Mono,ui-monospace,monospace;font-weight:800;color:var(--sidebar-accent2);font-size:15px}.empty-data-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:var(--text-muted);background:var(--bg-card);border-radius:12px;border:1px dashed var(--border-light)}.empty-data-state .empty-icon{font-size:28px;margin-bottom:8px;opacity:.7}@media(max-width:1100px){.quick-access{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:20px}.stats-row{grid-template-columns:1fr 1fr}.quick-access{grid-template-columns:repeat(3,1fr)}.menu-toggle{display:flex}}@media(max-width:768px){.stats-row{grid-template-columns:1fr}.quick-access{grid-template-columns:repeat(3,1fr);gap:8px}.quick-item{padding:14px 10px}.quick-icon{width:40px;height:40px;font-size:18px}.page-title{font-size:22px}.compact-search{width:100%}.sales-summary-row{grid-template-columns:1fr}}div.chart-wrapper div.y-axis{display:flex!important;flex-direction:column!important;justify-content:space-between!important;width:44px!important;min-width:44px!important;flex-shrink:0!important;border-right:1px solid var(--border-light)!important;box-sizing:border-box!important;padding-top:22px!important;padding-bottom:40px!important;padding-right:0!important;height:100%!important;gap:0!important}div.chart-wrapper div.y-axis div{flex:1!important;display:flex!important;justify-content:flex-end!important;min-height:0!important;padding-right:8px!important}div.chart-wrapper div.x-axis{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.cdf-type-btn{flex:1;padding:5px 0;font-size:11px;font-weight:600;border-radius:6px;border:1px solid var(--border-light);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s;white-space:nowrap}.cdf-type-btn.active{background:var(--sidebar-accent2);color:#0f1117;border-color:var(--sidebar-accent2)}.cdf-type-btn:not(.active):hover{border-color:var(--sidebar-accent2);color:var(--sidebar-accent2)}.cdf-date-input{width:100%;padding:6px 8px;font-size:12px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);outline:none;box-sizing:border-box;cursor:pointer;transition:border-color .15s;margin-bottom:6px}.cdf-date-input:focus{border-color:var(--sidebar-accent2)}.cdf-date-input::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}.cdf-reset-btn{flex:1;padding:6px 0;font-size:12px;font-weight:600;border-radius:6px;border:1px solid var(--border-light);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s}.cdf-reset-btn:hover{background:#ffffff0f;color:var(--text-primary)}.cdf-apply-btn{flex:1;padding:6px 0;font-size:12px;font-weight:600;border-radius:6px;border:none;background:var(--sidebar-accent2);color:#0f1117;cursor:pointer;transition:opacity .15s}.cdf-apply-btn:hover{opacity:.85}.filter-dropdown.open{min-width:220px}body.gradient{padding-top:0!important}
/*# sourceMappingURL=/cdn/shop/t/4/assets/dashboard.css.map */