:root{color:#111b21;background:#efeae2;font-family:Segoe UI,sans-serif;font-size:14px;--wa-dark: #075e54;--wa: #128c7e;--wa-bright: #25d366;--ink: #111b21;--muted: #667781;--line: #d1d7db;--card: #fff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#efeae2}.app{min-height:100vh}.app-auth{display:flex;align-items:stretch}.sidebar{width:196px;flex:0 0 196px;display:flex;flex-direction:column;gap:12px;min-height:100vh;padding:14px 10px;background:var(--wa-dark);color:#fff}.sidebar-foot{display:grid;gap:8px;margin-top:auto}.topbar{display:flex;align-items:center;padding:10px 16px;background:var(--wa-dark);color:#fff}.brand{color:inherit;font-weight:700;text-decoration:none;white-space:nowrap;padding:0 6px}.menu-btn,.sidebar-backdrop{display:none}.menu-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.nav{display:flex;flex-direction:column;align-items:stretch;gap:2px}.nav a{color:#e7fff4;text-decoration:none;padding:7px 10px;border-radius:6px}.nav a.active{color:var(--wa-dark);font-weight:700;background:var(--wa-bright)}.who{color:#e7fff4;padding:0 6px;font-size:13px}.main{flex:1;min-width:0}@media (max-width: 720px){.app-auth{display:block}.app-auth .main{padding-top:52px}.menu-btn{display:grid;place-items:center;position:fixed;z-index:30;top:8px;left:8px;width:36px;height:36px;border:0;border-radius:6px;background:var(--wa-dark);color:#fff;cursor:pointer}.sidebar{position:fixed;z-index:40;top:0;left:0;transform:translate(-105%);transition:transform .18s ease}.sidebar-open .sidebar{transform:translate(0)}.sidebar-open .sidebar-backdrop{display:block;position:fixed;z-index:35;inset:0;border:0;padding:0;background:#111b2173;cursor:pointer}}.page{width:min(720px,calc(100% - 24px));margin:16px auto}.page-guide{width:min(820px,calc(100% - 24px))}.page-guide h2{margin-bottom:0}.guide-list{margin:0;padding-left:18px}.code{margin:0;padding:8px 10px;background:#f3faf6;border-radius:6px;overflow:auto;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.4;white-space:pre-wrap}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:top}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px}.card-active{border-color:var(--wa-bright);box-shadow:inset 3px 0 0 var(--wa-bright)}.form,.stack{display:grid;gap:8px}.stack{margin-top:10px}.field{display:grid;gap:4px}.label{font-size:12px;font-weight:600;color:var(--muted)}.input{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:6px;font:inherit;background:#fff}.input:focus{outline:2px solid var(--wa-bright);border-color:var(--wa)}.actions{display:flex;gap:6px;flex-wrap:wrap}.session-head{display:flex;justify-content:space-between;gap:8px;align-items:center}h1,h2{margin:0 0 6px}h1{font-size:1.25rem}h2{font-size:1rem}.btn{border:0;border-radius:6px;padding:7px 12px;background:var(--wa-bright);color:var(--wa-dark);font:inherit;font-weight:700;cursor:pointer}.btn:disabled{opacity:.55;cursor:default}.btn.btn-quiet{background:transparent;border:1px solid rgba(255,255,255,.55);color:#fff;width:100%}.btn-danger{background:#c4534d;color:#fff}.status{margin:0;text-transform:capitalize;color:var(--muted);font-size:13px}.status[data-status=connected]{color:var(--wa);font-weight:700}.qr{display:block;width:220px;max-width:100%;margin-top:8px}.muted{color:var(--muted)}.error{color:#c4534d;font-weight:700}.ok{color:var(--wa);font-weight:700}.stats{display:flex;flex-wrap:wrap;gap:20px;margin-top:10px}.stats p{margin:0}