:root{--bg: #f7f6f3;--surface: #ffffff;--panel: #ebebf2;--accent: #5a5989;--accent-dark: #484770;--accent-soft: #ededf5;--accent-border: #d6d6e6;--text: #33352f;--text-muted: #7a7d74;--text-faint: #9a9d93;--text-fainter: #b0b2aa;--border: #e6e3da;--border-2: #eae7df;--divider: #f0ede6;--status-ativo-bg: #e6efe8;--status-ativo-fg: #3d6b4f;--status-pausado-bg: #f0ebe1;--status-pausado-fg: #9a7a45;--risk-alta-bg: #f6e7e4;--risk-alta-fg: #a4503f}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden;max-width:100%}body{margin:0;font-family:Figtree,system-ui,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Space Grotesk,system-ui,sans-serif;margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dark)}input,textarea,button,select{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--text-fainter)}::selection{background:#dad9e8}button{cursor:pointer}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .45s ease both}.wordmark{font-family:Space Grotesk;font-weight:700;letter-spacing:-.02em}.wordmark .dot{color:var(--accent)}.auth-split{display:flex;min-height:100vh}.auth-panel{flex:1 1 48%;background:linear-gradient(150deg,#565585,#42406e);padding:56px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.auth-panel h1{color:#fff}.auth-panel p{color:#d4d4e4}.auth-panel .wordmark{color:#f1f1f7}.auth-panel .wordmark .dot{color:#b9b8d7}.auth-form-wrap{flex:1 1 52%;display:flex;align-items:center;justify-content:center;padding:40px}.auth-form{width:100%;max-width:380px}.pill{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#e9e8f5;background:#ffffff24;border:1px solid rgba(255,255,255,.28);padding:6px 13px;border-radius:999px;margin-bottom:26px}.pill .dot{width:6px;height:6px;border-radius:50%;background:#b9b8d7}.copyright{font-size:13px;color:#a6a4c8}label.field-label{display:block;font-size:13px;font-weight:600;color:#5c5f58;margin-bottom:8px}.input{width:100%;height:52px;background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:0 16px;font-size:16px;color:var(--text);outline:none;transition:border-color .12s}.input:focus{border-color:var(--accent)}.btn{width:100%;height:54px;border-radius:14px;font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:none;transition:background .15s,border-color .15s,transform .12s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#5c5f58;border:1.5px solid var(--border);height:50px;font-size:15px;font-weight:600}.btn-secondary:hover{border-color:#c8c7d5}.btn-sm{height:44px;padding:0 18px;width:auto;font-size:14px;border-radius:12px}.btn-ghost{background:#f3f1ec;color:var(--accent-dark);border:1px solid var(--border)}.btn-ghost:hover{border-color:#cac9d8}.error-msg{color:var(--risk-alta-fg);font-size:14px;margin:0 0 16px}.notice{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:12px;padding:12px 14px;font-size:13.5px;color:var(--accent-dark);margin-bottom:16px}.app-shell{display:flex;height:100vh;height:100dvh}.sidebar{width:240px;flex-shrink:0;background:#fff;border-right:1px solid var(--border-2);padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100%}.nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:11px;color:var(--text-muted);font-weight:500;font-size:15px;cursor:pointer;border:none;background:transparent;text-align:left;width:100%;transition:background .12s}.nav-item:hover{background:#f3f1ec}.nav-item .marker{width:7px;height:7px;border-radius:50%;background:#c8c7d5;flex-shrink:0}.nav-item.active{background:var(--accent-soft);color:#39385d;font-weight:700}.nav-item.active .marker{background:var(--accent)}.profile-wrap{margin-top:auto;position:relative}.profile-card{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--bg);border:1px solid transparent;cursor:pointer;font-family:inherit;color:inherit}.profile-card:hover{border-color:var(--border-2)}.avatar{border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0;background:var(--accent)}.profile-menu{position:absolute;bottom:calc(100% + 6px);left:0;right:0;z-index:60;background:var(--surface);border:1px solid var(--border-2);border-radius:14px;box-shadow:0 12px 32px -14px #00000047;padding:6px;display:flex;flex-direction:column}.profile-menu button,.profile-menu a{text-align:left;padding:10px 12px;border-radius:9px;border:none;background:none;font-size:14px;font-weight:600;color:var(--text);cursor:pointer;font-family:inherit;text-decoration:none}.profile-menu button:hover,.profile-menu a:hover{background:var(--bg)}.profile-menu .sair{color:var(--risk-alta-fg);border-top:1px solid var(--border-2);margin-top:4px;padding-top:11px;border-radius:0 0 9px 9px}.main{flex:1;min-width:0;min-height:0;overflow-y:auto;background:var(--bg);display:flex;flex-direction:column}.page{padding:36px 44px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:24px}.page-title{font-size:32px;font-weight:700;letter-spacing:-.03em;margin-bottom:4px}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.card{background:#fff;border:1px solid var(--border-2);border-radius:18px;padding:24px}.p-card{background:#fff;border:1px solid var(--border-2);border-radius:18px;padding:20px;transition:border-color .15s,transform .12s,box-shadow .15s}.p-card:hover{border-color:#cac9d8;transform:translateY(-2px);box-shadow:0 14px 30px -22px #48477080}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px}.badge{font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}.badge.ativo{background:var(--status-ativo-bg);color:var(--status-ativo-fg)}.badge.pausado{background:var(--status-pausado-bg);color:var(--status-pausado-fg)}.banner{display:flex;align-items:center;gap:14px;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:16px;padding:14px 18px;margin-bottom:22px}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner.dark{border-color:#5a59894d;border-top-color:var(--accent)}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.chat-page{height:100%;display:flex;flex-direction:column}.chat-header{background:#fff;border-bottom:1px solid var(--border-2);padding:16px 44px;display:flex;align-items:center;gap:16px}.chat-messages{flex:1;overflow-y:auto;padding:24px 44px}.chat-bubble{max-width:70%;padding:10px 14px;border-radius:14px;box-shadow:0 1px 2px #0000000f;font-size:15px;line-height:1.45}.chat-bubble.inbound{background:#fff;border:1px solid var(--border-2)}.chat-bubble.outbound{background:var(--accent-soft);border:1px solid var(--accent-border)}.chat-meta{font-size:11px;color:var(--text-faint);margin-top:4px;text-align:right}.chat-inputbar{background:#fff;border-top:1px solid var(--border-2);padding:16px 44px;display:flex;gap:12px}.chat-inputbar input{flex:1}.mobile-topbar{display:none}@media(max-width:860px){.auth-split{flex-direction:column}.auth-panel{padding:32px 24px;min-height:auto}.auth-panel h1{font-size:32px!important}.auth-form-wrap{padding:28px 20px 48px}}@media(max-width:720px){.app-shell{flex-direction:column}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:40;height:100vh;transform:translate(-100%);transition:transform .22s ease;box-shadow:0 0 40px #00000026}.sidebar.open{transform:translate(0)}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#fff;border-bottom:1px solid var(--border-2);position:sticky;top:0;z-index:30}.hamburger{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:#fff;display:flex;align-items:center;justify-content:center}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:35}.page{padding:20px 16px}.page-header{gap:12px;flex-direction:column;align-items:stretch}.page-title{font-size:26px}.chat-header,.chat-messages,.chat-inputbar{padding-left:16px;padding-right:16px}}.phone-input{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:0 16px;height:54px;transition:border-color .12s}.phone-input:focus-within{border-color:var(--accent)}.phone-input .cc{font-size:15px;color:#8a8d84;font-weight:600}.phone-input input{flex:1;border:none;outline:none;background:transparent;font-size:16px;color:var(--text);min-width:0}.auth-ou{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--text-fainter);font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}.auth-ou:before,.auth-ou:after{content:"";flex:1;height:1px;background:var(--border-2)}.verify-wrap{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:40px}.verify-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--border-2);border-radius:24px;padding:44px 40px;text-align:center;box-shadow:0 24px 60px -40px #48477080}.verify-icon{width:64px;height:64px;border-radius:18px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px}.otp-row{display:flex;gap:12px;justify-content:center;margin-bottom:32px}.otp-box{width:62px;height:70px;text-align:center;font-size:28px;font-weight:700;background:#faf9f6;border:1.5px solid #ded9cf;border-radius:16px;outline:none;color:var(--accent-dark);font-family:Space Grotesk}.otp-box:focus{border-color:var(--accent);background:#fff}.tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--divider);margin-top:20px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:9px 14px;font-size:13.5px;font-weight:700;cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;color:var(--text-faint)}.tab.active{color:var(--accent-dark);border-bottom-color:var(--accent)}.tab-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none}.cfg-card{margin-top:18px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px}:root{--chart-out: #5250a8;--chart-in: #b06a2e}.range-picker{display:flex;gap:6px}.range-picker button{font:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:999px;padding:6px 14px}.range-picker button.on{background:var(--accent);border-color:var(--accent);color:#fff}.chip-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}.chip-idbox{min-width:0}.chip-num{font-weight:700;font-size:17px}.chip-meta{font-size:12.5px;color:var(--text-faint)}.chip-pills{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;border-radius:999px;padding:4px 12px}.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.pill.good{background:var(--status-ativo-bg);color:var(--status-ativo-fg)}.pill.warn{background:var(--status-pausado-bg);color:var(--status-pausado-fg)}.pill.bad{background:var(--risk-alta-bg);color:var(--risk-alta-fg)}.pill.soft{background:var(--accent-soft);color:var(--accent-dark)}.pill.off{background:var(--border-2);color:var(--text-muted)}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}@media(max-width:720px){.tiles{grid-template-columns:repeat(2,1fr)}}.tile{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 18px}.tile-label{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.tile-value{font-family:Space Grotesk;font-weight:700;font-size:28px;line-height:1.2;margin-top:6px;font-variant-numeric:tabular-nums}.tile-hint{font-size:12.5px;color:var(--text-faint);margin-top:2px}.tile-hint b{color:var(--text-muted);font-weight:600}.chart-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:4px}.chart-legend{display:flex;gap:16px;font-size:13px;color:var(--text-muted)}.chart-legend .key{display:inline-flex;align-items:center;gap:6px}.chart-legend .sw{width:10px;height:10px;border-radius:3px}.chart-box{position:relative}.chart-box svg{display:block;width:100%;height:auto}.chart-tip{position:absolute;pointer-events:none;z-index:2;background:var(--text);color:#fdfdfb;border-radius:10px;padding:8px 12px;font-size:12.5px;line-height:1.55;white-space:nowrap;transform:translate(-50%,-100%)}.chart-tip b{font-variant-numeric:tabular-nums}.chart-tip .t-out{color:#b9b8ea}.chart-tip .t-in{color:#eac49c}.tpl-table{width:100%;border-collapse:collapse;font-size:14px;min-width:560px}.tpl-table th{text-align:left;font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:8px 12px;border-bottom:1px solid var(--border)}.tpl-table td{padding:11px 12px;border-bottom:1px solid var(--divider)}.tpl-table tr:last-child td{border-bottom:none}.tpl-table td.r,.tpl-table th.r{text-align:right;font-variant-numeric:tabular-nums}.tpl-table .tname{font-weight:600}.tpl-cat{font-size:12px;font-weight:600;border-radius:6px;padding:2px 8px}.tpl-cat.auth{background:var(--accent-soft);color:var(--accent-dark)}.tpl-cat.util{background:#e9f0ef;color:#33635a}.tpl-cat.mkt{background:#f5e9dd;color:#8a5420}.tpl-status{font-size:12.5px;font-weight:600}.tpl-status.ok{color:var(--status-ativo-fg)}.tpl-status.rev{color:var(--status-pausado-fg)}.tpl-status.bad{color:var(--risk-alta-fg)}.switch{position:relative;width:42px;height:24px;border-radius:999px;flex:none;border:1px solid var(--border);background:#d9d7cf;padding:0;cursor:pointer;transition:background .15s,border-color .15s}.switch .knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s}.switch.on{background:var(--status-ativo-fg);border-color:var(--status-ativo-fg)}.switch.on .knob{transform:translate(18px)}.switch:disabled{opacity:.55;cursor:wait}.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip-switch{display:inline-flex;align-items:center;gap:8px}.chip-card-pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.chip-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;color:var(--text-muted)}.chip-card-foot b{color:var(--text);font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}select.input{padding-right:36px;background:#fff}.chart-box svg{max-height:200px}.webhook-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--divider)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#33352f59;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-width:440px;background:#fff;border:1px solid var(--border-2);border-radius:18px;padding:26px;box-shadow:0 30px 60px -30px #48477080;animation:fadeUp .25s ease both;max-height:calc(100vh - 40px);overflow-y:auto}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.row-actions{display:inline-flex;gap:14px;white-space:nowrap}.link-btn{border:none;background:none;padding:0;cursor:pointer;font-size:13px;font-weight:600;color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}.link-btn:hover{color:var(--accent)}.link-btn.danger{color:var(--risk-alta-fg)}.link-btn:disabled{opacity:.5;cursor:default}.users-table{min-width:720px}@media(max-width:720px){.modal{padding:20px;border-radius:14px}}