@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#17211d;background:#f6f8f7;line-height:1.5;--ink:#17211d;--muted:#66756f;--deep:#102d24;--green:#1c9a6b;--green-dark:#117d54;--green-soft:#e4f6ee;--paper:#fff;--line:#dde6e2;--danger:#b43e45;--shadow:0 12px 32px rgba(18,48,38,.07)}*{box-sizing:border-box}body{margin:0;background:#f6f8f7}button,input{font:inherit}button{border:0;border-radius:9px;padding:.72rem 1rem;background:var(--green-dark);color:#fff;font-weight:700;cursor:pointer}button:hover{filter:brightness(.96)}button:disabled{cursor:wait;opacity:.68}button:focus-visible,input:focus-visible{outline:3px solid #65baf1;outline-offset:2px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.brand-panel{padding:8vw;background:var(--deep);color:#fff;display:flex;flex-direction:column;justify-content:center}.brand-mark,.logo b{display:grid;place-items:center;width:52px;height:52px;background:#25d366;color:#0d3426;border-radius:14px;font:700 1.5rem Manrope}.brand-panel h1{font:700 clamp(2.5rem,5vw,5.5rem)/1.02 Manrope;max-width:12ch;margin:2.5rem 0 1.5rem}.brand-panel p{max-width:38ch;color:#c9dfd6}.login-form{padding:12%;display:flex;flex-direction:column;justify-content:center;gap:1.2rem;background:#fff}.login-form h2,.panel h1,.dashboard-head h1{font:700 2rem Manrope;margin:0}.login-form label,.panel label,.dialog label{display:grid;gap:.45rem;font-weight:600}input{width:100%;padding:.85rem;border:1px solid var(--line);border-radius:9px;background:#fbfdfc}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.shell aside{position:sticky;top:0;height:100vh;background:var(--deep);color:#fff;padding:1.6rem 1.2rem;display:flex;flex-direction:column;justify-content:space-between}.logo{display:flex;gap:.75rem;align-items:center;font:600 1rem Manrope}.logo b{width:42px;height:42px}.logo span{display:grid;line-height:1.05}.logo strong{color:#60d49f;font-weight:700}.shell nav{margin-top:2.75rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.8rem .9rem;border-radius:9px;color:#d0e4dc;font-weight:600}.nav-item.active{background:#1c4839;color:#fff}.nav-item i{font-style:normal;font-size:1.1rem}.account{display:grid;gap:.35rem;padding:1rem .8rem;border-top:1px solid #315247;font-size:.8rem;overflow-wrap:anywhere}.account span{color:#8fb4a6}.account strong{font-weight:600}.text{padding:.35rem 0;background:none;text-align:left;color:#8ee0bc}.shell>main{padding:clamp(1.4rem,4vw,3.5rem);max-width:1280px;width:100%;margin:0 auto}.dashboard-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.75rem}.dashboard-head h1{font-size:2.2rem;letter-spacing:-.035em}.dashboard-head>div>p:last-child{color:var(--muted);margin:.45rem 0 0}.context-label{color:var(--green-dark);font-weight:700;margin:0 0 .3rem}.refresh-button{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 2px 5px #1230260a}.connection-summary{display:grid;grid-template-columns:1.15fr 1fr 1fr;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);margin-bottom:2.4rem}.connection-summary>div{min-height:108px;padding:1.25rem 1.4rem;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.connection-summary>div:first-child{border-left:0}.connection-summary strong{font:700 1.35rem Manrope}.connection-summary span{color:var(--muted);font-size:.88rem}.connection-summary .summary-primary{flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem}.summary-primary>div{display:grid}.summary-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--green-soft);color:var(--green-dark)!important;font-size:1.7rem!important}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:1rem}.section-heading h2{font:700 1.25rem Manrope;margin:0}.section-heading p{margin:.2rem 0 0;color:var(--muted);font-size:.9rem}.connections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.connection{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 18px #1230260b;overflow:hidden}.connection-top{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;padding:1.2rem 1.25rem;border-bottom:1px solid #edf1ef}.whatsapp-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#25d366;color:#073c23;font-weight:800}.connection-title h3{font:700 1.05rem Manrope;margin:0}.connection-title span{color:var(--muted);font-size:.78rem}.status-badge{display:inline-flex;align-items:center;gap:.38rem;padding:.3rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700}.status-badge i{width:7px;height:7px;border-radius:50%;background:currentColor}.status-badge.online{background:var(--green-soft);color:#08764d}.status-badge.offline{background:#f1f3f2;color:#68756f}.connection-body{padding:1.25rem}.connection-body>span{display:block;color:var(--muted);font-size:.78rem;margin-bottom:.25rem}.connection-body>strong{font-size:1rem}.connection-body p{color:var(--muted);font-size:.87rem;margin:1rem 0 0;min-height:2.6em}.connection-actions{display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.25rem;background:#fafcfb;border-top:1px solid #edf1ef}.ghost{background:#edf3f0;color:var(--ink)}.danger,.danger-link{background:var(--danger);color:#fff}.danger-link{background:transparent;color:#a9363d}.state-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:2rem;text-align:center;color:var(--muted)}.state-panel strong{display:block;color:var(--ink);font-size:1.05rem}.state-panel p{margin:.4rem auto 1rem}.error-panel{border-color:#ecc9cb;background:snow}.error{color:#a13232}.backdrop{position:fixed;inset:0;background:#0b241dcc;display:grid;place-items:center;padding:1rem;z-index:10}.dialog{background:#fff;border-radius:16px;padding:2rem;width:min(460px,100%);display:grid;gap:1rem;box-shadow:0 28px 70px #00000040}.dialog h2{font-family:Manrope;margin:0}.qr{text-align:center}.qr img{width:min(300px,100%);margin:auto}.waiting{padding:4rem 1rem;background:#eef4f1;border-radius:12px}.actions{display:flex;gap:.7rem;align-items:center}.center{min-height:100vh;display:grid;place-items:center;padding:1rem}.panel{background:#fff;padding:2rem;border:1px solid var(--line);border-radius:18px;display:grid;gap:1rem;width:min(460px,100%)}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:2rem}.page-head h1{font:700 2rem Manrope;margin:0}.page-head p{color:var(--muted)}.client-table{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.client-table article{padding:1rem 1.3rem;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(320px,auto);gap:1rem;align-items:center;border-bottom:1px solid var(--line)}.client-table article:last-child{border:0}.client-info{display:grid}.client-table span{color:#607970}.client-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.client-actions button{padding:.55rem .7rem;font-size:.8rem}.badge{font-size:.75rem;font-weight:700}.badge.active{color:#08744d}.badge.disabled,.badge.delete_pending{color:#9b3030}.loading{min-height:100vh;display:grid;place-items:center}.error-panel.compact{display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left;margin-bottom:1rem;padding:1rem 1.2rem}.error-panel.compact p{margin:.2rem 0 0}@media(max-width:900px){.connections{grid-template-columns:1fr}.client-table article{grid-template-columns:1fr auto}.client-actions{grid-column:1/-1;justify-content:flex-start}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.brand-panel{padding:2rem;min-height:38vh}.brand-panel h1{font-size:2.4rem;margin:1.4rem 0}.login-form{padding:2rem;min-height:62vh}.shell{grid-template-columns:1fr}.shell aside{position:static;height:auto;padding:1rem;flex-direction:row;align-items:center}.shell nav,.account span,.account strong{display:none}.account{border:0;padding:0}.shell>main{padding:1.25rem}.dashboard-head{align-items:flex-start;flex-direction:column;gap:1rem}.connection-summary{grid-template-columns:1fr}.connection-summary>div{min-height:88px;border-left:0;border-top:1px solid var(--line)}.connection-summary>div:first-child{border-top:0}.page-head{align-items:start;gap:1rem;flex-direction:column}.connection-top{grid-template-columns:auto 1fr}.status-badge{grid-column:1/-1;width:max-content}.connection-actions{justify-content:stretch}.connection-actions button{flex:1}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.connection-actions{flex-wrap:wrap}