:root{--brand-green: #1b7a3e;--brand-green-dark: #14612f;--brand-green-light: #e8f5ed;--brand-red: #e01f26;--brand-red-dark: #b91820;--brand-red-light: #fdeaea;--brand-lime: #35c86a;--brand-lime-soft: #d5f5e0;--accent-tech: #0e7c86;--accent-tech-soft: #e2f2f3;--grad-brand: linear-gradient(135deg, var(--brand-green) 0%, var(--brand-green-dark) 100%);--grad-lime: linear-gradient(90deg, var(--brand-lime) 0%, var(--brand-green) 100%);--grad-sidebar: linear-gradient(180deg, #ffffff 0%, #f4f9f6 100%);--bg: #f4f7f5;--panel: #ffffff;--panel-2: #fbfcfb;--border: #e6ebe8;--border-strong: #d5ddd8;--text: #16211c;--text-soft: #52605a;--muted: #8a9691;--warn: #b7791f;--warn-soft: #fff3e0;--danger: var(--brand-red);--success: var(--brand-green);--space-1: .25rem;--space-2: .5rem;--space-3: .8rem;--space-4: 1.1rem;--space-5: 1.6rem;--space-6: 2.2rem;--fs-h1: 1.6rem;--fs-h2: 1.35rem;--fs-h3: 1.02rem;--fw-strong: 800;--radius-lg: 20px;--radius: 16px;--radius-sm: 10px;--shadow-sm: 0 1px 3px rgba(20, 40, 30, .05);--shadow: 0 6px 22px rgba(20, 40, 30, .07);--shadow-lg: 0 16px 48px rgba(20, 40, 30, .13);--ring: 0 0 0 3px var(--brand-green-light);--sidebar-w: 248px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button{cursor:pointer;border:1px solid transparent;background:var(--brand-green);color:#fff;padding:.55rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;transition:background .15s ease,transform .08s ease,box-shadow .15s ease}button:hover{background:var(--brand-green-dark)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:transparent;color:var(--brand-green);border-color:var(--border)}button.ghost:hover{background:var(--brand-green-light)}button.danger{background:var(--brand-red)}button.danger:hover{background:var(--brand-red-dark)}button.subtle{background:var(--brand-green-light);color:var(--brand-green-dark)}button.subtle:hover{background:#d8ecdf}input,textarea{font-family:inherit;font-size:.92rem;padding:.6rem .8rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus{outline:none;border-color:var(--brand-green);box-shadow:0 0 0 3px var(--brand-green-light)}.muted{color:var(--muted)}.error{color:var(--danger);font-size:.85rem}.center{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--muted)}.empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--muted);flex-direction:column;gap:.5rem}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--brand-green) 0%,var(--brand-green-dark) 100%);padding:1rem}.login-card{background:var(--panel);padding:2.4rem 2.2rem;border-radius:20px;box-shadow:var(--shadow-lg);width:400px;display:flex;flex-direction:column;gap:.9rem}.login-logo{width:260px;max-width:80%;height:auto;margin:0 auto .6rem;display:block}.login-card h1{margin:0;font-size:1.25rem;text-align:center;color:var(--text)}.login-card .sub{text-align:center;margin:0 0 .6rem;color:var(--muted);font-size:.9rem}.login-card label{display:flex;flex-direction:column;font-size:.82rem;font-weight:600;color:var(--text-soft);gap:.35rem}.login-card button{margin-top:.4rem;padding:.7rem}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--grad-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;justify-content:center;padding:1.3rem 1rem;border-bottom:1px solid var(--border)}.sidebar-brand img{width:170px;max-width:100%;height:auto;object-fit:contain}.sidebar-nav{flex:1;padding:var(--space-3) .7rem;display:flex;flex-direction:column;gap:.25rem}.nav-item{position:relative;display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;background:transparent;color:var(--text-soft);border:none;padding:.7rem .85rem;border-radius:12px;font-weight:600;font-size:.9rem;transition:background .16s ease,color .16s ease}.nav-item:hover{background:#1b7a3e12;color:var(--text)}.nav-item.active{background:var(--brand-green-light);color:var(--brand-green-dark);font-weight:700}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;border-radius:0 4px 4px 0;background:var(--grad-lime)}.nav-item .ico{font-size:1.05rem;width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.nav-item.active .ico{background:#35c86a29}.sidebar-footer{padding:.9rem .9rem 1rem;border-top:1px solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:.65rem;margin-bottom:.7rem;padding:.5rem .55rem;border-radius:12px;background:var(--panel);border:1px solid var(--border)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--grad-brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:var(--shadow-sm);flex-shrink:0}.sidebar-user .u-name{font-weight:700;font-size:.85rem}.sidebar-user .u-role{font-size:.72rem;color:var(--muted)}.sidebar-footer button{width:100%}.content{flex:1;overflow:hidden;display:flex;flex-direction:column}.page{padding:var(--space-5) 1.9rem;overflow-y:auto;height:100%}.page h2{margin:0 0 var(--space-5);font-size:var(--fs-h2);font-weight:var(--fw-strong);letter-spacing:-.01em}.page h3{font-size:var(--fs-h3)}.page-head{margin-bottom:var(--space-5)}.page-head h2{margin:0}.page-head .page-sub{margin:.35rem 0 0;color:var(--muted);font-size:.86rem}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;letter-spacing:.02em}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}.badge-bot{background:var(--brand-green-light);color:var(--brand-green-dark)}.badge-human{background:var(--warn-soft);color:var(--warn)}.badge-closed{background:var(--bg);color:var(--muted)}.conversations{display:grid;grid-template-columns:340px 1fr;height:100%;min-height:0;overflow:hidden}.conv-list{border-right:1px solid var(--border);background:var(--panel);overflow-y:auto;min-height:0}.conv-list h2{font-size:1.05rem;padding:1.1rem 1.1rem .6rem;margin:0}.conv-item{position:relative;display:block;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);padding:.85rem 1.1rem;border-radius:0;transition:background .14s ease}.conv-item:hover{background:var(--panel-2)}.conv-item.active{background:var(--brand-green-light)}.conv-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad-lime)}.conv-item-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.2rem}.conv-item-top strong{font-size:.92rem}.conv-item-preview{font-size:.82rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-chat{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--panel-2);overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.3rem;border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0}.chat-header strong{font-size:.98rem}.chat-messages{flex:1 1 0;min-height:0;overflow-y:auto;padding:1.3rem;display:flex;flex-direction:column;gap:.55rem;background:radial-gradient(var(--border) .5px,transparent .5px) 0 0 / 22px 22px,var(--panel-2)}.msg{max-width:68%;padding:.6rem .9rem;border-radius:16px;box-shadow:var(--shadow-sm);font-size:.9rem;line-height:1.4}.msg-inbound{align-self:flex-start;background:var(--panel);border:1px solid var(--border);border-bottom-left-radius:5px}.msg-outbound{align-self:flex-end;background:var(--brand-lime-soft);border-bottom-right-radius:5px}.msg.src-system{align-self:center;background:#fff8e6;color:#8a6d1f;font-size:.8rem;max-width:80%;text-align:center;box-shadow:none}.msg-src{font-size:.62rem;font-weight:700;letter-spacing:.04em;opacity:.55;margin-bottom:.2rem;text-transform:uppercase}.chat-input{display:flex;gap:.6rem;padding:.9rem 1.1rem;border-top:1px solid var(--border);background:var(--panel);flex-shrink:0}.chat-input input{flex:1;border-radius:999px;padding:.7rem 1.1rem}.chat-input button{border-radius:999px;padding:.7rem 1.3rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.wa-status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:999px;font-weight:700;font-size:.85rem}.wa-status-pill .dot{width:9px;height:9px;border-radius:50%}.wa-connected{background:var(--brand-green-light);color:var(--brand-green-dark)}.wa-connected .dot{background:var(--brand-green)}.wa-qr{background:#fff3e0;color:#b7791f}.wa-qr .dot{background:#b7791f}.wa-off{background:var(--brand-red-light);color:var(--brand-red-dark)}.wa-off .dot{background:var(--brand-red)}.qr-box{background:var(--panel);padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);display:inline-block;margin-top:1.2rem;text-align:center}.qr-box img{border-radius:10px}.wa-actions{margin-top:1.3rem}.upload-box{background:linear-gradient(180deg,var(--brand-green-light),var(--panel));border:1.5px dashed var(--brand-green);padding:1.4rem;border-radius:var(--radius);margin-bottom:var(--space-4)}.upload-box p{margin-top:0;color:var(--text-soft)}.file-btn{display:inline-block;background:var(--brand-green);color:#fff;padding:.6rem 1.1rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:.9rem}.file-btn:hover{background:var(--brand-green-dark)}.import-report{margin-top:.9rem;font-size:.9rem;background:var(--brand-green-light);padding:.8rem 1rem;border-radius:var(--radius-sm)}.catalog-search{margin-bottom:1rem}.catalog-search input{width:300px;border-radius:999px}.catalog-table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.catalog-table th{background:var(--panel-2);text-align:left;padding:.75rem .95rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border);font-weight:700}.catalog-table td{padding:.7rem .95rem;border-bottom:1px solid var(--border);font-size:.9rem}.catalog-table tr:last-child td{border-bottom:none}.catalog-table tr:hover td{background:var(--brand-green-light)}.orders-page{display:flex;flex-direction:column;height:100%}.orders-head{display:flex;align-items:baseline;gap:.8rem;margin-bottom:1rem}.orders-head h2{margin:0}.kanban{display:flex;gap:.9rem;flex:1;overflow-x:auto;padding-bottom:.5rem;align-items:flex-start}.kanban-col{flex:0 0 272px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;max-height:100%;transition:background .15s ease,box-shadow .15s ease}.kanban-col.drop-ok{background:var(--brand-green-light);box-shadow:inset 0 0 0 2px var(--brand-green)}.kanban-col.drop-no{box-shadow:inset 0 0 0 2px var(--brand-red)}.kanban-col-head{display:flex;justify-content:space-between;align-items:center;padding:.8rem .9rem;font-weight:700;font-size:.85rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--panel-2);border-radius:var(--radius) var(--radius) 0 0}.col-count{background:var(--border);color:var(--text-soft);border-radius:999px;font-size:.72rem;padding:.1rem .5rem}.kanban-col-body{padding:.6rem;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem}.kanban-empty{text-align:center;color:var(--muted);padding:1rem 0;font-size:.85rem}.kanban-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);padding:.8rem .85rem;cursor:grab;transition:box-shadow .15s ease,transform .08s ease,border-color .15s ease}.kanban-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--border-strong)}.kanban-card:active{cursor:grabbing;transform:scale(.98)}.kc-head{display:flex;justify-content:space-between;align-items:center}.kc-head strong{font-size:.82rem;letter-spacing:.02em}.kc-total{font-weight:800;color:var(--brand-green-dark);font-size:.85rem}.kc-badge-intake{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#9a6a00;background:#fff4d6;border:1px solid #f0d68a;border-radius:999px;padding:.1rem .45rem}.kc-customer{font-size:.85rem;font-weight:600;margin-top:.2rem}.kc-address{font-size:.76rem}.kc-items{margin:.4rem 0;padding-left:1rem;font-size:.78rem;color:var(--text-soft)}.kc-actions{display:flex;gap:.4rem;margin-top:.5rem}.kc-actions button{font-size:.72rem;padding:.3rem .55rem}.kc-actions .reprint{background:transparent;color:var(--brand-green);border-color:var(--border)}.kc-actions .reprint:hover{background:var(--brand-green-light)}.kc-actions .cancel{background:transparent;color:var(--brand-red);border-color:var(--border)}.kc-actions .cancel:hover{background:var(--brand-red-light)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.kpi-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.4rem;position:relative;overflow:hidden;transition:box-shadow .16s ease,transform .1s ease,border-color .16s ease}.kpi-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--border-strong)}.kpi-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad-lime)}.kpi-card.accent-red:before{background:linear-gradient(180deg,#f2545b,var(--brand-red))}.kpi-icon{width:40px;height:40px;border-radius:12px;margin-bottom:.9rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.15rem;background:var(--brand-green-light);color:var(--brand-green-dark)}.kpi-card.accent-red .kpi-icon{background:var(--brand-red-light);color:var(--brand-red-dark)}.kpi-value{font-size:2rem;font-weight:var(--fw-strong);color:var(--text);line-height:1;letter-spacing:-.01em}.kpi-label{font-size:.8rem;color:var(--muted);margin-top:.55rem;font-weight:600}.dash-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.dash-panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.3rem}.dash-panel h3{margin:0 0 var(--space-3);font-weight:700}.dash-list{list-style:none;margin:0;padding:0}.dash-list li{display:flex;justify-content:space-between;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.dash-list li:last-child{border-bottom:none}.dash-list strong{font-weight:700;font-variant-numeric:tabular-nums}.dash-list .warn{color:var(--warn)}.dash-list .danger-text{color:var(--danger)}.dash-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.dash-bar-row{display:grid;grid-template-columns:1fr auto;gap:.2rem .6rem;align-items:center}.dash-bar-name{font-size:.88rem;color:var(--text-soft);font-weight:600}.dash-bar-qty{font-size:.85rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.dash-bar-track{grid-column:1 / -1;height:9px;background:var(--bg);border-radius:999px;overflow:hidden}.dash-bar-fill{height:100%;border-radius:999px;background:var(--grad-lime);min-width:6px;transition:width .4s ease}@media (max-width: 720px){:root{--sidebar-w: 64px}.sidebar-brand{padding:.8rem .4rem}.sidebar-brand img{width:44px}.nav-item span:not(.ico),.sidebar-user>div{display:none}.conversations{grid-template-columns:1fr}}.settings-form{max-width:720px;display:flex;flex-direction:column;gap:1.2rem}.settings-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5rem;transition:box-shadow .16s ease}.settings-card:hover{box-shadow:var(--shadow)}.settings-card h3{margin:0 0 1rem;font-weight:700}.field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--text-soft);margin-bottom:.9rem}.field:last-child{margin-bottom:0}.field-row{display:flex;gap:1rem}.field-row .field{flex:1}select{font-family:inherit;font-size:.92rem;padding:.6rem .8rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel)}select:focus{outline:none;border-color:var(--brand-green);box-shadow:0 0 0 3px var(--brand-green-light)}.switch-row{display:flex;align-items:center;gap:.6rem;font-weight:600;margin-bottom:1rem;cursor:pointer}.switch-row input{width:18px;height:18px;accent-color:var(--brand-green)}.days{display:flex;gap:.5rem;border:none;padding:0;margin:0 0 1rem;flex-wrap:wrap}.days:disabled{opacity:.5}.day-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .7rem;border:1px solid var(--border);border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none}.day-chip{transition:background .14s ease,border-color .14s ease}.day-chip.on{background:var(--brand-green-light);border-color:var(--brand-green);color:var(--brand-green-dark)}.day-chip input{display:none}.settings-actions{display:flex;justify-content:flex-end}.settings-actions button{padding:.7rem 1.6rem}.save-ok{color:var(--brand-green-dark);background:var(--brand-green-light);padding:.7rem 1rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600}.conv-tabs{display:flex;gap:.2rem;padding:.7rem .6rem .4rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--panel);z-index:1}.conv-tab{flex:1;background:transparent;color:var(--text-soft);border:none;border-radius:8px;padding:.5rem .4rem;font-size:.78rem;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:.2rem}.conv-tab:hover{background:var(--bg);color:var(--text)}.conv-tab.active{background:var(--brand-green-light);color:var(--brand-green-dark);font-weight:700}.tab-count{font-size:.72rem;font-weight:700;background:var(--border);color:var(--text-soft);border-radius:999px;padding:0 .4rem;min-width:1.2rem}.conv-tab.active .tab-count{background:var(--brand-green);color:#fff}.conv-empty{padding:1rem 1.1rem}.chat-closed-note{padding:.9rem 1.1rem;border-top:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:.85rem;text-align:center;flex-shrink:0}.chat-actions{display:flex;gap:.5rem}.customers-layout{display:grid;grid-template-columns:1fr 380px;gap:1.2rem;align-items:start}.customers-list-wrap{min-width:0}.customers-search{width:100%;max-width:340px;border-radius:999px;margin-bottom:.9rem}.customers-table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.customers-table th{background:var(--panel-2);text-align:left;padding:.75rem .95rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border);font-weight:700}.customers-table td{padding:.7rem .95rem;border-bottom:1px solid var(--border);font-size:.9rem}.customers-table tbody tr{cursor:pointer;transition:background .12s ease}.customers-table tbody tr:hover td{background:var(--panel-2)}.customers-table tbody tr.active td{background:var(--brand-green-light)}.customers-table tr:last-child td{border-bottom:none}.customer-detail{position:sticky;top:0}.customer-detail .empty{height:200px;border:1px dashed var(--border);border-radius:var(--radius)}@media (max-width: 900px){.customers-layout{grid-template-columns:1fr}.customer-detail{position:static}}.promo-layout{display:grid;grid-template-columns:360px 1fr;gap:1.2rem;align-items:start}.promo-form{margin:0}.promo-form-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.4rem}.promo-list-wrap{min-width:0}.promo-row-actions{display:flex;gap:.4rem}.promo-row-actions button{font-size:.74rem;padding:.32rem .6rem}@media (max-width: 900px){.promo-layout{grid-template-columns:1fr}}.models-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.3rem}.models-picker{margin-top:.9rem;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.8rem}.models-grid{display:flex;flex-wrap:wrap;gap:.4rem;max-height:260px;overflow-y:auto}.model-chip{background:var(--panel);color:var(--text-soft);border:1px solid var(--border);border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:500;display:inline-flex;align-items:center;gap:.35rem}.model-chip:hover{border-color:var(--brand-green)}.model-chip.selected{background:var(--brand-green-light);border-color:var(--brand-green);color:var(--brand-green-dark);font-weight:700}.model-chip.non-chat{opacity:.65}.model-tag{font-size:.62rem;background:var(--border);color:var(--muted);border-radius:6px;padding:0 .3rem}