@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-app:#f8fafc;--bg-surface:#fff;--bg-sidebar:#0f172a;--bg-sidebar-hover:#1e293b;--bg-sidebar-active:#1e293b;--bg-subtle:#f1f5f9;--bg-subtle-hover:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--brand-gold:#d97706;--brand-gold-hover:#b45309;--brand-gold-subtle:#fef3c7;--primary:#059669;--primary-hover:#047857;--primary-subtle:#ecfdf5;--primary-border:#a7f3d0;--border-color:#e2e8f0;--border-subtle:#f1f5f9;--border-focus:#059669;--success:#059669;--success-bg:#ecfdf5;--success-border:#a7f3d0;--warning:#d97706;--warning-bg:#fffbeb;--warning-border:#fde68a;--danger:#e11d48;--danger-bg:#fff1f2;--danger-border:#fecdd3;--info:#0284c7;--info-bg:#f0f9ff;--info-border:#bae6fd;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-md:0 4px 14px -1px #0f172a12, 0 2px 6px -1px #0f172a0a;--shadow-lg:0 12px 28px -4px #0f172a17, 0 4px 10px -2px #0f172a08;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition:.15s cubic-bezier(.16, 1, .3, 1);--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-app);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg-app);min-width:320px;color:var(--text-primary);font-family:var(--font-sans);margin:0}button,input,select,textarea{font-family:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}.app-container{background:var(--bg-app);min-height:100vh;display:flex}.main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.page-content{flex:1;width:100%;max-width:1540px;margin:0 auto;padding:24px 32px 48px}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:all .18s cubic-bezier(.16,1,.3,1)}.card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1}.btn{border-radius:var(--radius-sm);letter-spacing:-.01em;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 1px 2px #05966933}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 2px 6px #0596694d}.btn-secondary{color:var(--text-primary);border-color:var(--border-color);box-shadow:var(--shadow-xs);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:#cbd5e1}.btn-gold{color:#fff;background:var(--brand-gold);border-color:var(--brand-gold);box-shadow:0 1px 2px #d9770633}.btn-gold:hover:not(:disabled){background:var(--brand-gold-hover);border-color:var(--brand-gold-hover)}.input-field,.select-field{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);box-shadow:var(--shadow-xs);background:#fff;outline:none;padding:9px 12px;font-size:13px;transition:all .15s}.input-field:focus,.select-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0596691f}.input-field::placeholder{color:var(--text-muted)}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.page-heading h1{letter-spacing:-.025em;color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.25}.page-heading p{color:var(--text-secondary);margin-top:4px;font-size:13px}.section-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title h2{letter-spacing:-.015em;color:var(--text-primary);font-size:16px;font-weight:700}.section-title a{color:var(--primary);font-size:13px;font-weight:600;text-decoration:none}.section-title a:hover{text-decoration:underline}.tabular-nums,.price-tag,.stat-value,.order-id-badge{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.table-wrap{border-radius:var(--radius-md);border:1px solid var(--border-color);width:100%;max-width:100%;box-shadow:var(--shadow-xs);-webkit-overflow-scrolling:touch;background:#fff;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:900px}th{color:#475569;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);white-space:nowrap;background:#f8fafc;padding:12px 16px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--text-primary);padding:12px 16px;font-size:13px}tbody tr{transition:background-color .12s}tbody tr:hover{background-color:#f8fafc}tbody tr:last-child td{border-bottom:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.pulse-glow{animation:2s cubic-bezier(.4,0,.6,1) infinite pulseGlow}@media (width<=768px){.page-content{padding:16px 16px 36px}.page-heading{flex-direction:column;align-items:flex-start}.page-heading .btn{width:100%}}.wa-inbox-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:340px 1fr 310px;height:calc(100vh - 120px);min-height:680px;display:grid;overflow:hidden;box-shadow:0 10px 30px -5px #0f172a14,0 4px 6px -2px #0f172a08}.wa-contacts-sidebar{background:#fff;border-right:1px solid #e9edef;flex-direction:column;height:100%;display:flex;overflow:hidden}.wa-sidebar-header{background:#f8fafc;border-bottom:1px solid #eef2f6;padding:16px 18px 12px}.wa-sidebar-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.wa-sidebar-title{color:#0f172a;font-size:16px;font-weight:700;font-family:var(--font-sans);letter-spacing:-.02em;align-items:center;gap:8px;margin:0;display:flex}.wa-badge-count{color:#fff;letter-spacing:.02em;background:#25d366;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.wa-sidebar-actions{align-items:center;gap:6px;display:flex}.wa-icon-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.wa-icon-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.wa-search-wrap{align-items:center;display:flex;position:relative}.wa-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.wa-search-input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:999px;outline:none;width:100%;padding:9px 34px 9px 36px;font-size:13px;transition:all .2s}.wa-search-input:focus{background:#fff;border-color:#25d366;box-shadow:0 0 0 3px #25d36626}.wa-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:10px}.wa-search-clear:hover{color:#475569}.wa-filter-tabs{gap:6px;margin-top:10px;display:flex}.wa-filter-pill{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s}.wa-filter-pill:hover{color:#1e293b;background:#f1f5f9}.wa-filter-pill.active{color:#fff;background:#111827;border-color:#111827}.wa-contacts-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex:1;overflow-y:auto}.wa-contacts-scroll::-webkit-scrollbar{width:5px}.wa-contacts-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.wa-contact-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:12px 16px;transition:background .15s,border-color .15s;display:flex;position:relative}.wa-contact-item:hover{background:#f8fafc}.wa-contact-item.active{background:#f0fdf4}.wa-contact-item.active:before{content:"";background:#25d366;border-radius:0 4px 4px 0;width:4px;position:absolute;top:0;bottom:0;left:0}.wa-avatar-wrap{flex-shrink:0;position:relative}.wa-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 4px #0000000f}.wa-status-dot{background:#22c55e;border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:0;right:0}.wa-contact-info{flex:1;min-width:0}.wa-contact-line1{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.wa-contact-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.wa-contact-time{color:#94a3b8;white-space:nowrap;margin-left:6px;font-size:11px}.wa-contact-line2{justify-content:space-between;align-items:center;display:flex}.wa-contact-msg{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.wa-unread-pill{color:#fff;background:#25d366;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:10.5px;font-weight:700;display:flex}.wa-chat-area{background:#efeae2;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.wa-chat-area:before{content:"";opacity:.06;pointer-events:none;z-index:0;background-image:radial-gradient(#128c7e .75px,#0000 .75px),radial-gradient(#128c7e .75px,#efeae2 .75px);background-position:0 0,15px 15px;background-size:30px 30px;position:absolute;inset:0}.wa-chat-header{z-index:2;background:#f0f2f5;border-bottom:1px solid #e1e4ea;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:relative;box-shadow:0 1px 3px #00000008}.wa-chat-header-user{align-items:center;gap:12px;display:flex}.wa-chat-header-name{color:#111827;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.wa-header-pill{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.wa-chat-header-sub{color:#64748b;margin-top:1px;font-size:12px}.wa-chat-header-actions{align-items:center;gap:8px;display:flex}.wa-header-action-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.wa-header-action-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.wa-messages-container{z-index:1;scrollbar-width:thin;scrollbar-color:#0003 transparent;flex-direction:column;flex:1;gap:12px;padding:20px 24px;display:flex;position:relative;overflow-y:auto}.wa-messages-container::-webkit-scrollbar{width:6px}.wa-messages-container::-webkit-scrollbar-thumb{background:#0000002e;border-radius:3px}.wa-date-divider{justify-content:center;margin:8px 0;display:flex}.wa-date-chip{color:#54656f;text-transform:uppercase;letter-spacing:.04em;background:#ffffffeb;border-radius:8px;padding:4px 12px;font-size:11px;font-weight:600;box-shadow:0 1px 2px #0b141a14}.wa-quick-replies-bar{z-index:2;scrollbar-width:none;background:#f8fafc;border-top:1px solid #e2e8f0;align-items:center;gap:8px;padding:8px 16px;display:flex;position:relative;overflow-x:auto}.wa-quick-replies-bar::-webkit-scrollbar{display:none}.wa-quick-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.wa-quick-chip{color:#334155;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:500;transition:all .15s}.wa-quick-chip:hover{color:#fff;background:#25d366;border-color:#25d366}.wa-chat-input-bar{z-index:2;background:#f0f2f5;border-top:1px solid #e1e4ea;align-items:center;gap:10px;padding:10px 18px 12px;display:flex;position:relative}.wa-input-pill{color:#111827;background:#fff;border:1px solid #e2e8f0;border-radius:24px;outline:none;flex:1;padding:9px 16px;font-size:13.5px;transition:border-color .2s,box-shadow .2s}.wa-input-pill:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d36626}.wa-send-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .15s,background .15s;display:flex;box-shadow:0 2px 6px #25d36659}.wa-send-btn:hover:not(:disabled){background:#1eb954;transform:scale(1.04)}.wa-send-btn:disabled{box-shadow:none;cursor:not-allowed;background:#cbd5e1}.wa-empty-chat{text-align:center;color:#64748b;z-index:1;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px 20px;display:flex;position:relative}.wa-empty-icon-wrap{color:#16a34a;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;display:flex;box-shadow:0 4px 12px #16a34a26}.wa-empty-title{color:#1e293b;margin-bottom:6px;font-size:18px;font-weight:700}.wa-empty-desc{max-width:320px;font-size:13.5px;line-height:1.5}.wa-crm-sidebar{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;background:#fff;border-left:1px solid #e9edef;flex-direction:column;height:100%;display:flex;overflow-y:auto}.wa-crm-hero{text-align:center;background:linear-gradient(#f8fafc 0%,#fff 100%);border-bottom:1px solid #f1f5f9;padding:24px 20px 18px}.wa-crm-avatar-big{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;font-size:22px;font-weight:700;display:flex;box-shadow:0 4px 10px #0000001a}.wa-crm-name{color:#0f172a;margin:0 0 4px;font-size:16px;font-weight:700}.wa-crm-phone{color:#64748b;justify-content:center;align-items:center;gap:5px;margin:0 0 12px;font-size:13px;display:flex}.wa-crm-actions-row{justify-content:center;gap:8px;display:flex}.wa-crm-action-pill{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.wa-crm-action-pill:hover{color:#fff;background:#25d366;border-color:#25d366}.wa-crm-section{border-bottom:1px solid #f1f5f9;padding:16px 18px}.wa-crm-section-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.wa-crm-stat-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.wa-crm-stat-card{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.wa-crm-stat-value{color:#0f172a;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700}.wa-crm-stat-label{color:#64748b;margin-top:2px;font-size:11px}.wa-crm-detail-row{color:#475569;justify-content:space-between;align-items:center;padding:6px 0;font-size:12.5px;display:flex}.wa-crm-detail-row strong{color:#0f172a;font-weight:600}.wa-webhook-card{color:#cbd5e1;background:#0f172a;border-radius:10px;padding:12px}.wa-webhook-header{color:#38bdf8;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.wa-webhook-code{color:#4ade80;word-break:break-all;background:#1e293b;border-radius:6px;padding:6px 8px;font-family:monospace;font-size:11px}@media (width<=1180px){.wa-inbox-container{grid-template-columns:300px 1fr}.wa-crm-sidebar{display:none}}@media (width<=768px){.wa-inbox-container{grid-template-columns:1fr;height:calc(100vh - 80px)}.wa-contacts-sidebar.hidden-mobile{display:none}}.login-page{min-height:100vh;font-family:var(--font-sans);color:#f8fafc;background:#0f172a;grid-template-columns:1.15fr 1fr;display:grid}.login-hero{background:radial-gradient(circle at 20% 30%,#1e293b 0%,#0f172a 100%);border-right:1px solid #ffffff14;flex-direction:column;justify-content:space-between;padding:3.5rem 4rem;display:flex;position:relative;overflow:hidden}.login-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#16a34a26 0%,#0000 70%);border-radius:50%;width:550px;height:550px;position:absolute;top:-15%;left:-15%}.login-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#d977061f 0%,#0000 70%);border-radius:50%;width:450px;height:450px;position:absolute;bottom:-10%;right:-10%}.login-brand{z-index:10;align-items:center;gap:14px;display:flex}.login-brand-icon{background:linear-gradient(135deg,#16a34a,#15803d);border-radius:14px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 10px 20px -5px #16a34a66}.login-brand-title{font-family:var(--font-sans);letter-spacing:-.025em;color:#fff;font-size:20px;font-weight:700}.login-brand-sub{color:#94a3b8;font-size:12px;font-weight:500}.login-hero-content{z-index:10;margin:3rem 0}.login-hero-pill{color:#4ade80;background:#16a34a1f;border:1px solid #22c55e4d;border-radius:999px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.login-hero-pill .pulse-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #22c55e40}.login-hero-title{letter-spacing:-.03em;color:#fff;margin-bottom:1.25rem;font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2}.login-hero-title span{background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.login-hero-desc{color:#94a3b8;max-width:480px;margin-bottom:2rem;font-size:1rem;line-height:1.6}.login-feature-list{gap:12px;max-width:460px;display:grid}.login-feature-item{color:#e2e8f0;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:13.5px;display:flex}.login-feature-item svg{color:#22c55e;flex-shrink:0}.login-hero-footer{z-index:10;color:#64748b;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding-top:1.5rem;font-size:12px;display:flex}.login-form-pane{color:#0f172a;background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 4rem;display:flex}.login-card{width:100%;max-width:420px}.login-card-header{margin-bottom:2rem}.login-card-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:.5rem;font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700}.login-card-sub{color:#64748b;font-size:.875rem}.demo-role-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:12px 14px}.demo-role-header{text-transform:uppercase;letter-spacing:.05em;color:#64748b;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.demo-role-buttons{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.demo-role-btn{color:#334155;text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:7px 6px;font-size:11.5px;font-weight:600;transition:all .15s}.demo-role-btn:hover,.demo-role-btn.active{color:#15803d;background:#ecfdf3;border-color:#16a34a}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{color:#334155;font-size:12.5px;font-weight:600}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon svg.left-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.input-with-icon input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;padding:11px 40px 11px 38px;font-size:13.5px;transition:border-color .18s,box-shadow .18s}.input-with-icon input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f}.password-toggle-btn{color:#94a3b8;background:0 0;border:none;place-items:center;padding:2px;display:grid;position:absolute;right:12px}.password-toggle-btn:hover{color:#475569}.form-row-between{justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.remember-me{color:#475569;cursor:pointer;align-items:center;gap:7px;display:flex}.forgot-link{color:#16a34a;font-weight:600;text-decoration:none}.forgot-link:hover{text-decoration:underline}.login-submit-btn{color:#fff;background:#16a34a;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:background .18s,transform .1s;display:flex;box-shadow:0 4px 12px #16a34a40}.login-submit-btn:hover:not(:disabled){background:#15803d;transform:translateY(-1px)}.login-error-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}@media (width<=990px){.login-page{grid-template-columns:1fr}.login-hero{display:none}.login-form-pane{min-height:100vh;padding:2.5rem 1.5rem}}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{padding:18px}.stat-card-header,.stat-footer{justify-content:space-between;align-items:center;display:flex}.stat-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:600}.stat-icon-wrapper{border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.stat-value{font:700 24px var(--font-sans);letter-spacing:-.025em;font-feature-settings:"tnum" 1;margin:14px 0 10px}.stat-footer{justify-content:flex-start;gap:8px;font-size:12px}.trend-badge{border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex}.trend-badge.positive{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.trend-badge.negative{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3}.trend-label{color:var(--text-muted);font-size:11px}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:20px;width:100%;min-width:0;display:grid}.dashboard-stack{flex-direction:column;gap:20px;width:100%;min-width:0;display:flex}.panel{min-width:0;padding:20px;overflow:hidden}.quick-actions{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.quick-action{border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-xs);background:#fff;border-radius:9px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .14s;display:flex}.quick-action:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.mini-avatar{color:#fff;background:#64748b;border-radius:7px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:grid}.order-customer{align-items:center;gap:10px;min-width:0;display:flex}.order-customer .customer-name-text{text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-weight:600;overflow:hidden}.conversation-row{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.conversation-time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:11px}.subtext{color:var(--text-muted);white-space:nowrap;margin-top:2px;font-size:12px;display:block}.status-overview{gap:16px;display:grid}.status-line{justify-content:space-between;margin-bottom:7px;font-size:13px;display:flex}.progress-track{background:var(--bg-subtle);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-fill{border-radius:inherit;height:100%}.agent-card{background:var(--primary-subtle);border:1px solid #a7f3d0;border-radius:9px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.agent-card-copy{align-items:center;gap:10px;font-size:13px;display:flex}.agent-pulse{background:var(--success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #05966933}.pill{border-radius:var(--radius-full);align-items:center;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge{border-radius:var(--radius-full);text-transform:capitalize;white-space:nowrap;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.2;display:inline-flex}.pill-success{color:#065f46;background:var(--success-bg)}.pill-warning{color:#92400e;background:var(--warning-bg)}.pill-info{color:#0369a1;background:var(--info-bg)}.pill-neutral{color:var(--text-secondary);background:var(--bg-subtle)}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.toolbar-controls{gap:10px;width:min(100%,520px);display:flex}.toolbar-controls>*{flex:1}.products-search{position:relative}.products-search svg{color:var(--text-muted);position:absolute;top:11px;left:11px}.products-search input{padding-left:34px}.products-heading-meta{align-items:center;gap:12px;display:flex}.product-count{border-right:1px solid var(--border-color);align-items:baseline;gap:5px;padding-right:12px;display:flex}.product-count strong{font:700 18px var(--font-sans)}.product-count span{color:var(--text-secondary);font-size:12px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.product-card{flex-direction:column;display:flex;overflow:hidden}.product-image-box{background:var(--bg-subtle);height:165px;position:relative}.product-img{object-fit:cover;width:100%;height:100%}.stock-badge{border-radius:var(--radius-full);padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.stock-badge.in{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.stock-badge.out{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3}.info-btn{width:28px;height:28px;color:var(--text-secondary);background:#ffffffe6;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.product-details{flex-direction:column;flex:1;padding:15px;display:flex}.product-category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.product-title{margin:6px 0 15px;font-size:14px;font-weight:600;line-height:1.35}.product-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.product-price{font-weight:700;font-family:var(--font-mono)}.quantity-controls,.qty-picker{align-items:center;gap:9px;display:flex}.qty-btn,.q-btn{border:1px solid var(--border-color);width:27px;height:27px;color:var(--text-secondary);background:#fff;border-radius:6px;place-items:center;display:grid}.qty-count,.q-val{font-size:13px;font-weight:700}.btn-sm{padding:6px 10px;font-size:12px}.inbox-layout{grid-template-columns:260px minmax(300px,1fr) 260px;min-height:640px;display:grid;overflow:hidden}.inbox-column{border-right:1px solid var(--border-color);background:#fff}.inbox-column:last-child{border-right:0;border-left:1px solid var(--border-color)}.inbox-heading{border-bottom:1px solid var(--border-color);padding:17px}.inbox-heading h2{font:600 16px var(--font-sans)}.conversation-list{max-height:580px;overflow:auto}.conversation-row{border-bottom:1px solid var(--border-subtle);cursor:pointer;padding:14px 16px}.conversation-row.active{background:var(--primary-subtle);border-left:3px solid var(--primary);padding-left:13px}.conversation-copy{flex:1;min-width:0}.conversation-name{font-size:13px;font-weight:700}.conversation-preview{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);margin-top:3px;font-size:12px;overflow:hidden}.online-dot{background:var(--success);border-radius:50%;width:7px;height:7px;margin-left:auto}.chat-column{background:#f8fafb;flex-direction:column;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.chat-messages{flex:1;padding:20px;overflow:auto}.chat-input{border-top:1px solid var(--border-color);background:#fff;gap:8px;padding:14px;display:flex}.chat-input .input-field{flex:1}.message-row{align-items:flex-end;gap:7px;margin-bottom:13px;display:flex}.message-row.outgoing{justify-content:flex-end}.message-bubble{border-radius:12px;max-width:76%;padding:10px 12px;font-size:13px;line-height:1.45}.incoming .message-bubble{border:1px solid var(--border-color);background:#fff;border-bottom-left-radius:3px}.outgoing .message-bubble{background:#dcfce7;border:1px solid #a7f3d0;border-bottom-right-radius:3px}.avatar-chat{border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;display:grid}.customer-avatar{color:var(--text-secondary);background:#e2e8f0}.agent-avatar{background:var(--primary);color:#fff}.ai-tag{color:#065f46;margin-bottom:4px;font-size:10px;font-weight:700}.message-meta{color:var(--text-muted);justify-content:flex-end;margin-top:5px;font-size:10px;display:flex}.ordering-card,.chat-cart-card{width:min(92%,470px);box-shadow:var(--shadow-sm);background:#fff;border:1px solid #dce7df;border-radius:14px;margin:4px 0 16px auto;overflow:hidden}.ordering-card-header{border-bottom:1px solid var(--border-subtle);color:var(--primary);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.ordering-card-header strong{color:var(--text-primary);margin-top:5px;font-size:13px;display:block}.choice-grid{grid-template-columns:1fr 1fr;gap:8px;padding:13px;display:grid}.choice-button{border:1px solid var(--border-color);color:var(--text-primary);text-align:left;background:#fff;border-radius:9px;align-items:center;gap:7px;padding:10px 8px;font-size:12px;font-weight:600;display:flex}.choice-button:hover{border-color:var(--primary);background:var(--primary-subtle)}.choice-button span{font-size:18px}.choice-button.previous{color:var(--primary);grid-column:1/-1}.product-choice-list{gap:8px;padding:10px 13px;display:grid}.product-choice{border:1px solid var(--border-subtle);border-radius:9px;align-items:center;gap:9px;padding:7px;display:flex}.product-choice img{object-fit:cover;border-radius:7px;width:45px;height:45px}.product-choice>div{flex:1;min-width:0}.product-choice strong,.product-choice span{display:block}.product-choice strong{font-size:12px}.product-choice span{color:var(--text-secondary);margin-top:3px;font-size:11px}.link-button{color:var(--primary);background:0 0;border:0;align-items:center;gap:3px;padding:0 15px 13px;font-size:12px;font-weight:600;display:flex}.chat-cart-card{margin-top:0}.cart-total{color:var(--primary);font-size:14px;font-weight:700}.chat-cart-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:10px;padding:10px 15px;display:flex}.chat-cart-row strong,.chat-cart-row span{font-size:12px;display:block}.chat-cart-row span{color:var(--text-secondary);margin-top:3px;font-size:11px}.inline-quantity{align-items:center;gap:7px;display:flex}.inline-quantity button{border:1px solid var(--border-color);width:24px;height:24px;color:var(--text-secondary);background:#fff;border-radius:5px;place-items:center;display:grid}.inline-quantity .remove-cart{color:var(--danger);border:0;margin-left:3px}.cart-breakdown{color:var(--text-secondary);gap:5px;padding:10px 15px;font-size:11px;display:grid}.cart-breakdown span{justify-content:space-between;display:flex}.cart-breakdown b{color:var(--text-primary)}.checkout-action{width:calc(100% - 30px);margin:0 15px 14px}.journey-step{color:var(--text-muted);align-items:center;gap:8px;margin:12px 0;font-size:12px;display:flex}.journey-step svg{background:var(--bg-subtle);color:#0000;border-radius:50%;width:18px;height:18px;padding:2px}.journey-step.done{color:var(--text-primary)}.journey-step.done svg,.journey-step.current svg{background:var(--primary-subtle);color:var(--primary)}.checkout-modal{width:min(620px,100vw - 32px);max-height:calc(100vh - 40px);overflow:auto}.checkout-fields{grid-template-columns:1fr 1fr;gap:13px;padding:4px 0 16px;display:grid}.checkout-fields label{color:var(--text-secondary);gap:6px;font-size:12px;font-weight:600;display:grid}.checkout-fields .full-field{grid-column:1/-1}.checkout-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.checkout-footer strong{font-size:17px}.checkout-error{background:var(--danger-bg);color:var(--danger);border-radius:7px;margin-bottom:14px;padding:9px 11px;font-size:12px}@media (width<=1100px){.inbox-layout{grid-template-columns:230px minmax(300px,1fr)}.inbox-layout>aside:last-child{display:none}}@media (width<=680px){.inbox-layout{grid-template-columns:1fr}.inbox-layout>aside:first-child{display:none}.checkout-fields{grid-template-columns:1fr}.checkout-fields .full-field{grid-column:auto}.ordering-card,.chat-cart-card{width:100%}}.detail-section{border-bottom:1px solid var(--border-color);padding:18px}.detail-section h3{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:13px;font-size:12px;font-weight:700}.detail-row{justify-content:space-between;gap:12px;margin-bottom:9px;font-size:12px;display:flex}.detail-row strong{text-align:right}.cart-summary-small{border-top:1px solid var(--border-color);justify-content:space-between;margin-top:12px;padding-top:10px;font-size:13px;font-weight:700;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius-md);width:min(520px,100%);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);background:#fff;padding:22px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.icon-button{color:var(--text-secondary);background:0 0;border:0;border-radius:6px;place-items:center;padding:5px;display:grid}.icon-button:hover{background:var(--bg-subtle);color:var(--text-primary)}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-stack{gap:15px;display:grid}.form-label{color:var(--text-secondary);gap:7px;font-size:13px;font-weight:600;display:grid}.orders-total{color:var(--primary);background:var(--primary-subtle);border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.orders-total strong{font:700 17px var(--font-mono);color:var(--text-primary)}.orders-total span{color:var(--text-secondary);font-size:12px}.order-status-tabs{border:1px solid var(--border-color);background:#f1f5f9;border-radius:10px;align-items:center;gap:4px;margin-bottom:20px;padding:4px;display:flex;overflow-x:auto}.order-status-tab{white-space:nowrap;color:var(--text-secondary);background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;transition:all .13s;display:flex}.order-status-tab:hover{color:var(--text-primary);background:#ffffffb3}.order-status-tab.active{color:var(--text-primary);background:#fff;font-weight:700;box-shadow:0 1px 3px #0f172a14}.order-status-tab strong{background:#0f172a14;border-radius:4px;padding:1px 5px;font-size:11px}.order-status-tab.active strong{color:#fff;background:#0f172a}.orders-panel{padding-bottom:0}.orders-search{width:min(420px,100%);position:relative}.orders-search svg{color:var(--text-muted);position:absolute;top:11px;left:11px}.orders-search input{padding-left:34px}.date-filter{position:relative}.date-filter-trigger{border:1px solid var(--border-color);border-radius:var(--radius-sm);min-height:38px;color:var(--text-secondary);transition:var(--transition);box-shadow:var(--shadow-xs);background:#fff;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;display:inline-flex}.date-filter-trigger:hover,.date-filter-trigger.active{border-color:var(--primary);color:var(--primary);background:var(--primary-subtle)}.date-filter-popover{z-index:20;border:1px solid var(--border-color);border-radius:var(--radius-md);width:min(620px,100vw - 48px);box-shadow:var(--shadow-lg);background:#fff;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}.date-filter-header,.date-filter-actions{justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.date-filter-header{border-bottom:1px solid var(--border-color)}.date-filter-header strong,.date-filter-header span{display:block}.date-filter-header strong{font-size:14px;font-weight:700}.date-filter-header span{color:var(--text-muted);margin-top:2px;font-size:12px}.date-filter-body{grid-template-columns:190px 1fr;gap:20px;padding:18px;display:grid}.date-filter-label{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:700;display:block}.date-presets{align-content:start;gap:3px;display:grid}.date-preset{color:var(--text-secondary);text-align:left;transition:var(--transition);background:0 0;border:0;border-radius:6px;padding:7px 10px;font-size:12.5px}.date-preset:hover{background:var(--bg-subtle);color:var(--text-primary)}.date-preset.active{background:var(--primary-subtle);color:var(--primary);font-weight:700}.custom-range{border-left:1px solid var(--border-color);padding-left:20px}.date-inputs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.date-inputs label{color:var(--text-secondary);gap:6px;font-size:12px;font-weight:600;display:grid}.date-inputs .input-field{color:var(--text-primary)}.date-filter-error{color:var(--danger);margin-top:10px;font-size:12px}.orders-result-count{color:var(--text-muted);white-space:nowrap;font-size:12px}.order-products{white-space:normal;min-width:220px;max-width:340px;color:var(--text-secondary);font-size:12.5px;line-height:1.4}.pagination{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:12px;display:flex}.pagination-controls{align-items:center;gap:8px;display:flex}.pagination-button{border:1px solid var(--border-color);color:var(--text-secondary);box-shadow:var(--shadow-xs);background:#fff;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;display:inline-flex}.pagination-button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination-button.page-number{justify-content:center;min-width:28px;padding:6px 8px}.pagination-button.page-number.active{color:#fff;background:var(--text-primary);border-color:var(--text-primary);font-weight:700}.pagination-page{color:var(--text-primary);font-weight:600}.page-size-select{color:var(--text-secondary);align-items:center;gap:6px;display:inline-flex}.page-size-select .select-field{width:auto;padding:6px 26px 6px 8px;font-size:12px}@media (width<=1200px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inbox-layout{grid-template-columns:230px minmax(280px,1fr)}.inbox-column:last-child{display:none}}@media (width<=900px){.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.stat-grid,.product-grid{grid-template-columns:1fr}.products-heading-meta{justify-content:space-between;width:100%}.toolbar,.toolbar-controls{flex-direction:column;align-items:stretch;width:100%}.products-search,.date-filter-trigger{width:100%}.date-filter-trigger{justify-content:center}.orders-result-count{display:none}.pagination{flex-direction:column;align-items:flex-start}.pagination-controls{flex-wrap:wrap}.date-filter-popover{width:auto;max-height:calc(100vh - 96px);position:fixed;top:76px;left:16px;right:16px;overflow:auto}.date-filter-body{grid-template-columns:1fr;gap:18px}.custom-range{border-left:0;border-top:1px solid var(--border-color);padding:18px 0 0}.order-status-tabs{border-left:0;border-right:0;border-radius:0;margin-right:-16px}.inbox-layout{grid-template-columns:1fr}.inbox-column:first-child{display:none}.chat-header{padding:13px}.chat-messages{padding:14px}}