:root{--bg:#f5f0e8;--panel:#fffaf2;--ink:#251d18;--muted:#7c6b5d;--line:#e9ddcf;--brand:#8b5e3c;--brand2:#f4b95e;--green:#1f8a5b;--red:#b14a42;--blue:#3b6ea8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;display:flex;min-height:100vh}.sidebar{width:245px;background:#2b211b;color:#fff;position:fixed;inset:0 auto 0 0;padding:22px 16px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.brand b{display:block;font-size:22px}.brand small{display:block;color:#d9c8b7}.paw{width:42px;height:42px;display:grid;place-items:center;background:#503b2f;border-radius:14px}nav{display:grid;gap:8px}nav a{color:#eadfce;text-decoration:none;padding:12px 14px;border-radius:14px}nav a:hover,nav a.active{background:#4a352a;color:#fff}main{margin-left:245px;width:calc(100% - 245px);padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.eyebrow{margin:0 0 5px;color:var(--brand);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px}h1{font-size:32px;margin:0}h2,h3{margin:0}.panel{background:rgba(255,255,255,.48);border:1px solid var(--line);border-radius:26px;padding:22px;margin-bottom:22px;box-shadow:0 18px 45px rgba(50,35,20,.05)}.section-title{display:flex;justify-content:space-between;gap:14px;align-items:end;margin-bottom:18px}.section-title span,.muted{color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.stat,.box{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px}.stat span{display:block;color:var(--muted);font-size:13px}.stat b{display:block;font-size:24px;margin:8px 0}.stat small{color:var(--muted)}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.box h3{margin-bottom:14px}.list{display:grid;gap:10px}.item{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px;border-radius:14px;background:#fff;border:1px solid #f0e6dc}.item span{display:grid;gap:3px}.item small{display:block;color:var(--muted);font-size:12px}.item em{font-style:normal;color:var(--brand);font-size:13px;font-weight:700}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:14px;border-bottom:1px solid #f0e6dc;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#fff8ef}td small{display:block;color:var(--muted);margin-top:3px}.status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;text-transform:capitalize;background:#eee}.status.paid,.status.finished{background:#e5f5ec;color:var(--green)}.status.pending-payment,.status.pending{background:#fff1d6;color:#9b6500}.status.expired,.status.cancelled{background:#ffe6e2;color:var(--red)}.pill{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800}.pill.connected{background:#e5f5ec;color:var(--green)}.pill.running,.pill.waiting-qr,.pill.loading,.pill.authenticated,.pill.starting{background:#fff1d6;color:#9b6500}.pill.auth-failure{background:#ffe6e2;color:var(--red)}.pill.not-configured,.pill.disconnected{background:#fff1d6;color:#9b6500}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.actions button{border:0;border-radius:12px;padding:11px 13px;background:#2b211b;color:#fff;font-weight:800;cursor:pointer}.actions button:hover{background:#4a352a}.qr-holder{height:260px;border:2px dashed #d9c8b7;border-radius:22px;display:grid;place-items:center;background:#fff;overflow:hidden}.qr-holder img{max-width:230px;width:80%;height:auto}.qr-placeholder{width:100%;height:100%;display:grid;place-items:center;text-align:center;color:#a58c77;font-size:32px;font-weight:900;background:#fff}.wa-status strong{font-size:26px;text-transform:capitalize}.wa-status p{margin:10px 0;color:var(--muted)}.error{position:fixed;right:16px;bottom:16px;background:#210;color:#fff;padding:16px;border-radius:12px}@media(max-width:1000px){body{display:block}.sidebar{position:static;width:auto}.brand{margin-bottom:14px}nav{display:flex;overflow:auto}main{margin:0;width:100%;padding:18px}.cards{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:14px;flex-direction:column}h1{font-size:25px}.section-title{align-items:flex-start;flex-direction:column}.panel{padding:16px;border-radius:20px}}.connected-list{padding:0;margin:10px 0 0;display:grid;gap:8px}.connected-list li{list-style:none;background:#fff;border:1px solid #f0e6dc;border-radius:12px;padding:10px;display:grid;gap:3px}.connected-list span{color:var(--muted);font-size:13px}.spinner{width:42px;height:42px;border:4px solid #eadfce;border-top-color:#8b5e3c;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.qr-placeholder small{font-size:14px;color:#7c6b5d;font-weight:700}