@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.app-layout{display:flex;height:100vh;overflow:hidden;background:var(--bg-primary);position:relative}.main-wrapper{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:margin-left var(--transition-normal);width:100%;min-width:0}.main-content{flex:1;overflow-y:auto;padding:1.25rem 1.5rem;animation:fadeIn var(--transition-normal)}.sidebar-backdrop{display:none}@media (max-width: 1366px){.main-content{padding:1rem}}@media (max-width: 768px){.main-content{padding:.75rem .5rem}.sidebar-backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;animation:fadeIn .2s ease}}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width var(--transition-normal);z-index:100}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{height:var(--topbar-height);display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid var(--border-color)}.logo{display:flex;align-items:center;gap:.6rem;overflow:hidden}.logo-icon{min-width:32px;height:32px;background:var(--accent-gradient);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:14px;flex-shrink:0}.logo-text{font-size:1.1rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.sidebar-nav{flex:1;padding:1.5rem 1rem;overflow-y:auto}.sidebar-nav ul{display:flex;flex-direction:column;gap:.5rem}.nav-link{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;overflow:hidden}.sidebar.collapsed .nav-link{justify-content:center;padding:.75rem 0}.nav-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.nav-link.active{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.nav-icon{font-size:1.25rem;flex-shrink:0}.nav-label{font-weight:500}.sidebar-footer{padding:1rem;border-top:1px solid var(--border-color)}.collapse-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.collapse-btn:hover{background:#ffffff0d;color:var(--text-primary)}.sidebar.collapsed .collapse-btn{justify-content:center}.sidebar-submenu{display:flex;flex-direction:column;gap:.2rem;padding-left:1.25rem;margin-top:.25rem;margin-bottom:.5rem}.submenu-link{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.85rem;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);text-decoration:none}.submenu-link:hover{color:var(--text-primary);background:var(--bg-tertiary)}.submenu-link.active{color:var(--accent-primary);font-weight:600;background:#6366f114}.submenu-dot{font-size:12px;color:var(--text-tertiary)}.submenu-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.submenu-badge{background:#fef08a;color:#854d0e;font-weight:700;font-size:.7rem;padding:1px 6px;border-radius:4px;min-width:18px;text-align:center}.submenu-arrow{font-size:1rem;color:var(--text-tertiary)}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:-280px;bottom:0;width:280px!important;height:100vh;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 25px -5px #0000004d}.app-layout.mobile-open .sidebar{transform:translate(280px)}.sidebar.collapsed{width:280px!important}}.topbar{height:var(--topbar-height);background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;z-index:50}.breadcrumb h2{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-primary)}.sidebar-toggle-top-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-size:1.25rem;width:36px;height:36px;border-radius:8px;display:none;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.sidebar-toggle-top-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.topbar-actions{display:flex;align-items:center;gap:1.5rem}.search-bar-container{position:relative}.search-bar{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:.5rem 1rem;width:280px;transition:all var(--transition-fast)}.search-bar:focus-within{border-color:var(--accent-primary);width:340px;box-shadow:0 0 0 3px #6366f126}.search-icon{color:var(--text-tertiary);margin-right:.5rem;font-size:1.1rem}.search-bar input{background:transparent;border:none;color:var(--text-primary);outline:none;width:100%;font-size:.875rem}.search-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;min-width:340px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;overflow:hidden;z-index:999}.search-dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;color:#0f172a;cursor:pointer;transition:background .15s ease;border-bottom:1px solid #f1f5f9}.search-dropdown-item:last-child{border-bottom:none}.search-dropdown-item:hover{background:#f8fafc}.search-dropdown-item.searching,.search-dropdown-item.no-results{color:#64748b;font-size:.85rem;padding:1rem;text-align:center;cursor:default}.dropdown-order-num{font-weight:700;color:#0284c7}.dropdown-divider{color:#cbd5e1}.dropdown-cust-name{font-weight:600;color:#0f172a;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-status-tag{font-size:.75rem;font-weight:700;padding:.15rem .5rem;border-radius:12px;text-transform:capitalize}.dropdown-status-tag.pending{background:#fef3c7;color:#b45309}.dropdown-status-tag.confirmed{background:#dcfce7;color:#15803d}.dropdown-status-tag.processing{background:#e0f2fe;color:#0369a1}.dropdown-status-tag.completed{background:#dcfce7;color:#15803d}.dropdown-status-tag.failed{background:#fee2e2;color:#b91c1c}.dropdown-status-tag.fake{background:#f1f5f9;color:#475569}.search-dropdown-footer{padding:.65rem 1rem;background:#eeeffe;color:#4f46e5;font-size:.8rem;font-weight:700;text-align:center;cursor:pointer;transition:background .15s ease}.search-dropdown-footer:hover{background:#e0e7ff}.icon-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;position:relative;transition:color var(--transition-fast)}.icon-btn:hover{color:var(--text-primary)}.icon-btn .badge{position:absolute;top:-2px;right:-2px;background:var(--danger);color:#fff;font-size:.6rem;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card)}.user-menu{display:flex;align-items:center;gap:1rem;border-left:1px solid var(--border-color);padding-left:1.5rem}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.user-role{font-size:.75rem;color:var(--text-tertiary)}.avatar-btn{background:transparent;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;transition:color var(--transition-fast);display:flex;align-items:center}.avatar-btn:hover{color:var(--accent-primary)}@media (max-width: 768px){.topbar{padding:0 .75rem;gap:.5rem}.sidebar-toggle-top-btn{display:flex}.breadcrumb h2{font-size:1rem}.search-bar{width:140px;padding:.35rem .65rem}.search-bar:focus-within{width:190px}.topbar-actions{gap:.5rem}.user-info{display:none}.user-menu{padding-left:.5rem;border-left:none}}.card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-default{border:1px solid var(--border-color)}.card-bordered{border:1px solid rgba(255,255,255,.1)}.card-gradient-border{position:relative;background:var(--bg-secondary);background-clip:padding-box;border:solid 1px transparent}.card-gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-1px;border-radius:inherit;background:var(--accent-gradient)}.input-wrapper{display:flex;flex-direction:column;margin-bottom:1rem}.input-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.input-container{display:flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast);overflow:hidden}.input-container:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.input-error{border-color:var(--danger)}.input-error:focus-within{box-shadow:0 0 0 2px #f43f5e33}.input-icon{display:flex;align-items:center;padding-left:1rem;color:var(--text-tertiary)}.input-field{flex:1;background:transparent;border:none;color:var(--text-primary);padding:.75rem 1rem;font-size:1rem;outline:none}.input-field::placeholder{color:var(--text-tertiary)}.input-error-msg{color:var(--danger);font-size:.75rem;margin-top:.25rem}.input-helper{color:var(--text-tertiary);font-size:.75rem;margin-top:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-weight:500;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;outline:none}.btn:hover:not(:disabled){transform:translateY(-1px) scale(1.02)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-md{padding:.75rem 1.5rem;font-size:1rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover)}.btn-ghost{background:transparent;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background:#ffffff0d}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#e11d48}.btn-success{background:var(--success);color:#fff}.btn-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.btn-icon-left{margin-right:.5rem;display:flex}.btn-icon-right{margin-left:.5rem;display:flex}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#f8fafc}.auth-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none}.shape{position:absolute;filter:blur(120px);opacity:.35;border-radius:50%;animation:float 20s infinite alternate}.shape-1{background:#6366f1;width:450px;height:450px;top:-150px;left:-150px}.shape-2{background:#a855f7;width:350px;height:350px;bottom:-100px;right:-100px;animation-delay:-5s}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(40px,40px) scale(1.08)}}.auth-card{width:100%;max-width:440px;z-index:10;padding:2.75rem 2.25rem;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:20px!important;box-shadow:0 20px 25px -5px #0f172a14,0 8px 10px -6px #0f172a0a!important}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{width:52px;height:52px;background:linear-gradient(135deg,#4f46e5,#4338ca);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.35rem;margin:0 auto 1.25rem;box-shadow:0 10px 15px -3px #4f46e54d}.auth-header h2{font-size:1.65rem;font-weight:800;color:#0f172a;margin-bottom:.4rem;letter-spacing:-.02em}.auth-header p{color:#64748b;font-size:.9rem;font-weight:500}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form label{color:#334155!important;font-weight:600!important;font-size:.875rem!important;margin-bottom:.4rem!important}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{background:#fff!important;border:1px solid #cbd5e1!important;color:#0f172a!important;font-size:.95rem!important}.auth-form input::placeholder{color:#94a3b8!important}.auth-options{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem;margin-bottom:.5rem;font-size:.875rem}.remember-me{display:flex;align-items:center;gap:.5rem;color:#475569!important;cursor:pointer;font-weight:500}.remember-me input[type=checkbox]{accent-color:#4f46e5;width:16px;height:16px;cursor:pointer}.forgot-password{color:#4f46e5;text-decoration:none;font-weight:600;transition:color .15s ease}.forgot-password:hover{color:#3730a3;text-decoration:underline}.auth-footer{margin-top:1.75rem;text-align:center;font-size:.9rem;color:#64748b}.auth-footer a{color:#4f46e5;font-weight:700;text-decoration:none;margin-left:.25rem}.auth-footer a:hover{text-decoration:underline}.w-full{width:100%}.stat-card{display:flex;flex-direction:column;gap:1rem}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.stat-info{min-width:0;flex:1}.stat-title{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-icon-wrapper{width:44px;height:44px;border-radius:12px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow);flex-shrink:0}.stat-icon{color:#fff;font-size:1.5rem}.stat-footer{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.stat-trend{display:flex;align-items:center;gap:.25rem;font-weight:600}.trend-up{color:var(--success)}.trend-down{color:var(--danger)}.stat-period{color:var(--text-tertiary)}.table-container{width:100%;max-width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);box-sizing:border-box;-webkit-overflow-scrolling:touch}.styled-table{width:100%;min-width:700px;border-collapse:collapse;text-align:left}.styled-table th,.styled-table td{padding:.85rem;vertical-align:middle}.styled-table th{background:var(--bg-tertiary);color:var(--text-secondary);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-color);white-space:nowrap}.styled-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast)}.styled-table tbody tr.row-duplicate-warning{background-color:#fffbeb!important;box-shadow:inset 4px 0 #f59e0b}.styled-table tbody tr.row-duplicate-warning:hover{background-color:#fef3c7!important}.styled-table tbody tr:last-of-type{border-bottom:none}.styled-table tbody tr:hover{background:#f8fafc}.styled-table td{color:var(--text-primary);font-size:.875rem}@media (max-width: 1366px){.hide-tablet{display:none!important}.styled-table th,.styled-table td{padding:.7rem .65rem}}@media (max-width: 768px){.hide-mobile{display:none!important}.styled-table{min-width:650px}.styled-table th,.styled-table td{padding:.65rem .5rem;font-size:.825rem}}.skeleton-row{height:24px;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.text-center{text-align:center}.py-8{padding-top:2rem;padding-bottom:2rem}.text-secondary{color:var(--text-secondary)}.badge-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;font-weight:500;white-space:nowrap}.badge-sm{padding:.125rem .5rem;font-size:.75rem}.badge-md{padding:.25rem .75rem;font-size:.875rem}.badge-dot{width:6px;height:6px;border-radius:50%;margin-right:.375rem;background-color:currentColor}.badge-default{background:var(--bg-tertiary);color:var(--text-primary)}.badge-pending{background:#f59e0b1a;color:var(--warning);border:1px solid rgba(245,158,11,.2)}.badge-processing{background:#3b82f61a;color:var(--info);border:1px solid rgba(59,130,246,.2)}.badge-completed{background:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.badge-canceled,.badge-cancelled{background:#94a3b81a;color:var(--text-secondary);border:1px solid rgba(148,163,184,.2)}.badge-refunded{background:#ec48991a;color:#ec4899;border:1px solid rgba(236,72,153,.2)}.badge-failed{background:#f43f5e1a;color:var(--danger);border:1px solid rgba(244,63,94,.2)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon-wrapper{width:64px;height:64px;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:inset 0 2px 4px #0000001a}.empty-icon{font-size:2rem;color:var(--text-tertiary)}.empty-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-description{color:var(--text-secondary);max-width:400px;margin-bottom:1.5rem}.courier-success-card{padding:1.25rem}.courier-table-container{width:100%;overflow-x:auto}.courier-table{width:100%;border-collapse:collapse;font-size:.85rem}.courier-table th{text-align:left;padding:.5rem .75rem;background:#f8fafc;color:#64748b;font-weight:600;border-bottom:1px solid #e2e8f0}.courier-table td{padding:.65rem .75rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.courier-name-cell{font-size:.9rem;color:#0f172a}.courier-score-cell{display:flex;flex-direction:column;gap:.35rem}.progress-container{width:100%}.progress-bar-bg{position:relative;height:14px;background:#e2e8f0;border-radius:9999px;overflow:hidden}.progress-bar-fill{position:absolute;top:0;bottom:0;height:100%;transition:width .3s ease}.progress-bar-fill.success{background:#16a34a}.progress-bar-fill.failed{background:#dc2626}.progress-bar-fill.neutral{background:#94a3b8;opacity:.5}.score-details-row{display:flex;align-items:center;font-size:.78rem;color:#64748b}.dashboard{display:flex;flex-direction:column;gap:2rem}.dashboard-header h1{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.dashboard-header p{color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:1.5rem}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 1024px){.charts-grid{grid-template-columns:1fr}}.chart-card{display:flex;flex-direction:column}.chart-card h3{font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.chart-container{height:300px;width:100%}.pie-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.legend-color{width:12px;height:12px;border-radius:50%}.card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-header-flex h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.text-btn{background:transparent;border:none;color:var(--accent-primary);font-weight:500;cursor:pointer;transition:color var(--transition-fast)}.text-btn:hover{color:var(--accent-secondary)}.donut-chart-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.donut-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.donut-center-count{font-size:2.25rem;font-weight:800;color:#1e293b;line-height:1}.breakdown-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.5rem}@media (max-width: 768px){.dashboard{gap:1rem;width:100%;max-width:100%}.charts-grid{grid-template-columns:1fr!important;width:100%}.chart-card{padding:1rem!important;width:100%;box-sizing:border-box}.card-header-flex{flex-wrap:wrap;gap:.5rem}.donut-center-count{font-size:1.65rem}.breakdown-cards-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}.breakdown-pill-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.6rem .75rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:0 1px 2px #00000008}.breakdown-pill-card.total-card{background:#f8fafc;border-color:#cbd5e1}.breakdown-label{font-size:.8rem;font-weight:600;color:#475569}.breakdown-value-row{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.breakdown-color-bar{width:4px;height:14px;border-radius:2px;flex-shrink:0}.breakdown-count{font-weight:700;color:#0f172a}.breakdown-revenue{color:#64748b;font-size:.75rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-fast);padding:1rem}.modal-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-normal)}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--danger)}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-container{max-width:100%;max-height:94vh;border-radius:var(--radius-md)}.modal-header,.modal-body,.modal-footer{padding:1rem}.modal-footer{flex-direction:column-reverse}.modal-footer button{width:100%}}.courier-score-badge-wrapper{position:relative;display:block;width:100%;max-width:175px;margin:0 auto;font-family:inherit}.courier-score-badge{display:flex;flex-direction:column;gap:3px;width:100%;padding:6px 10px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000d;font-size:.76rem;line-height:1.2;color:#1e293b;cursor:pointer;transition:all .15s ease}.courier-score-badge:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #00000014}.cs-top-row,.cs-bottom-row{display:flex;justify-content:space-between;align-items:center;font-weight:500;color:#334155}.cs-top-row strong,.cs-bottom-row strong{font-weight:700;color:#0f172a}.cs-success-text,.cs-success-text strong{color:#16a34a!important}.cs-failed-text,.cs-failed-text strong{color:#dc2626!important}.cs-progress-bar{position:relative;display:flex;width:100%;height:16px;border-radius:9999px;overflow:hidden;background:#dc2626;margin:2px 0}.cs-fill-green{height:100%;background-color:#16a34a;transition:width .3s ease}.cs-fill-red{height:100%;background-color:#dc2626;flex:1}.cs-percent-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.7rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.4);pointer-events:none}.cs-popover{position:absolute;top:100%;left:0;z-index:50;margin-top:6px;width:220px;padding:8px 10px;background:#0f172a;color:#f8fafc;border-radius:8px;box-shadow:0 10px 15px -3px #0000004d;font-size:.75rem;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all .2s ease}.courier-score-badge-wrapper:hover .cs-popover{opacity:1;visibility:visible;transform:translateY(0)}.cs-popover-header{font-weight:700;font-size:.78rem;color:#38bdf8;margin-bottom:6px;border-bottom:1px solid #334155;padding-bottom:4px}.cs-popover-item{display:flex;justify-content:space-between;margin-bottom:4px;font-size:.72rem}.cs-popover-item:last-child{margin-bottom:0}.orders-page{display:flex;flex-direction:column;gap:1.5rem}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.5rem}.page-header h1{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.page-header p{color:var(--text-secondary)}.header-actions{display:flex;gap:1rem}.filters-grid{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters-grid{flex-direction:column;align-items:stretch}.filter-search,.filter-select{width:100%}}.filter-select{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.75rem 1rem;border-radius:var(--radius-sm);outline:none;min-width:150px}.filter-select:focus{border-color:var(--accent-primary)}.order-id{font-weight:700;color:#0284c7;text-decoration:none;font-size:.95rem;transition:color .15s ease;display:inline-block;margin-bottom:.2rem}.order-id:hover{color:#0369a1;text-decoration:underline}.customer-name-link{font-weight:700;color:#0f172a;text-decoration:none;font-size:.925rem;transition:color .15s ease;display:inline-block;margin-bottom:.25rem}.customer-name-link:hover{color:#0284c7;text-decoration:underline}.items-preview{display:flex;flex-direction:column;gap:.35rem;margin-top:.4rem}.item-row-preview{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-primary);font-weight:500}.item-qty{color:#64748b;font-weight:600}.item-name{color:#0f172a;font-weight:600}.item-price{color:#059669;font-weight:600;font-size:.8rem}.phone-pill-container{display:inline-flex;align-items:center;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #cbd5e1;margin-top:.4rem;box-shadow:0 1px 2px #0000000d}.phone-number-text{padding:.35rem .65rem;font-weight:700;font-size:.85rem;color:#0f172a;font-family:JetBrains Mono,monospace,sans-serif;letter-spacing:.02em}.phone-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .6rem;border:none;color:#fff;cursor:pointer;font-size:.9rem;transition:opacity .2s;text-decoration:none}.phone-action-btn:hover{opacity:.85}.phone-action-btn.whatsapp{background:#059669}.phone-action-btn.call{background:#7c3aed}.phone-action-btn.copy{background:#475569}.city-tag{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;color:#0f172a;font-size:.875rem}.copy-icon-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:3px;display:inline-flex;align-items:center;font-size:.9rem;transition:color .2s}.copy-icon-btn:hover{color:#0284c7}.quick-note-btn{display:inline-flex;align-items:center;gap:.35rem;background:#f0fdf4;border:1px solid #86efac;color:#15803d;padding:.45rem .75rem;border-radius:8px;font-weight:700;font-size:.825rem;cursor:pointer;transition:all .2s;box-shadow:0 1px 2px #00000008}.quick-note-btn:hover{background:#dcfce7;border-color:#4ade80;transform:translateY(-1px)}.notes-hover-wrapper{position:relative;display:inline-block}.notes-tooltip-popover{position:absolute;top:100%;left:0;margin-top:.4rem;width:270px;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.85rem;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;z-index:999;opacity:0;visibility:hidden;transition:all .2s ease-in-out;pointer-events:none}.notes-hover-wrapper:hover .notes-tooltip-popover{opacity:1;visibility:visible}.notes-tooltip-header{font-weight:700;font-size:.75rem;color:#475569;text-transform:uppercase;margin-bottom:.5rem;border-bottom:1px solid #f1f5f9;padding-bottom:.35rem}.notes-tooltip-list{display:flex;flex-direction:column;gap:.4rem;max-height:180px;overflow-y:auto}.note-tooltip-item{font-size:.8rem;color:#0f172a;background:#f8fafc;padding:.4rem .6rem;border-radius:6px;border-left:3px solid #0284c7}.note-tooltip-date{font-size:.7rem;color:#94a3b8;margin-top:.2rem}.notes-count-badge{background:#6366f1;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:4px}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.header-actions{flex-wrap:wrap;width:100%;gap:.5rem}.header-actions button{flex:1 1 auto;font-size:.8rem;padding:.5rem .75rem}.filters-grid{flex-direction:column;align-items:stretch;gap:.5rem}.filter-search,.filter-select{width:100%}.table-card{overflow-x:auto;-webkit-overflow-scrolling:touch}.bulk-actions-floating-bar{left:.5rem!important;right:.5rem!important;transform:none!important;max-width:none!important;flex-wrap:wrap;padding:.6rem .85rem!important;gap:.5rem!important}}.stores-page{display:flex;flex-direction:column;gap:1.75rem}.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.store-card-modern{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #00000008;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.store-card-modern:hover{transform:translateY(-2px);box-shadow:0 10px 20px -3px #00000014,0 4px 6px -4px #0000000a}.store-accent-bar{height:4px;width:100%;background:linear-gradient(90deg,#7c3aed,#6366f1,#06b6d4)}.store-accent-bar.shopify{background:linear-gradient(90deg,#10b981,#059669)}.store-card-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;flex:1}.store-card-top{display:flex;justify-content:space-between;align-items:flex-start}.store-name-area{display:flex;flex-direction:column;gap:.25rem}.store-name-area h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0}.store-url-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:#0284c7;font-weight:500;text-decoration:none;word-break:break-all}.store-url-link:hover{text-decoration:underline;color:#0369a1}.platform-pill{display:inline-flex;align-items:center;gap:.35rem;background:#f1f5f9;border:1px solid #cbd5e1;color:#334155;font-weight:700;font-size:.75rem;padding:.3rem .65rem;border-radius:20px;text-transform:capitalize}.status-live-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:12px}.status-live-badge.active{background:#dcfce7;color:#15803d}.status-live-badge.inactive{background:#f1f5f9;color:#64748b}.status-dot-pulse{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 #16a34a66;animation:pulseGreen 2s infinite}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #16a34ab3}70%{transform:scale(1);box-shadow:0 0 0 6px #16a34a00}to{transform:scale(.95);box-shadow:0 0 #16a34a00}}.store-metrics-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;padding:.9rem}.store-metric-item{display:flex;flex-direction:column;gap:.2rem}.store-metric-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.store-metric-value{font-size:1.1rem;font-weight:800;color:#0f172a}.store-card-actions{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid #f1f5f9}.add-store-card-dashed{background:#fff;border:2px dashed #cbd5e1;border-radius:12px;padding:2.5rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:all .2s ease;min-height:240px}.add-store-card-dashed:hover{border-color:#6366f1;background:#f8fafc;transform:translateY(-2px)}.add-store-icon-wrapper{width:52px;height:52px;border-radius:50%;background:#eeeffe;color:#6366f1;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.select-wrapper{display:flex;flex-direction:column;margin-bottom:1rem}.select-label{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.select-container{display:flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:all var(--transition-fast);overflow:hidden;position:relative}.select-container:after{content:"▼";position:absolute;right:1rem;font-size:.7rem;color:var(--text-tertiary);pointer-events:none}.select-container:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.select-error{border-color:var(--danger)}.select-field{flex:1;background:transparent;border:none;color:var(--text-primary);padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-field option{background:var(--bg-secondary);color:var(--text-primary)}.select-error-msg{color:var(--danger);font-size:.75rem;margin-top:.25rem}.select-helper{color:var(--text-tertiary);font-size:.75rem;margin-top:.25rem}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-card);border-top:1px solid var(--border-color);font-size:.875rem}.pagination-info{color:var(--text-secondary)}.pagination-info span{color:var(--text-primary);font-weight:600}.pagination-controls{display:flex;align-items:center;gap:.5rem}.page-nav-btn,.page-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.page-nav-btn{width:32px;height:32px;font-size:1rem}.page-btn{min-width:32px;height:32px;padding:0 .5rem}.page-nav-btn:hover:not(:disabled),.page-btn:hover:not(.active){background:var(--bg-secondary);border-color:var(--accent-primary)}.page-nav-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.active{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.page-numbers{display:flex;gap:.25rem}.customers-page{display:flex;flex-direction:column;gap:1.5rem}.filters-card{padding:1rem 1.5rem!important}.filters-grid{display:flex;gap:1rem;align-items:center}.filter-search{flex:1;margin-bottom:0!important}.filter-select{margin-bottom:0!important;min-width:200px}.table-card{padding:0!important;overflow:hidden}.action-link{background:transparent;border:none;color:var(--accent-primary);font-weight:500;cursor:pointer;padding:0}.action-link:hover{text-decoration:underline}.reports-page{display:flex;flex-direction:column;gap:1.5rem}.sub-text{color:var(--text-secondary);font-size:.875rem;margin-top:.2rem}.reports-filter-card{padding:1rem 1.25rem!important}.filter-bar-flex{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.preset-pills{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.preset-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.45rem .85rem;border-radius:20px;font-size:.825rem;font-weight:600;cursor:pointer;transition:all .2s ease}.preset-btn:hover{background:var(--border-color);color:var(--text-primary)}.preset-btn.active{background:var(--accent-gradient);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm)}.reports-store-select{background:#fff;border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem .85rem;border-radius:8px;outline:none;font-size:.875rem;font-weight:600;min-width:220px}.reports-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.kpi-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem!important}.kpi-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.bg-purple{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.bg-emerald{background:linear-gradient(135deg,#10b981,#059669)}.bg-blue{background:linear-gradient(135deg,#3b82f6,#0284c7)}.bg-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.kpi-content{display:flex;flex-direction:column}.kpi-title{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.kpi-value{font-size:1.35rem;font-weight:800;color:var(--text-primary);margin:.15rem 0;line-height:1.2}.kpi-sub{font-size:.75rem;color:var(--text-tertiary)}.reports-chart-card{padding:1.5rem!important}.reports-chart-container{height:320px;width:100%;margin-top:1rem}.courier-reports-card{padding:1.5rem!important}.courier-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:1.25rem}.courier-stat-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.85rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 1px 3px #00000008}.courier-box-header{display:flex;justify-content:space-between;align-items:center}.courier-name{font-weight:700;font-size:.875rem;color:#0f172a}.courier-progress-bar{height:6px;width:100%;background:#e2e8f0;border-radius:3px;overflow:hidden}.courier-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;transition:width .4s ease}.courier-stats-mini{display:flex;justify-content:space-between;font-size:.725rem;color:#64748b}.status-pill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem}.status-pill{background:#f8fafc;border:1px solid #e2e8f0;padding:.4rem .6rem;border-radius:6px;display:flex;align-items:center;gap:.4rem;font-size:.775rem}.status-pill-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-pill-name{flex:1;text-transform:capitalize;color:#334155;font-weight:600}.status-pill-count{font-weight:800;color:#0f172a}@media (max-width: 1200px){.reports-kpi-grid{grid-template-columns:repeat(2,1fr)}.courier-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.reports-kpi-grid,.courier-grid{grid-template-columns:1fr}.filter-bar-flex{flex-direction:column;align-items:stretch}.reports-store-select{width:100%}.status-pill-grid{grid-template-columns:repeat(2,1fr)}}.settings-page{display:flex;flex-direction:column;gap:1.5rem}.settings-layout{display:grid;grid-template-columns:250px 1fr;gap:1.5rem}@media (max-width: 768px){.settings-layout{grid-template-columns:1fr}}.settings-nav-card{padding:1rem!important;height:fit-content}.settings-nav{display:flex;flex-direction:column;gap:.25rem}.nav-item{background:transparent;border:none;color:var(--text-secondary);text-align:left;padding:.75rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;transition:all var(--transition-fast)}.nav-item:hover{background:#ffffff0d;color:var(--text-primary)}.nav-item.active{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.settings-content-card{min-height:500px}.settings-form h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.form-desc{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.avatar-section{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.avatar-lg{width:80px;height:80px;border-radius:50%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:var(--text-secondary);border:2px dashed var(--border-color)}.form-actions{margin-top:2rem;display:flex;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid var(--border-color)}.cron-info-page{display:flex;flex-direction:column;gap:1.5rem}.cron-main-card{padding:1.5rem!important}.cron-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.card-icon{font-size:2rem;color:#6366f1}.cron-card-header h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 .25rem}.endpoint-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.endpoint-label{font-size:.85rem;font-weight:700;color:#475569;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.endpoint-input-wrap{display:flex;gap:.75rem}.endpoint-input{flex:1;background:#fff;border:1px solid #cbd5e1;color:#0f172a;padding:.65rem 1rem;border-radius:8px;font-family:monospace;font-size:.95rem;font-weight:600;outline:none}.command-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.command-box{display:flex;flex-direction:column;gap:.5rem}.command-title{font-size:.85rem;font-weight:600;color:#475569}.code-block{background:#0f172a;color:#38bdf8;padding:.85rem 1rem;border-radius:10px;display:flex;justify-content:space-between;align-items:center;font-family:monospace;font-size:.85rem;overflow-x:auto}.code-block code{white-space:nowrap}.code-copy-btn{background:#ffffff1a;border:none;color:#fff;padding:4px 8px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s;flex-shrink:0;margin-left:.5rem}.code-copy-btn:hover{background:#fff3}.code-block-mini{background:#1e293b;color:#38bdf8;padding:.5rem .75rem;border-radius:6px;display:inline-flex;align-items:center;justify-content:space-between;width:100%;margin-top:.35rem;font-family:monospace;font-size:.8rem}.code-block-mini code{word-break:break-all}.guides-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.guide-card{padding:1.5rem!important}.guide-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.guide-step{background:#e0e7ff;color:#4338ca;font-weight:700;font-size:.75rem;padding:.25rem .6rem;border-radius:6px;text-transform:uppercase}.guide-header h4{font-size:1.05rem;font-weight:700;color:#0f172a;margin:0}.guide-steps-list{padding-left:1.25rem;margin:0;display:flex;flex-direction:column;gap:.75rem;color:#334155;font-size:.9rem;line-height:1.5}.guide-steps-list li a{color:#6366f1;font-weight:600;text-decoration:underline}.cron-test-result-card{padding:1.25rem!important;border-left:4px solid #10b981}.cron-test-result-card.error{border-left-color:#ef4444}.test-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.test-status-badge{font-weight:700;font-size:.9rem}.test-latency{font-size:.8rem;color:#64748b}.test-result-body pre{background:#0f172a;color:#4ade80;padding:1rem;border-radius:8px;font-family:monospace;font-size:.825rem;max-height:200px;overflow-y:auto;margin:0}.webhooks-card{padding:1.5rem!important}.stores-webhook-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.store-webhook-row{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.85rem 1.25rem;gap:1rem;flex-wrap:wrap}.store-info{display:flex;flex-direction:column}.store-name{font-weight:700;color:#0f172a;font-size:.95rem}.store-platform{font-size:.775rem;color:#64748b}.webhook-url-box{display:flex;align-items:center;gap:.5rem;flex:1;max-width:500px}.webhook-input{flex:1;background:#fff;border:1px solid #cbd5e1;padding:.45rem .75rem;border-radius:6px;font-family:monospace;font-size:.825rem;color:#334155}.webhook-copy-btn{background:#fff;border:1px solid #cbd5e1;color:#475569;padding:.45rem .75rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;transition:all .2s}.webhook-copy-btn:hover{border-color:#6366f1;color:#6366f1}@media (max-width: 992px){.command-grid,.guides-grid{grid-template-columns:1fr}}@media (max-width: 768px){.endpoint-input-wrap{flex-direction:column}.store-webhook-row{flex-direction:column;align-items:flex-start}.webhook-url-box{width:100%;max-width:none}}.order-detail-page{display:flex;flex-direction:column;gap:1.5rem}.back-btn{background:transparent;border:none;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer;margin-bottom:.75rem;padding:0}.back-btn:hover{color:var(--text-primary)}.title-row{display:flex;align-items:center;gap:1rem}.title-row h1{font-size:1.75rem;font-weight:700;margin:0}.order-date{color:var(--text-tertiary);font-size:.875rem;margin-top:.25rem}.status-select{margin-bottom:0!important;width:150px}.order-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 1024px){.order-grid{grid-template-columns:1fr}}.items-card{padding:0!important;overflow:hidden}.items-card h3{padding:1.5rem;margin:0;border-bottom:1px solid var(--border-color)}.totals-card{display:flex;flex-direction:column;gap:.75rem;width:100%}.totals-row{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.95rem}.text-danger{color:var(--danger)}.grand-total{border-top:1px solid var(--border-color);padding-top:.75rem;margin-top:.25rem;color:var(--text-primary);font-size:1.125rem;font-weight:700}.notes-card h3{margin-bottom:1.5rem}.timeline{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.timeline-item{display:flex;gap:1rem;position:relative}.timeline-marker{width:12px;height:12px;border-radius:50%;background:var(--accent-primary);margin-top:4px;position:relative;z-index:2}.timeline-item:before{content:"";position:absolute;left:5px;top:16px;bottom:-1rem;width:2px;background:var(--border-color);z-index:1}.timeline-item:last-child:before{display:none}.note-text{color:var(--text-primary);margin-bottom:.25rem}.note-meta{color:var(--text-tertiary);font-size:.75rem}.add-note-form{display:flex;gap:1rem;align-items:center}.add-note-form .input-wrapper{margin-bottom:0;flex:1}.info-card h3{margin-bottom:1rem;font-size:1rem;color:var(--text-primary)}.info-main{font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.info-sub{color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem}.icon-btn-edit{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer}.icon-btn-edit:hover{color:var(--accent-primary)}.tracking-link{color:var(--accent-primary);font-size:.875rem;text-decoration:none;display:inline-block;margin-top:.5rem}.tracking-link:hover{text-decoration:underline}.store-info{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.store-info h3{margin-bottom:0}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.connect-store-page{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}.wizard-container{display:flex;flex-direction:column;gap:2rem}.wizard-progress{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.step-circle{width:40px;height:40px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;border:2px solid var(--border-color);transition:all var(--transition-normal);z-index:2}.step-circle.active{border-color:var(--accent-primary);color:#fff;box-shadow:var(--shadow-glow)}.step-circle.completed{background:var(--success);border-color:var(--success);color:#fff}.step-line{flex:1;height:2px;background:var(--border-color);margin:0 .5rem;transition:all var(--transition-normal)}.step-line.active{background:var(--accent-primary)}.wizard-card{min-height:400px;display:flex;flex-direction:column}.step-content{flex:1;display:flex;flex-direction:column}.step-content h2{margin-bottom:1.5rem;font-size:1.5rem;color:var(--text-primary)}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.platform-card{border:2px solid var(--border-color);background:var(--bg-secondary);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all var(--transition-fast)}.platform-card:hover:not(.disabled){border-color:var(--accent-secondary)}.platform-card.active{border-color:var(--accent-primary);background:#6366f11a}.platform-card.disabled{opacity:.5;cursor:not-allowed}.platform-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary)}.soon-badge{font-size:.6rem;background:var(--warning);color:#fff;padding:.1rem .3rem;border-radius:4px;vertical-align:super;margin-left:.25rem}.store-form{max-width:500px;width:100%;margin:0 auto 2rem}.wizard-actions{display:flex;justify-content:space-between;margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--border-color)}.step-desc{color:var(--text-secondary);margin-bottom:2rem}.test-box{padding:3rem 0;display:flex;justify-content:center}.customer-detail-page{display:flex;flex-direction:column;gap:1.5rem}.profile-header{display:flex;align-items:center;gap:1.5rem;margin-top:1rem}.profile-avatar{width:80px;height:80px;border-radius:20px;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;box-shadow:var(--shadow-glow)}.profile-header h1{font-size:2rem;font-weight:700;margin:0 0 .5rem;color:var(--text-primary)}.profile-contact{color:var(--text-secondary);font-size:1rem}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr}}.grid-left,.grid-right{display:flex;flex-direction:column;gap:1.5rem}.orders-card{padding:0!important;overflow:hidden}.orders-card h3{padding:1.5rem;margin:0;border-bottom:1px solid var(--border-color)}.order-link{color:var(--accent-primary);font-weight:600;cursor:pointer}.order-link:hover{text-decoration:underline}.address-card h3{margin-bottom:1rem;font-size:1.125rem}.addr-line{color:var(--text-secondary);margin-bottom:.25rem}.courier-settings-page{display:flex;flex-direction:column;gap:1.5rem}.courier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem}.courier-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.courier-title{display:flex;align-items:center;gap:.75rem}.courier-title h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.courier-logo{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff}.courier-logo.steadfast{background:#059669}.courier-logo.pathao{background:#dc2626}.status-indicator{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;padding:.25rem .6rem;border-radius:12px}.status-indicator.active{background:#dcfce7;color:#15803d}.status-indicator.inactive{background:#f1f5f9;color:#64748b}.courier-form{display:flex;flex-direction:column;gap:1.25rem}.toggle-label{display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:.9rem;color:var(--text-primary);cursor:pointer;margin-top:.5rem}.users-page{display:flex;flex-direction:column;gap:1.5rem}.user-profile-cell{display:flex;align-items:center;gap:.75rem}.avatar-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;background:#64748b;flex-shrink:0}.avatar-circle.owner{background:linear-gradient(135deg,#7c3aed,#6366f1)}.avatar-circle.manager{background:linear-gradient(135deg,#0284c7,#2563eb)}.avatar-circle.sales_agent{background:linear-gradient(135deg,#059669,#10b981)}.user-name-text{font-weight:700;color:#0f172a;display:block;font-size:.95rem}.user-email-sub{font-size:.8rem;color:#64748b;display:block}.user-phone-link{color:#0284c7;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.35rem;font-size:.875rem}.user-phone-link:hover{text-decoration:underline}.role-pill{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:20px;font-size:.8rem;font-weight:700}.role-pill.owner{background:#f3e8ff;color:#7e22ce;border:1px solid #d8b4fe}.role-pill.manager{background:#e0f2fe;color:#0369a1;border:1px solid #7dd3fc}.role-pill.sales-agent{background:#dcfce7;color:#15803d;border:1px solid #86efac}.status-pill{font-size:.8rem;font-weight:600;padding:.2rem .6rem;border-radius:12px}.status-pill.active{background:#f0fdf4;color:#16a34a}.status-pill.inactive{background:#f1f5f9;color:#64748b}.action-btn-icon{width:32px;height:32px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:all .15s ease}.action-btn-icon.edit{color:#0284c7}.action-btn-icon.edit:hover{background:#e0f2fe;border-color:#38bdf8}.action-btn-icon.delete{color:#ef4444}.action-btn-icon.delete:hover{background:#fee2e2;border-color:#fca5a5}.user-form{display:flex;flex-direction:column;gap:1rem}.form-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.toggle-label{font-weight:600;color:#0f172a;font-size:.9rem}.form-toggle-row input[type=checkbox]{width:20px;height:20px;cursor:pointer}.delete-modal-content p{margin-bottom:.5rem}.products-page{display:flex;flex-direction:column;gap:1.5rem}.products-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.products-page .page-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.products-page .page-header p{color:var(--text-secondary);font-size:.875rem;margin-top:.25rem}.products-page .filter-select{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;outline:none;cursor:pointer}.products-page .filter-select:focus{border-color:var(--color-primary)}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--accent-primary: #6366f1;--accent-secondary: #4f46e5;--accent-gradient: linear-gradient(135deg, #6366f1, #4f46e5);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--border-color: #e2e8f0;--border-color-hover: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--sidebar-width: 230px;--sidebar-collapsed: 64px;--topbar-height: 64px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 50% -20%,#fff,#f8fafc);background-attachment:fixed;min-height:100vh}a{text-decoration:none;color:inherit}ul{list-style:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-border{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.animate-fade-in{animation:fadeIn var(--transition-normal)}.animate-slide-up{animation:slideUp var(--transition-normal)}.animate-scale-in{animation:scaleIn var(--transition-fast)}.go3958317564{background:var(--bg-secondary)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}