:root{--ws-primary-50: #ecfdf5;--ws-primary-100: #d1fae5;--ws-primary-200: #a7f3d0;--ws-primary-500: #0A7A4F;--ws-primary-600: #065a3a;--ws-primary-700: #044a2e;--ws-accent: #25D366;--ws-accent-light: #4ade80;--ws-bg-light: #F7F7F4;--ws-bg-dark: #0B0B0F;--ws-surface: #ffffff;--ws-surface-raised: #ffffff;--ws-success-50: #f0fdf4;--ws-success-500: #22c55e;--ws-success-600: #16a34a;--ws-success-700: #15803d;--ws-warning-50: #fffbeb;--ws-warning-500: #f59e0b;--ws-warning-600: #d97706;--ws-warning-700: #b45309;--ws-error-50: #fef2f2;--ws-error-500: #ef4444;--ws-error-600: #dc2626;--ws-gray-50: #F7F7F4;--ws-gray-100: #f0f0ec;--ws-gray-200: #e5e5e0;--ws-gray-300: #d1d1cc;--ws-gray-400: #9ca3af;--ws-gray-500: #6b7280;--ws-gray-600: #4b5563;--ws-gray-700: #374151;--ws-gray-900: #0B0B0F;--ws-shadow: 0 1px 3px rgba(0,0,0,.08);--ws-shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1);--ws-radius: .5rem;--ws-radius-lg: .75rem;--ws-radius-xl: 1rem;--primary-50: var(--ws-primary-50);--primary-100: var(--ws-primary-100);--primary-500: var(--ws-primary-500);--primary-600: var(--ws-primary-600);--success-50: var(--ws-success-50);--success-500: var(--ws-success-500);--success-600: var(--ws-success-600);--warning-50: var(--ws-warning-50);--warning-500: var(--ws-warning-500);--error-50: var(--ws-error-50);--error-500: var(--ws-error-500);--gray-50: var(--ws-gray-50);--gray-100: var(--ws-gray-100);--gray-200: var(--ws-gray-200);--gray-300: var(--ws-gray-300);--gray-400: var(--ws-gray-400);--gray-500: var(--ws-gray-500);--gray-600: var(--ws-gray-600);--gray-700: var(--ws-gray-700);--gray-900: var(--ws-gray-900);--shadow: var(--ws-shadow);--shadow-lg: var(--ws-shadow-lg);--radius: var(--ws-radius);--radius-xl: var(--ws-radius-xl);--accent: var(--ws-accent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--ws-bg-light);color:var(--ws-gray-900);line-height:1.5;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}.sidebar{width:280px;background:#fffffff2;backdrop-filter:blur(10px);border-right:1px solid var(--ws-gray-200);position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform .3s;z-index:100;display:flex;flex-direction:column}.sidebar.open{transform:translate(0)}@media(min-width:1024px){.sidebar{position:relative;transform:none}}.sidebar-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--ws-gray-200);display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--ws-primary-500),var(--ws-accent));border-radius:var(--ws-radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}.logo span{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--ws-primary-500),var(--ws-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.sidebar-nav{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--ws-radius-lg);border:none;background:transparent;color:var(--ws-gray-600);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s}.nav-item:hover{background:var(--ws-gray-100);color:var(--ws-gray-900)}.nav-item.active{background:var(--ws-primary-50);color:var(--ws-primary-700);box-shadow:0 1px 2px #0000000d}.nav-badge{margin-left:auto;background:var(--ws-primary-500);color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:999px}.nav-divider{height:1px;background:var(--ws-gray-200);margin:.5rem 1rem}.sidebar-footer{padding:1rem;border-top:1px solid var(--ws-gray-200)}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--ws-primary-500),var(--ws-accent));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.main{flex:1;display:flex;flex-direction:column;min-width:0}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#fffc;backdrop-filter:blur(10px);border-bottom:1px solid var(--ws-gray-200);position:sticky;top:0;z-index:50}.top-bar-left{display:flex;align-items:center;gap:1rem}.menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:var(--ws-radius);cursor:pointer;color:var(--ws-gray-500)}@media(min-width:1024px){.menu-btn{display:none}}.page-title h1{font-size:1.5rem;font-weight:700;margin:0}.page-subtitle{font-size:.875rem;color:var(--ws-gray-500);margin-top:2px}.top-bar-right{display:flex;align-items:center;gap:.75rem}.live-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--ws-gray-100);border-radius:999px;font-size:.875rem;font-weight:500;color:var(--ws-gray-500)}.live-indicator.live{background:var(--ws-success-50);color:var(--ws-success-600)}.pulse{width:8px;height:8px;border-radius:50%;background:var(--ws-gray-400)}.live .pulse{background:var(--ws-accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.content{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.25rem}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stats-grid-3{grid-template-columns:repeat(1,1fr)}@media(min-width:640px){.stats-grid-3{grid-template-columns:repeat(3,1fr)}}.stats-grid-4{grid-template-columns:repeat(1,1fr)}@media(min-width:640px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.stats-grid-4{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--ws-surface);border-radius:var(--ws-radius-xl);padding:1.5rem;box-shadow:var(--ws-shadow);border:1px solid var(--ws-gray-200);transition:all .2s;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--ws-primary-500),var(--ws-accent))}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--ws-shadow-lg)}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.stat-icon{width:48px;height:48px;border-radius:var(--ws-radius-lg);display:flex;align-items:center;justify-content:center;background:var(--ws-primary-50);color:var(--ws-primary-600)}.stat-trend{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;background:var(--ws-gray-100);color:var(--ws-gray-600)}.stat-trend.up{background:var(--ws-success-50);color:var(--ws-success-700)}.stat-value{font-size:2rem;font-weight:800;color:var(--ws-gray-900);line-height:1;margin-bottom:.5rem}.stat-title{font-size:.875rem;font-weight:500;color:var(--ws-gray-500)}.stat-subtitle{font-size:.75rem;color:var(--ws-gray-400)}.dashboard-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media(min-width:1024px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}.card{background:var(--ws-surface);border-radius:var(--ws-radius-xl);box-shadow:var(--ws-shadow);border:1px solid var(--ws-gray-200);overflow:hidden;transition:all .2s}.card:hover{box-shadow:0 4px 6px -1px #0000001a}.card-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--ws-gray-100)}.card-title-row{display:flex;align-items:center;gap:.75rem}.card-icon-wrapper{width:40px;height:40px;border-radius:var(--ws-radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}.card-icon-wrapper.primary{background:linear-gradient(135deg,var(--ws-primary-500),var(--ws-primary-600))}.card-icon-wrapper.success{background:linear-gradient(135deg,var(--ws-success-500),var(--ws-success-600))}.card-icon-wrapper.emerald{background:linear-gradient(135deg,var(--ws-primary-500),var(--ws-accent))}.card h3{font-size:1.125rem;font-weight:700;color:var(--ws-gray-900);margin:0}.card-subtitle{font-size:.875rem;color:var(--ws-gray-500);margin-top:2px}.card-actions{display:flex;align-items:center;gap:.5rem}.platform-bot-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.platform-bot-content{flex-direction:row;align-items:flex-start}}.bot-status-section{flex:1;display:flex;flex-direction:column;gap:1rem}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:999px;font-size:.875rem;font-weight:600;background:var(--ws-gray-100);color:var(--ws-gray-600);width:fit-content}.status-badge.large{padding:.75rem 1rem;font-size:1rem}.status-badge.connected{background:var(--ws-success-50);color:var(--ws-success-700)}.status-badge.pending{background:var(--ws-warning-50);color:var(--ws-warning-700)}.bot-phone{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--ws-gray-600);font-weight:500}.bot-actions{display:flex;gap:.75rem}.qr-section{background:var(--ws-gray-50);border-radius:var(--ws-radius-xl);padding:1.5rem;text-align:center;min-width:220px}.qr-instructions{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;color:var(--ws-gray-600);margin-bottom:1rem}.qr-image{max-width:180px;border-radius:var(--ws-radius-lg);box-shadow:var(--ws-shadow-lg)}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem}.action-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem;border:2px solid var(--ws-gray-100);border-radius:var(--ws-radius-xl);background:var(--ws-surface);cursor:pointer;transition:all .2s}.action-btn:hover{border-color:var(--ws-primary-200);transform:translateY(-2px);box-shadow:var(--ws-shadow)}.action-icon{width:48px;height:48px;border-radius:var(--ws-radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}.action-icon.broadcast{background:linear-gradient(135deg,var(--ws-primary-500),var(--ws-primary-600))}.action-icon.merchants{background:linear-gradient(135deg,var(--ws-primary-500),var(--ws-accent))}.action-icon.refresh{background:linear-gradient(135deg,var(--ws-success-500),var(--ws-success-600))}.action-icon.settings{background:linear-gradient(135deg,var(--ws-gray-500),var(--ws-gray-600))}.action-btn span{font-weight:600;color:var(--ws-gray-700)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:var(--ws-radius);border:1px solid transparent;cursor:pointer;transition:all .15s;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--ws-primary-500),var(--ws-primary-600));color:#fff;border:none;box-shadow:0 1px 2px #0000000d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--ws-primary-600),var(--ws-primary-700));transform:translateY(-1px)}.btn-secondary{background:var(--ws-surface);color:var(--ws-gray-700);border-color:var(--ws-gray-300)}.btn-secondary:hover:not(:disabled){background:var(--ws-gray-50);border-color:var(--ws-gray-400)}.btn-danger{background:var(--ws-error-50);color:var(--ws-error-600);border-color:#fecaca}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn-sm{padding:.25rem .75rem;font-size:.8125rem}.btn-text{background:transparent;border:none;color:var(--ws-primary-500);padding:.25rem .5rem;font-weight:600}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:var(--ws-radius);cursor:pointer;color:var(--ws-gray-500)}.btn-icon:hover{background:var(--ws-gray-100);color:var(--ws-gray-700)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;border-radius:.375rem}.badge.success{background:var(--ws-success-50);color:var(--ws-success-700)}.badge.warning{background:var(--ws-warning-50);color:var(--ws-warning-700)}.badge.info{background:var(--ws-primary-50);color:var(--ws-primary-700)}.badge.neutral{background:var(--ws-gray-100);color:var(--ws-gray-600)}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{text-align:left;padding:1rem 1.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ws-gray-500);background:var(--ws-gray-50);border-bottom:1px solid var(--ws-gray-200)}.data-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--ws-gray-100);vertical-align:middle}.data-table tr:hover td{background:var(--ws-primary-50)}.business-cell{display:flex;align-items:center;gap:.75rem}.business-avatar{width:40px;height:40px;border-radius:var(--ws-radius-lg);background:linear-gradient(135deg,var(--ws-primary-500),var(--ws-accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.business-name{font-weight:600;color:var(--ws-gray-900);margin:0 0 2px}.status-cell{display:flex;align-items:center;gap:.5rem}.status-icon.connected{color:var(--ws-success-500)}.status-icon.pending{color:var(--ws-warning-500)}.status-icon.disconnected{color:var(--ws-error-500)}.search-box{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--ws-gray-300);border-radius:var(--ws-radius);background:var(--ws-surface);min-width:200px}.search-box input{border:none;background:transparent;font-size:.875rem;outline:none;flex:1}.filter-select{padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--ws-gray-300);border-radius:var(--ws-radius);background:var(--ws-surface);cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.modal{background:var(--ws-surface);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:500px;max-height:90vh;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--ws-gray-200)}.modal-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:700;margin:0}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--ws-gray-200);background:var(--ws-gray-50)}.modal-lg{max-width:640px}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--ws-gray-700)}.form-group textarea{padding:.75rem;font-size:.9375rem;border:1px solid var(--ws-gray-300);border-radius:var(--ws-radius);resize:vertical;min-height:100px;font-family:inherit}.form-group textarea:focus{outline:none;border-color:var(--ws-primary-500);box-shadow:0 0 0 3px var(--ws-primary-100)}.form-input{padding:.75rem;font-size:.9375rem;border:1px solid var(--ws-gray-300);border-radius:var(--ws-radius);background:var(--ws-surface);font-family:inherit;width:100%}.form-input:focus{outline:none;border-color:var(--ws-primary-500);box-shadow:0 0 0 3px var(--ws-primary-100)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.form-hint{font-size:.75rem;color:var(--ws-gray-400);margin-top:.25rem}.char-count{font-size:.75rem;color:var(--ws-gray-500);text-align:right}.radio-group{display:flex;flex-direction:column;gap:.5rem}.radio{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:2px solid var(--ws-gray-200);border-radius:var(--ws-radius-lg);cursor:pointer;transition:all .15s}.radio:hover{border-color:var(--ws-primary-200);background:var(--ws-primary-50)}.radio input{width:18px;height:18px;accent-color:var(--ws-primary-600)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:300;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--ws-surface);border-radius:var(--ws-radius-lg);box-shadow:0 20px 25px -5px #0000001a;border-left:4px solid;font-size:.875rem;font-weight:500;pointer-events:auto;animation:slideIn .3s}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{border-left-color:var(--ws-success-500);color:var(--ws-success-700)}.toast-error{border-left-color:var(--ws-error-500);color:var(--ws-error-600)}.toast-info{border-left-color:var(--ws-primary-500);color:var(--ws-primary-700)}.toast-warning{border-left-color:var(--ws-warning-500);color:var(--ws-warning-700)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-muted{color:var(--ws-gray-400)}.text-secondary{font-size:.875rem;color:var(--ws-gray-500)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--ws-gray-500)}.empty-state-box{text-align:center;padding:3rem;color:var(--ws-gray-500)}.empty-state-small{text-align:center;padding:2rem;color:var(--ws-gray-500)}.mono{font-family:monospace;font-size:.8125rem;color:var(--ws-gray-600)}.broadcasts-container{display:flex;flex-direction:column;gap:1.5rem}.broadcast-intro{padding:2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;background:linear-gradient(135deg,var(--ws-primary-50),white)}.broadcast-intro-content{display:flex;align-items:center;gap:1.25rem}.broadcast-intro-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--ws-primary-500),var(--ws-primary-600));border-radius:var(--ws-radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--ws-shadow-lg)}.broadcast-intro-text h3{font-size:1.5rem;margin:0 0 .5rem}.broadcast-intro-text p{color:var(--ws-gray-500);margin:0}.broadcast-list{padding:1rem 1.5rem}.broadcast-item{padding:1rem 0;border-bottom:1px solid var(--ws-gray-100)}.broadcast-item:last-child{border-bottom:none}.broadcast-content{display:flex;flex-direction:column;gap:.5rem}.broadcast-message{font-size:.875rem;color:var(--ws-gray-900);margin:0}.broadcast-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.broadcast-container{display:flex;flex-direction:column;gap:1.5rem}.activity-card .activity-list{padding:1rem 1.5rem}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--ws-gray-100)}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;background:var(--ws-primary-500);margin-top:.5rem;flex-shrink:0}.activity-content{flex:1;min-width:0}.activity-action{font-size:.875rem;font-weight:500;color:var(--ws-gray-900);margin:0 0 2px}.activity-meta{font-size:.75rem;color:var(--ws-gray-500);margin:0}.recent-merchants-card .recent-merchants-list{padding:.5rem 1.5rem}.recent-merchant-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--ws-gray-100)}.recent-merchant-item:last-child{border-bottom:none}.merchant-avatar{width:36px;height:36px;border-radius:var(--ws-radius);background:linear-gradient(135deg,var(--ws-primary-500),var(--ws-accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.merchant-info{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem}.merchant-name{font-size:.875rem;font-weight:600;color:var(--ws-gray-900);margin:0}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--ws-gray-300);flex-shrink:0}.status-dot.connected{background:var(--ws-success-500)}.status-dot.pending_qr{background:var(--ws-warning-500)}.status-dot.disconnected{background:var(--ws-error-500)}.analytics-container{display:flex;flex-direction:column;gap:1.5rem}.analytics-placeholder{padding:4rem 2rem;text-align:center;color:var(--ws-gray-500)}.analytics-placeholder p{margin:.5rem 0 0}.chart-container{padding:1.5rem}.bar-chart{display:flex;align-items:flex-end;gap:2px;height:180px;padding-bottom:1.5rem;position:relative}.bar-column{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative}.bar{width:100%;min-height:2px;background:linear-gradient(to top,var(--ws-primary-500),var(--ws-accent));border-radius:2px 2px 0 0;transition:height .3s}.bar-column:hover .bar{background:linear-gradient(to top,var(--ws-primary-600),var(--ws-primary-500))}.bar-label{font-size:.625rem;color:var(--ws-gray-400);margin-top:4px;position:absolute;bottom:-1.25rem}.bar-tooltip{display:none;position:absolute;top:-1.75rem;font-size:.6875rem;font-weight:600;color:var(--ws-gray-700);white-space:nowrap;background:var(--ws-surface);padding:2px 6px;border-radius:4px;box-shadow:var(--ws-shadow);z-index:10}.bar-column:hover .bar-tooltip{display:block}.ranking-list{padding:.5rem 1.5rem}.ranking-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--ws-gray-100)}.ranking-item:last-child{border-bottom:none}.ranking-number{width:28px;height:28px;border-radius:50%;background:var(--ws-gray-100);color:var(--ws-gray-500);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.ranking-item:nth-child(1) .ranking-number{background:#fef3c7;color:#92400e}.ranking-item:nth-child(2) .ranking-number{background:var(--ws-gray-100);color:var(--ws-gray-700)}.ranking-item:nth-child(3) .ranking-number{background:#fed7aa;color:#9a3412}.ranking-info{flex:1;min-width:0}.ranking-name{font-size:.875rem;font-weight:600;color:var(--ws-gray-900);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-bars{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.status-bar-row{display:flex;align-items:center;gap:.75rem}.status-bar-row .order-status-badge{min-width:80px;text-align:center}.status-bar-track{flex:1;height:8px;background:var(--ws-gray-100);border-radius:999px;overflow:hidden}.status-bar-fill{height:100%;border-radius:999px;transition:width .5s}.status-bar-fill.new{background:var(--ws-primary-500)}.status-bar-fill.confirmed{background:var(--ws-warning-500)}.status-bar-fill.paid{background:var(--ws-success-500)}.status-bar-fill.shipped{background:var(--ws-primary-600)}.status-bar-fill.delivered{background:var(--ws-accent)}.status-bar-fill.cancelled{background:var(--ws-error-500)}.status-bar-count{font-weight:600;font-size:.875rem;min-width:24px;text-align:right}.settings-container{display:flex;flex-direction:column;gap:1.5rem}.settings-content{padding:1rem 1.5rem}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--ws-gray-100)}.setting-item:last-child{border-bottom:none}.setting-info{flex:1}.setting-name{font-size:.875rem;font-weight:600;color:var(--ws-gray-900);margin:0 0 2px}.setting-description{font-size:.75rem;color:var(--ws-gray-500);margin:0}.toggle-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:600;border-radius:var(--ws-radius);border:1px solid var(--ws-gray-300);background:var(--ws-surface);color:var(--ws-gray-700);cursor:pointer;transition:all .15s}.toggle-btn:hover{background:var(--ws-gray-50)}.products-container{display:flex;flex-direction:column;gap:1.5rem}.products-intro{padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;background:linear-gradient(135deg,var(--ws-primary-50),white)}.products-intro-content{display:flex;align-items:center;gap:1.25rem}.products-intro-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--ws-primary-500),var(--ws-primary-600));border-radius:var(--ws-radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--ws-shadow-lg)}.products-intro-text h3{font-size:1.5rem;margin:0 0 .25rem}.products-intro-text p{color:var(--ws-gray-500);margin:0}.products-intro-actions{display:flex;align-items:center;gap:.75rem}.product-thumb{width:40px;height:40px;border-radius:var(--ws-radius);object-fit:cover;flex-shrink:0}.product-thumb-placeholder{width:40px;height:40px;border-radius:var(--ws-radius);background:var(--ws-gray-100);display:flex;align-items:center;justify-content:center;color:var(--ws-gray-400);flex-shrink:0}.price-cell{font-weight:600;color:var(--ws-gray-900)}.action-cell{display:flex;align-items:center;gap:.25rem}.orders-container{display:flex;flex-direction:column;gap:1.5rem}.order-id{font-weight:600;color:var(--ws-gray-900);margin:0;font-family:monospace;font-size:.875rem}.order-status-badge{display:inline-block;padding:.25rem .625rem;font-size:.75rem;font-weight:600;border-radius:999px;text-transform:capitalize}.order-status-badge.new{background:var(--ws-primary-50);color:var(--ws-primary-700)}.order-status-badge.confirmed{background:var(--ws-warning-50);color:var(--ws-warning-700)}.order-status-badge.paid{background:var(--ws-success-50);color:var(--ws-success-700)}.order-status-badge.shipped{background:var(--ws-primary-100);color:var(--ws-primary-700)}.order-status-badge.delivered{background:var(--ws-success-50);color:#047857}.order-status-badge.cancelled{background:var(--ws-error-50);color:var(--ws-error-600)}.status-select{padding:.375rem .5rem;font-size:.8125rem;border:1px solid var(--ws-gray-300);border-radius:.375rem;background:var(--ws-surface);cursor:pointer;font-weight:500}.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:640px){.order-detail-grid{grid-template-columns:1fr}}.order-detail-section h4{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ws-gray-500);margin:0 0 .75rem}.detail-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;color:var(--ws-gray-700);font-size:.875rem}.detail-row svg{color:var(--ws-gray-400);flex-shrink:0}.order-notes{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--ws-gray-100)}.order-notes h4{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ws-gray-500);margin:0 0 .5rem}.order-notes p{font-size:.875rem;color:var(--ws-gray-700);margin:0}.customers-container{display:flex;flex-direction:column;gap:1.5rem}.tags-cell{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.tag-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;border-radius:999px;background:var(--ws-primary-50);color:var(--ws-primary-700)}.orders-count{font-weight:700;font-size:1.125rem;color:var(--ws-gray-900)}.storefront-container{display:flex;flex-direction:column;gap:1.5rem}.storefront-hero{padding:2rem;background:linear-gradient(135deg,var(--ws-primary-50),white)}.storefront-hero-content{display:flex;align-items:center;gap:1.5rem}.storefront-hero-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--ws-primary-500),var(--ws-accent));border-radius:1.25rem;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--ws-shadow-lg);flex-shrink:0}.storefront-hero-content h3{font-size:1.5rem;margin:0 0 .25rem}.storefront-hero-content p{color:var(--ws-gray-500);margin:0;font-size:.9375rem}.storefront-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;padding:1.5rem}@media(min-width:640px){.storefront-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.storefront-grid{grid-template-columns:repeat(3,1fr)}}.storefront-card{background:var(--ws-gray-50);border:1px solid var(--ws-gray-200);border-radius:var(--ws-radius-xl);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;transition:all .2s}.storefront-card:hover{border-color:var(--ws-primary-200);box-shadow:var(--ws-shadow)}.storefront-card.inactive{opacity:.7}.storefront-card-header{display:flex;align-items:center;gap:.75rem}.storefront-url{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--ws-surface);border:1px solid var(--ws-gray-200);border-radius:var(--ws-radius);font-size:.8125rem;color:var(--ws-gray-600)}.storefront-actions{display:flex;gap:.5rem}.storefront-quick-content{padding:1.5rem}.storefront-quick-actions{display:flex;gap:.5rem;margin-top:.75rem}.storefront-link-content{padding:1.5rem}.storefront-url.large{padding:.75rem 1rem;font-size:.9375rem}.auth-screen{display:flex;min-height:100vh}@media(max-width:768px){.auth-screen{flex-direction:column}}.auth-brand{flex:1;background:linear-gradient(160deg,var(--ws-primary-500),var(--ws-primary-700));color:#fff;display:flex;align-items:center;justify-content:center;padding:3rem;position:relative;overflow:hidden}.auth-brand:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(37,211,102,.15) 0%,transparent 60%);pointer-events:none}@media(max-width:768px){.auth-brand{padding:2rem 1.5rem;min-height:auto}}.auth-brand-content{max-width:420px;position:relative;z-index:1}.auth-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}@media(max-width:768px){.auth-logo{margin-bottom:1.5rem}}.auth-logo .logo-icon{width:44px;height:44px;background:#fff3;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff}.auth-logo span{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.02em}.auth-headline{font-size:2.5rem;font-weight:800;line-height:1.15;margin:0 0 1rem;letter-spacing:-.03em}@media(max-width:768px){.auth-headline{font-size:1.75rem}}.auth-subheadline{font-size:1.0625rem;line-height:1.6;opacity:.85;margin:0 0 2rem}@media(max-width:768px){.auth-subheadline{font-size:.9375rem;margin-bottom:1.5rem}}.auth-features{display:flex;flex-direction:column;gap:.875rem;margin-bottom:2rem}@media(max-width:768px){.auth-features{display:none}}.auth-feature{display:flex;align-items:center;gap:.75rem;font-size:.9375rem;opacity:.9}.auth-feature svg{flex-shrink:0;color:var(--ws-accent)}.auth-quote{font-size:.9375rem;font-style:italic;opacity:.7;margin:0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.15)}@media(max-width:768px){.auth-quote{display:none}}.auth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem;background:var(--ws-bg-light)}@media(max-width:768px){.auth-form-panel{padding:2rem 1.5rem}}.auth-form-wrapper{width:100%;max-width:380px}.auth-form-header{margin-bottom:2rem}.auth-form-header h2{font-size:1.5rem;font-weight:800;color:var(--ws-gray-900);margin:0 0 .375rem;letter-spacing:-.02em}.auth-form-header p{font-size:.9375rem;color:var(--ws-gray-500);margin:0}.auth-toggle{display:flex;background:var(--ws-gray-100);border-radius:.625rem;padding:4px;margin-bottom:1.75rem}.auth-toggle-btn{flex:1;padding:.5rem 1rem;border:none;background:transparent;border-radius:.5rem;font-size:.875rem;font-weight:600;color:var(--ws-gray-500);cursor:pointer;transition:all .2s;font-family:inherit}.auth-toggle-btn.active{background:var(--ws-surface);color:var(--ws-gray-900);box-shadow:0 1px 3px #00000014}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--ws-error-50);color:var(--ws-error-600);border-radius:.625rem;font-size:.875rem;font-weight:500;border:1px solid #fecaca}.auth-field{display:flex;flex-direction:column;gap:.5rem}.auth-field label{font-size:.8125rem;font-weight:600;color:var(--ws-gray-700)}.auth-input-wrapper{display:flex;align-items:center;gap:.75rem;padding:0 1rem;background:var(--ws-surface);border:1.5px solid var(--ws-gray-200);border-radius:.625rem;transition:all .2s}.auth-input-wrapper:focus-within{border-color:var(--ws-primary-500);box-shadow:0 0 0 3px #0a7a4f1a}.auth-input-wrapper svg{color:var(--ws-gray-400);flex-shrink:0}.auth-input-wrapper input{flex:1;border:none;background:transparent;padding:.875rem 0;font-size:.9375rem;outline:none;font-family:inherit;color:var(--ws-gray-900)}.auth-input-wrapper input::placeholder{color:var(--ws-gray-400)}.auth-hint{font-size:.75rem;color:var(--ws-gray-400)}.auth-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:linear-gradient(135deg,var(--ws-primary-500),var(--ws-primary-600));color:#fff;border:none;border-radius:.625rem;font-size:.9375rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;margin-top:.5rem}.auth-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--ws-primary-600),var(--ws-primary-700));transform:translateY(-1px);box-shadow:0 4px 12px #0a7a4f4d}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-footer-text{text-align:center;font-size:.875rem;color:var(--ws-gray-500);margin-top:1.5rem}.auth-link{background:none;border:none;color:var(--ws-primary-500);font-weight:600;cursor:pointer;font-family:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:2px}.auth-link:hover{color:var(--ws-primary-600)}.app.dark .auth-brand{background:linear-gradient(160deg,#0b0b0f,#1a1a2e)}.app.dark .auth-form-panel{background:#0b0b0f}.app.dark .auth-form-header h2{color:#f1f5f9}.app.dark .auth-toggle{background:#2a2a2f}.app.dark .auth-toggle-btn.active{background:#1a1a1f;color:#f1f5f9}.app.dark .auth-input-wrapper{background:#1a1a1f;border-color:#3a3a3f}.app.dark .auth-input-wrapper:focus-within{border-color:var(--ws-accent);box-shadow:0 0 0 3px #25d3661f}.app.dark .auth-input-wrapper input{color:#f1f5f9}.app.dark .auth-input-wrapper svg{color:#64748b}.onboarding-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:250;padding:1rem}.onboarding-card{background:var(--ws-surface);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.onboarding-header{text-align:center;padding:2rem 2rem 1rem}.onboarding-header h2{font-size:1.5rem;font-weight:800;color:var(--ws-primary-500);margin:0}.onboarding-subtitle{color:var(--ws-gray-500);margin-top:.25rem}.onboarding-steps{display:flex;justify-content:center;gap:1.5rem;padding:0 2rem 1.5rem}.onboarding-step{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--ws-gray-400)}.onboarding-step.active{color:var(--ws-primary-500);font-weight:600}.onboarding-step.done{color:var(--ws-accent)}.step-number{width:28px;height:28px;border-radius:50%;background:var(--ws-gray-100);color:var(--ws-gray-500);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.onboarding-step.active .step-number{background:var(--ws-primary-500);color:#fff}.onboarding-step.done .step-number{background:var(--ws-accent);color:#fff}.onboarding-content{padding:0 2rem 1.5rem}.onboarding-step-content{text-align:center}.onboarding-step-content h3{font-size:1.125rem;font-weight:700;margin:.75rem 0 .25rem}.onboarding-step-content p{color:var(--ws-gray-500);font-size:.875rem}.onboarding-footer{display:flex;align-items:center;padding:1.25rem 2rem;border-top:1px solid var(--ws-gray-100)}.btn-full{width:100%}.recent-list{padding:.5rem 1.5rem}.recent-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--ws-gray-100)}.recent-item:last-child{border-bottom:none}.recent-item-info{display:flex;align-items:center;gap:.75rem;min-width:0}.recent-item-title{font-size:.875rem;font-weight:600;color:var(--ws-gray-900);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-item-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.invoices-container{display:flex;flex-direction:column;gap:1.5rem}.invoice-items-section{border:1px solid var(--ws-gray-200);border-radius:var(--ws-radius-lg);padding:1.25rem}.invoice-items-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.invoice-items-header h4{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ws-gray-500);margin:0}.invoice-item-row{display:grid;grid-template-columns:1fr 60px 100px auto auto;gap:.5rem;align-items:center;margin-bottom:.5rem}@media(max-width:640px){.invoice-item-row{grid-template-columns:1fr 50px 80px auto auto}}.inv-qty,.inv-price{min-width:0}.inv-item-total{font-weight:600;font-size:.875rem;color:var(--ws-gray-700);text-align:right;min-width:70px}.invoice-total-row{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;margin-top:.5rem;border-top:2px solid var(--ws-gray-200);font-weight:700;font-size:1rem}.image-upload-row{display:flex;gap:.5rem;align-items:center}.image-upload-row .form-input{flex:1}.inventory-container{display:flex;flex-direction:column;gap:1.5rem}.row-danger td{background:var(--ws-error-50)!important}.row-warning td{background:var(--ws-warning-50)!important}.row-muted td{opacity:.6}.expenses-container,.team-container{display:flex;flex-direction:column;gap:1.5rem}.ai-chat-container{height:calc(100vh - 140px)}.ai-messages{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.ai-welcome{text-align:center;padding:3rem 1rem;max-width:480px;margin:auto}.ai-welcome h3{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:var(--ws-gray-900)}.ai-welcome p{color:var(--ws-gray-500);font-size:.9375rem;margin:0 0 1.5rem}.ai-suggestions{display:flex;flex-direction:column;gap:.5rem}.ai-suggestion{padding:.75rem 1rem;background:var(--ws-gray-50);border:1px solid var(--ws-gray-200);border-radius:.625rem;font-size:.875rem;color:var(--ws-gray-700);cursor:pointer;transition:all .15s;text-align:left;font-family:inherit}.ai-suggestion:hover{border-color:var(--ws-primary-200);background:var(--ws-primary-50)}.ai-bubble{max-width:85%;display:flex}.ai-bubble.user{align-self:flex-end}.ai-bubble.assistant{align-self:flex-start}.ai-bubble-content{padding:.75rem 1rem;border-radius:1rem;font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;display:flex;align-items:flex-start}.ai-bubble.user .ai-bubble-content{background:linear-gradient(135deg,var(--ws-primary-500),var(--ws-primary-600));color:#fff;border-bottom-right-radius:4px}.ai-bubble.assistant .ai-bubble-content{background:var(--ws-gray-100);color:var(--ws-gray-900);border-bottom-left-radius:4px}.ai-input-bar{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--ws-gray-200);background:var(--ws-gray-50)}.ai-input-bar input{flex:1;padding:.75rem 1rem;border:1px solid var(--ws-gray-300);border-radius:1.5rem;font-size:.9375rem;outline:none;background:var(--ws-surface);font-family:inherit}.ai-input-bar input:focus{border-color:var(--ws-primary-500)}.ai-input-bar input:disabled{opacity:.6}.chat-container{display:flex;height:calc(100vh - 140px);background:var(--ws-surface);border-radius:var(--ws-radius-xl);border:1px solid var(--ws-gray-200);overflow:hidden}.chat-sidebar{width:320px;border-right:1px solid var(--ws-gray-200);display:flex;flex-direction:column;flex-shrink:0}@media(max-width:768px){.chat-sidebar{width:100%;position:absolute;z-index:10;height:100%;background:var(--ws-surface)}.chat-thread{width:100%}.chat-container{position:relative}}.chat-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--ws-gray-100)}.chat-sidebar-header h3{font-size:1rem;font-weight:700;margin:0}.chat-search{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--ws-gray-100)}.chat-search input{border:none;background:transparent;font-size:.8125rem;outline:none;flex:1}.chat-list{flex:1;overflow-y:auto}.chat-list-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;cursor:pointer;border-bottom:1px solid var(--ws-gray-50);transition:background .1s}.chat-list-item:hover{background:var(--ws-gray-50)}.chat-list-item.active{background:var(--ws-primary-50);border-left:3px solid var(--ws-primary-500)}.chat-list-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--ws-primary-500),var(--ws-accent));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.chat-list-info{flex:1;min-width:0}.chat-list-top{display:flex;justify-content:space-between;align-items:center}.chat-list-name{font-size:.875rem;font-weight:600;color:var(--ws-gray-900)}.chat-list-time{font-size:.6875rem;color:var(--ws-gray-400)}.chat-list-bottom{display:flex;align-items:center;gap:.5rem;margin-top:2px}.chat-list-preview{font-size:.75rem;color:var(--ws-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.chat-thread{flex:1;display:flex;flex-direction:column}.chat-thread-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid var(--ws-gray-200);background:var(--ws-gray-50)}.chat-thread-info h3{font-size:1rem;font-weight:700;margin:0}.chat-thread-actions{display:flex;gap:.5rem}.chat-messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.chat-bubble{max-width:75%;display:flex;flex-direction:column;gap:2px}.chat-bubble.inbound{align-self:flex-start}.chat-bubble.outbound{align-self:flex-end}.chat-bubble-content{padding:.625rem .875rem;border-radius:1rem;font-size:.875rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.chat-bubble.inbound .chat-bubble-content{background:var(--ws-gray-100);color:var(--ws-gray-900);border-bottom-left-radius:4px}.chat-bubble.outbound .chat-bubble-content{background:linear-gradient(135deg,var(--ws-primary-500),var(--ws-primary-600));color:#fff;border-bottom-right-radius:4px}.chat-bubble-time{font-size:.625rem;color:var(--ws-gray-400);padding:0 .5rem}.chat-bubble.outbound .chat-bubble-time{text-align:right}.chat-input-bar{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-top:1px solid var(--ws-gray-200);background:var(--ws-gray-50)}.chat-input-bar input{flex:1;padding:.625rem .875rem;border:1px solid var(--ws-gray-300);border-radius:1.5rem;font-size:.875rem;outline:none;background:var(--ws-surface)}.chat-input-bar input:focus{border-color:var(--ws-primary-500)}.app.dark{background:linear-gradient(135deg,var(--ws-bg-dark),#1a1a1f);color:#e2e8f0}.app.dark .sidebar{background:#0b0b0ff2;border-right-color:#2a2a2f}.app.dark .top-bar{background:#0b0b0fcc;border-bottom-color:#2a2a2f}.app.dark .card{background:#1a1a1f;border-color:#2a2a2f}.app.dark .card:hover{box-shadow:0 4px 6px -1px #0000004d}.app.dark .stat-card{background:#1a1a1f;border-color:#2a2a2f}.app.dark .stat-card:before{opacity:.8}.app.dark .stat-value{color:#f1f5f9}.app.dark .stat-title{color:#94a3b8}.app.dark .stat-subtitle{color:#64748b}.app.dark .card h3{color:#f1f5f9}.app.dark .card-subtitle,.app.dark .nav-item{color:#94a3b8}.app.dark .nav-item:hover{background:#2a2a2f;color:#e2e8f0}.app.dark .nav-item.active{background:#0a7a4f26;color:var(--ws-accent)}.app.dark .btn-secondary{background:#1a1a1f;color:#e2e8f0;border-color:#3a3a3f}.app.dark .btn-secondary:hover:not(:disabled){background:#2a2a2f;border-color:#4a4a4f}.app.dark .search-box{background:#1a1a1f;border-color:#3a3a3f}.app.dark .search-box input{color:#e2e8f0}.app.dark .filter-select{background:#1a1a1f;color:#e2e8f0;border-color:#3a3a3f}.app.dark .data-table th{background:#0f0f13;color:#94a3b8;border-bottom-color:#2a2a2f}.app.dark .data-table td{border-bottom-color:#1a1a1f}.app.dark .data-table tr:hover td{background:#1a1a1f}.app.dark .business-name,.app.dark .merchant-name,.app.dark .activity-action,.app.dark .broadcast-message,.app.dark .setting-name{color:#f1f5f9}.app.dark .modal{background:#1a1a1f}.app.dark .modal-header{border-bottom-color:#2a2a2f}.app.dark .modal-header h3{color:#f1f5f9}.app.dark .modal-footer{background:#0f0f13;border-top-color:#2a2a2f}.app.dark .form-group label{color:#e2e8f0}.app.dark .form-group textarea{background:#0f0f13;color:#e2e8f0;border-color:#3a3a3f}.app.dark .radio{border-color:#3a3a3f}.app.dark .radio:hover{border-color:var(--ws-accent);background:#0a7a4f26}.app.dark .toast{background:#1a1a1f;color:#e2e8f0}.app.dark .toggle-btn{background:#1a1a1f;color:#e2e8f0;border-color:#3a3a3f}.app.dark .toggle-btn:hover,.app.dark .nav-divider{background:#2a2a2f}.app.dark .form-input{background:#0f0f13;color:#e2e8f0;border-color:#3a3a3f}.app.dark .form-input:focus{border-color:var(--ws-accent);box-shadow:0 0 0 3px #25d36626}.app.dark .product-thumb-placeholder{background:#2a2a2f}.app.dark .price-cell,.app.dark .order-id,.app.dark .orders-count{color:#f1f5f9}.app.dark .mono{color:#94a3b8}.app.dark .detail-row,.app.dark .order-notes p{color:#cbd5e1}.app.dark .ranking-name{color:#f1f5f9}.app.dark .ranking-item{border-bottom-color:#2a2a2f}.app.dark .ranking-number{background:#2a2a2f;color:#94a3b8}.app.dark .status-bar-track{background:#2a2a2f}.app.dark .bar-tooltip{background:#1a1a1f;color:#f1f5f9}.app.dark .bar-label{color:#64748b}.app.dark .recent-item-title{color:#f1f5f9}.app.dark .recent-item{border-bottom-color:#2a2a2f}.app.dark .storefront-card{background:#1a1a1f;border-color:#2a2a2f}.app.dark .storefront-card:hover{border-color:var(--ws-accent)}.app.dark .storefront-url,.app.dark .storefront-url.large{background:#0f0f13;border-color:#2a2a2f;color:#94a3b8}.app.dark .login-screen{background:linear-gradient(135deg,var(--ws-bg-dark),#1a1a1f)}.app.dark .login-card{background:#1a1a1f}.app.dark .login-toggle{background:#2a2a2f}.app.dark .toggle-tab.active{background:#1a1a1f;color:#f1f5f9}.app.dark .onboarding-card{background:#1a1a1f}.app.dark .onboarding-footer{border-top-color:#2a2a2f}.app.dark .invoice-items-section{border-color:#2a2a2f}.app.dark .inv-item-total{color:#cbd5e1}.app.dark .invoice-total-row{border-top-color:#2a2a2f}.app.dark .chat-container{background:#1a1a1f;border-color:#2a2a2f}.app.dark .chat-sidebar{border-right-color:#2a2a2f}.app.dark .chat-list-item:hover{background:#2a2a2f}.app.dark .chat-list-item.active{background:#0a7a4f26}.app.dark .chat-list-name{color:#f1f5f9}.app.dark .chat-thread-header{background:#0f0f13;border-bottom-color:#2a2a2f}.app.dark .chat-bubble.inbound .chat-bubble-content{background:#2a2a2f;color:#f1f5f9}.app.dark .chat-input-bar{background:#0f0f13;border-top-color:#2a2a2f}.app.dark .chat-input-bar input{background:#1a1a1f;border-color:#3a3a3f;color:#e2e8f0}.app.dark .status-select{background:#1a1a1f;color:#e2e8f0;border-color:#3a3a3f}.app.dark .row-danger td{background:#ef444414!important}.app.dark .row-warning td{background:#f59e0b14!important}@media(max-width:768px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:auto;flex-direction:row;border-right:none;border-top:1px solid var(--ws-gray-200);z-index:100;transform:none;background:#fffffffa;backdrop-filter:blur(10px)}.app.dark .sidebar{background:#0b0b0ffa;border-top-color:#2a2a2f}.sidebar-header,.sidebar-footer{display:none}.sidebar-nav{flex-direction:row;padding:.25rem .5rem;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{flex-direction:column;gap:.125rem;padding:.5rem .75rem;font-size:.625rem;min-width:56px;text-align:center;border-radius:var(--ws-radius);flex-shrink:0}.nav-item span{font-size:.625rem}.nav-badge,.nav-divider,.sidebar-close{display:none}.menu-btn{display:none!important}.main{padding-bottom:4.5rem}.content{padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.stats-grid-3,.stats-grid-4{grid-template-columns:repeat(2,1fr)}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.stat-icon{width:40px;height:40px}.card-header{padding:.875rem 1rem;flex-wrap:wrap;gap:.5rem}.card-actions{width:100%;flex-wrap:wrap}.search-box{min-width:0;flex:1}.table-container{overflow-x:visible}.data-table{display:block}.data-table thead{display:none}.data-table tbody{display:block}.data-table tr{display:flex;flex-direction:column;padding:1rem;margin-bottom:.75rem;background:var(--ws-surface);border-radius:var(--ws-radius-lg);border:1px solid var(--ws-gray-200);box-shadow:var(--ws-shadow)}.app.dark .data-table tr{background:#1a1a1f;border-color:#2a2a2f}.data-table td{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0;border-bottom:none;font-size:.8125rem}.data-table td:before{content:attr(data-label);font-weight:600;color:var(--ws-gray-500);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;min-width:80px}.modal-overlay{padding:0;align-items:flex-end}.modal{width:100%;max-width:100%;max-height:90vh;border-radius:1.5rem 1.5rem 0 0;animation:slideUpMobile .3s ease}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-lg{max-width:100%}.dashboard-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr);gap:.75rem}.action-btn{padding:1rem}.chat-container{height:calc(100vh - 10rem);border-radius:0;border:none}.chat-sidebar{width:100%;position:relative;border-right:none}.chat-thread{width:100%}.onboarding-card{border-radius:var(--ws-radius-xl);max-height:95vh}.onboarding-steps{gap:.75rem}.onboarding-step span{display:none}.btn{min-height:44px;padding:.625rem 1rem}.btn-sm{min-height:36px;padding:.375rem .75rem}.btn-icon{width:44px;height:44px}.products-intro{flex-direction:column;align-items:stretch}.products-intro-actions{flex-direction:column;gap:.5rem}.broadcast-intro{flex-direction:column;align-items:stretch}.storefront-grid{grid-template-columns:1fr}.ranking-item{gap:.5rem}.invoice-item-row{grid-template-columns:1fr;gap:.375rem}.form-row{grid-template-columns:1fr}.login-card{margin:.5rem;padding:1.5rem}.login-header h1{font-size:1.5rem}.top-bar{padding:.75rem 1rem}.page-title h1{font-size:1.25rem}}@media(max-width:374px){.stats-grid{grid-template-columns:1fr}}@media(max-width:768px){.form-input,.form-select,textarea.form-input{font-size:16px;padding:.75rem;border-radius:var(--ws-radius)}.card{margin-bottom:.75rem}.card-content,.setting-item{padding:1rem}.page-header{flex-direction:column;align-items:stretch;gap:.75rem}.page-header .btn{width:100%}.tab-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.25rem}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;flex-shrink:0;font-size:.8125rem;padding:.625rem 1rem}.auth-brand{display:none}.auth-form-panel{padding:1.5rem}.auth-form-wrapper{max-width:100%}.qr-image{max-width:200px;margin:0 auto}.wa-banner{flex-direction:column;text-align:center;gap:1rem;padding:1.25rem}.wa-banner img{width:120px;height:120px}}.nav-item{min-width:48px;padding:.375rem .5rem}.nav-item svg{width:18px;height:18px}.stat-value{font-size:1.25rem}} @media (min-width: 769px) and (max-width: 1024px){.sidebar{width:220px}.stats-grid-4,.storefront-grid{grid-template-columns:repeat(2,1fr)}}