body{margin:0}#root{min-height:100svh}.auth-page,.auth-boot{box-sizing:border-box;color:#1c1f24;background:#f5f6f8;place-items:center;min-height:100vh;padding:24px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid}.auth-boot{color:#6b7280;font-size:14px}.auth-card{box-sizing:border-box;background:#fff;border:1px solid #e3e6ea;border-radius:12px;flex-direction:column;gap:14px;width:min(100%,400px);padding:28px 24px 24px;display:flex}.auth-card *{box-sizing:border-box}.auth-logo{width:210px;height:auto;margin:0 auto 4px;display:block}.auth-card h1{margin:0;font-size:24px}.auth-lead{color:#6b7280;margin:-6px 0 4px;font-size:14px}.auth-card label{flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.auth-card input{font:inherit;border:1px solid #e3e6ea;border-radius:8px;padding:10px 12px;font-weight:400}.auth-card input:focus{outline-offset:1px;outline:2px solid #128c7e}.auth-alert{color:#9b1c1c;background:#fdecec;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:400}.auth-btn{color:#fff;cursor:pointer;background:#128c7e;border:0;border-radius:8px;margin-top:4px;padding:11px 16px;font-size:14px;font-weight:600}.auth-btn:disabled{opacity:.55;cursor:default}.auth-btn-link{text-align:center;text-decoration:none;display:block}.auth-forgot,.auth-back{color:#128c7e;font-size:13px;font-weight:600;text-decoration:none}.auth-forgot{align-self:flex-end;margin-top:-6px}.auth-back{text-align:center}.auth-success{color:#166534;background:#e7f6ee;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:400}.wa-page{--bg:#f5f6f8;--card:#fff;--line:#e3e6ea;--text:#1c1f24;--muted:#6b7280;--brand:#128c7e;--brand-soft:#e7f5f2;--out:#d9fdd3;--in:#fff;color:var(--text);background:var(--bg);box-sizing:border-box;min-height:100vh;padding:24px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.wa-page *{box-sizing:border-box}.wa-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.wa-header h1{margin:0 0 4px;font-size:22px}.wa-header p{color:var(--muted);margin:0;font-size:14px}.wa-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.wa-user-email{color:var(--muted);font-size:13px}.panel-nav{gap:6px;margin-top:10px;display:flex}.panel-nav a{color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.panel-nav a.active{background:var(--brand-soft);color:var(--brand)}.panel-nav-icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.wa-alert{color:#9b1c1c;background:#fdecec;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:14px}.wa-account{margin-bottom:20px}.wa-account-bar{text-align:left;background:var(--card);border:1px solid var(--line);width:100%;color:inherit;font:inherit;cursor:pointer;border-radius:12px;flex-wrap:wrap;align-items:center;gap:18px;padding:10px 14px;display:flex}.wa-account-bar:hover{border-color:#c5cad1}.wa-account.open .wa-account-bar{border-radius:12px 12px 0 0}.wa-account-item{align-items:center;gap:8px;min-width:0;padding:0 14px;font-size:14px;display:flex}.wa-account-item:first-of-type{padding-left:0}.wa-account-item+.wa-account-item{border-left:1px solid var(--line)}.wa-account-item strong{font-size:14px}.wa-account-item .wa-card-label{letter-spacing:.04em}.wa-account-toggle{color:var(--brand);margin-left:auto;font-size:13px;font-weight:700}.wa-account .wa-cards{border:1px solid var(--line);background:#fbfbfc;border-top:0;border-radius:0 0 12px 12px;margin:0;padding:16px}.wa-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:20px;display:grid}.wa-card{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:10px;padding:18px;display:flex}.wa-card-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:600}.wa-big{font-size:20px}.wa-card dl{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:13px;display:grid}.wa-card dt{color:var(--muted)}.wa-card dd{align-items:center;gap:6px;margin:0;display:flex}.wa-mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}.wa-muted{color:var(--muted);margin:0;font-size:13px}.wa-muted.pad{padding:16px}.wa-dot{background:#9ca3af;border-radius:50%;width:8px;height:8px;display:inline-block}.wa-dot.q-green{background:#16a34a}.wa-dot.q-yellow{background:#eab308}.wa-dot.q-red{background:#dc2626}.wa-status{align-items:center;gap:8px;font-size:15px;display:flex}.wa-status:before{content:"";border-radius:50%;width:10px;height:10px}.wa-status.ok{color:#15803d}.wa-status.ok:before{background:#16a34a;box-shadow:0 0 0 4px #dcfce7}.wa-status.off{color:#b45309}.wa-status.off:before{background:#f59e0b}.wa-templates{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wa-templates li{justify-content:space-between;align-items:center;font-size:13px;display:flex}.wa-pill{color:var(--muted);background:#eef0f3;border-radius:999px;padding:2px 8px;font-size:11px}.wa-pill.approved{color:#15803d;background:#dcfce7}.wa-pill.rejected{color:#b91c1c;background:#fee2e2}.wa-pill.pending{color:#92400e;background:#fef3c7}.wa-btn{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:600;display:inline-flex}.wa-btn-icon{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.wa-btn:disabled{opacity:.55;cursor:default}.wa-btn.ghost{color:var(--text);border:1px solid var(--line);background:0 0}.wa-skeleton{background:linear-gradient(90deg,#eef0f3,#f7f8fa,#eef0f3) 0 0/200% 100%;border-radius:8px;height:60px;animation:1.2s infinite wa-shimmer}@keyframes wa-shimmer{to{background-position:-200% 0}}.wa-page-fit{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.wa-page-fit>.wa-account{flex:0 auto;min-height:0;overflow:auto}.wa-inbox{background:var(--card);border:1px solid var(--line);border-radius:12px;flex:1 1 0;grid-template-columns:300px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.wa-contacts{border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.wa-contacts-head{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;padding:14px 16px;font-weight:600;display:flex}.wa-contact-views{flex:none;gap:6px;padding:8px 12px 0;display:flex}.wa-contact-views button{border:1px solid var(--line);font:inherit;color:var(--muted);cursor:pointer;background:#f8f9fa;border-radius:8px;flex:1;padding:6px 8px;font-size:12px;font-weight:600}.wa-contact-views button.active{background:var(--brand-soft);color:var(--brand);border-color:#0000}.wa-contact-filter{border-bottom:1px solid var(--line);background:var(--card);flex:none;padding:8px 12px}.wa-contact-search{border:1px solid var(--line);background:#f8f9fa;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.wa-contact-search:focus-within{border-color:var(--brand);background:#fff}.wa-contact-search svg{fill:none;width:15px;height:15px;stroke:var(--muted);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none}.wa-contact-search input{min-width:0;font:inherit;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:8px 0;font-size:13px}.wa-contact-list{flex:1;min-height:0;overflow-y:auto}.wa-live{color:#16a34a;font-size:12px;font-weight:500;animation:1.6s infinite wa-pulse}@keyframes wa-pulse{50%{opacity:.4}}.wa-contact{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #f0f2f4;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding:12px 14px;display:grid}.wa-contact:hover{background:#f8f9fa}.wa-contact.active{background:var(--brand-soft)}.wa-avatar{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:grid}.wa-contact-body{gap:2px;min-width:0;display:grid}.wa-contact-line{justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.wa-contact-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.wa-contact-time{color:var(--muted);flex:none;font-size:11px}.wa-contact-preview{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.3;overflow:hidden}.wa-thread{background:#efeae2;flex-direction:column;min-width:0;min-height:0;display:flex}.wa-thread-head{background:var(--card);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 14px;display:flex}.wa-thread-head strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wa-thread-head .wa-muted{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;overflow:hidden}.wa-archive-btn{white-space:nowrap;flex:none;margin-left:auto;padding:6px 12px;font-size:13px}.wa-bubbles{flex-direction:column;flex:1;gap:8px;padding:18px;display:flex;overflow-y:auto}.wa-history-status{color:#54656f;align-self:center;padding:2px 0 6px;font-size:12px}.wa-bubble-group{flex-direction:column;gap:8px;width:100%;display:flex}.wa-day{color:#54656f;background:#fff;border-radius:8px;align-self:center;margin:4px 0;padding:5px 12px;font-size:12.5px;line-height:1.3;box-shadow:0 1px .5px #0b141a21}.wa-day time{font-variant-numeric:tabular-nums}.wa-bubble{border-radius:8px;max-width:70%;padding:8px 10px 4px;font-size:14px;animation:.25s ease-out wa-in;box-shadow:0 1px 1px #0000000f}@keyframes wa-in{0%{opacity:0;transform:translateY(6px)}}.wa-bubble.in{background:var(--in);align-self:flex-start}.wa-bubble.out{background:var(--out);align-self:flex-end}.wa-bubble p{white-space:pre-wrap;margin:0 0 2px}.wa-tag{text-transform:uppercase;color:var(--brand);margin-bottom:2px;font-size:10px;font-weight:700;display:inline-block}.wa-meta{color:var(--muted);justify-content:flex-end;gap:4px;font-size:11px;display:flex}.wa-tick.read{color:#34b7f1}.wa-tick.failed{color:#dc2626;font-weight:700}.wa-window-closed{color:#7a5b00;background:#fff8e6;border-top:1px solid #f0e2b8;margin:0;padding:8px 12px;font-size:12.5px;line-height:1.4}.wa-composer{background:var(--card);border-top:1px solid var(--line);gap:8px;padding:12px;display:flex}.wa-composer input{border:1px solid var(--line);border-radius:8px;flex:1;padding:10px 12px;font-size:14px}.wa-composer input:disabled{color:var(--muted);background:#f3f4f6}.wa-empty{color:var(--muted);margin:auto}.wa-btn.icon{width:28px;height:28px;padding:0}.wa-btn.icon .wa-btn-icon{width:16px;height:16px}.wa-modal{z-index:30;background:#11181c73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.wa-dialog{background:var(--card);border-radius:12px;flex-direction:column;gap:12px;width:min(100%,760px);max-height:min(100%,860px);padding:22px;display:flex;overflow:auto}.wa-dialog-head h2{margin:0 0 4px;font-size:20px}.wa-dialog label{flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.wa-dialog input,.wa-dialog select{border:1px solid var(--line);font:inherit;width:100%;color:inherit;background:#fff;border-radius:8px;padding:10px 12px;font-weight:400}.wa-dialog input:focus,.wa-dialog select:focus{outline:2px solid var(--brand);outline-offset:1px}.wa-dialog .wa-alert{margin:0}.wa-dialog-actions{justify-content:flex-end;gap:8px;display:flex}.wa-compose{grid-template-columns:minmax(0,1fr) minmax(220px,.9fr);align-items:start;gap:16px;display:grid}.wa-compose-fields,.wa-compose-preview{flex-direction:column;gap:10px;min-width:0;display:flex}.wa-preview-stage{background:#efeae2;border-radius:8px;min-height:140px;padding:12px}.wa-preview-bubble{background:var(--out);border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;display:flex;box-shadow:0 1px 1px #0000000f}.wa-preview-bubble strong{overflow-wrap:anywhere;font-size:14px}.wa-preview-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;font-weight:400}.wa-preview-footer{color:var(--muted);font-size:12px;font-weight:400}.wa-preview-buttons{border-top:1px solid #00000014;flex-direction:column;margin-top:4px;display:flex}.wa-preview-buttons span{color:#027eb5;text-align:center;overflow-wrap:anywhere;padding:8px 4px 4px;font-size:13px;font-weight:600}@media (width<=760px){.wa-page{padding:16px}.wa-page-fit{height:auto;display:block;overflow:visible}.wa-account-bar{gap:8px 14px}.wa-account-item{padding:0}.wa-account-item+.wa-account-item{border-left:0}.wa-inbox{grid-template-columns:1fr;height:auto}.wa-contacts{border-right:0;border-bottom:1px solid var(--line);max-height:240px}.wa-thread{height:480px}.wa-compose{grid-template-columns:1fr}}.users-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 0}.users-table-wrap{overflow-x:auto}.users-table{border-collapse:collapse;width:100%;font-size:14px}.users-table th,.users-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 16px}.users-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px}.users-table tr:last-child td{border-bottom:0}.users-card>.wa-muted{padding:16px}.users-notice{color:#166534;background:#e7f6ee;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:14px}.users-modal{z-index:20;background:#11181c73;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.users-dialog{background:var(--card);border-radius:12px;flex-direction:column;gap:12px;width:min(100%,420px);padding:22px;display:flex}.users-dialog h2{margin:0;font-size:20px}.users-dialog label{flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.users-dialog input{border:1px solid var(--line);font:inherit;border-radius:8px;padding:10px 12px;font-weight:400}.users-dialog input:focus{outline:2px solid var(--brand);outline-offset:1px}.users-dialog-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.tpl-layout{grid-template-columns:minmax(280px,380px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.tpl-form,.tpl-list{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}.tpl-form{flex-direction:column;gap:12px;display:flex}.tpl-form h2,.tpl-list h2{margin:0;font-size:16px}.tpl-form label,.tpl-examples{flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.tpl-form input,.tpl-form select,.tpl-form textarea{border:1px solid var(--line);font:inherit;width:100%;color:inherit;background:#fff;border-radius:8px;padding:10px 12px;font-weight:400}.tpl-form textarea{resize:vertical}.tpl-form input:focus,.tpl-form select:focus,.tpl-form textarea:focus{outline:2px solid var(--brand);outline-offset:1px}.tpl-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tpl-check{flex-direction:row;align-items:center;gap:8px}.tpl-check input{width:auto}.tpl-examples{border:1px dashed var(--line);background:#fbfbfc;border-radius:8px;padding:10px 12px}.tpl-preview{background:#efeae2;border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.tpl-preview p{white-space:pre-wrap;margin:0;font-size:14px}.tpl-success{color:#15803d;background:#dcfce7;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:14px}.tpl-list .users-table-wrap{overflow-x:hidden}.tpl-list .users-table{table-layout:fixed}.tpl-list .users-table th,.tpl-list .users-table td{overflow-wrap:anywhere;word-break:break-word;vertical-align:top}.tpl-list .users-table th:first-child,.tpl-list .users-table td:first-child{width:18%}.tpl-list .users-table th:nth-child(2),.tpl-list .users-table td:nth-child(2){width:14%}.tpl-list .users-table th:nth-child(3),.tpl-list .users-table td:nth-child(3){width:16%}.tpl-list .users-table th:nth-child(4),.tpl-list .users-table td:nth-child(4){width:14%}.tpl-body{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;display:block}.tpl-reason{color:#b91c1c;margin-top:4px;font-size:12px;display:block}.tpl-list .wa-muted{padding-top:8px}@media (width<=980px){.tpl-layout{grid-template-columns:1fr}}