.header-back{color:#e6eedc;font-size:13px;text-decoration:none}.header-back span{margin-left:6px}.connect-top{display:grid;grid-template-columns:minmax(450px,1.9fr) minmax(240px,1fr);gap:20px;margin-bottom:28px}.add-card,.session-panel,.access-message{border:1px solid var(--border);border-radius:14px;background:white;box-shadow:0 6px 26px #29483606}.add-card{padding:25px}.channel-brand{display:flex;align-items:center;gap:13px}.wa-icon{display:grid;place-items:center;background:#d9f0dc;color:#23764b;font-size:26px;font-weight:800;width:48px;height:48px;border-radius:13px}.channel-brand h2{font-size:19px}.channel-brand p{margin:2px 0 0;color:var(--mute);font-size:12px}.method-tag{margin-left:auto;font-size:11px;background:#f2f6ee;border:1px solid var(--border);border-radius:6px;padding:4px 9px;color:var(--green)}#add-session{display:grid;grid-template-columns:1.1fr 1fr auto;align-items:end;gap:12px;border:0;padding:0;margin-top:24px;background:transparent}.field{min-width:0}.field label{display:block;margin-bottom:5px;font-size:12px;font-weight:600;color:var(--ink)}.field input,.field select{font:inherit;font-size:13px;color:var(--ink);border:1px solid #ccd7cd;background:#fff;border-radius:8px;min-width:0;width:100%;height:42px;padding:9px 11px;margin:0}.field input::placeholder{color:#91a095}#add-button{height:42px;white-space:nowrap;padding:9px 16px;font-size:13px}#add-button span{margin-left:8px}.form-hint{margin:12px 0 0;font-size:11px;color:var(--mute)}.hosting-note{display:flex;gap:13px;border:1px solid #e1e6d8;border-radius:14px;background:#ecf1e3;padding:23px}.note-icon{font-size:25px;color:#567754;line-height:1.2}.hosting-note h2{font-size:15px;margin-bottom:7px}.hosting-note p{font-size:12px;color:#5b6e58;margin:7px 0;line-height:1.75}.session-panel{overflow:hidden}.session-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:23px 25px}.session-heading h2{display:flex;gap:10px;align-items:center;font-size:18px}.session-heading p{margin:3px 0 0;font-size:12px;color:var(--mute)}.live-note{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--mute)}.status-dot{height:7px;width:7px;background:#77a66c;border-radius:50%;display:inline-block}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px;white-space:nowrap}th{font-size:11px;color:#718071;background:#f8faf5;font-weight:600;padding:12px 25px;border-top:1px solid #e7ece4;border-bottom:1px solid #e7ece4}td{padding:20px 25px;border-bottom:1px solid #edf0e9;color:#50675b}tr:last-child td{border-bottom:0}.name-cell{display:flex;align-items:center;gap:11px}.name-cell strong{color:var(--ink);font-size:13px}.name-icon{width:32px;height:32px;border-radius:9px;background:#edf5e9;display:grid;place-items:center;color:#558450;font-size:15px}.number-text{font-variant-numeric:tabular-nums}.unavailable{color:#96a294;font-size:12px}.session-status{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:4px 8px;font-size:11px;background:#f0f2ec;color:#75806d}.session-status .status-dot{background:currentColor;width:5px;height:5px}.session-status.online{color:#32704b;background:#e7f3e6}.session-status.qr,.session-status.loading,.session-status.starting{color:#92733b;background:#faf3df}.session-status.error{color:#9c6246;background:#fcf0e8}.session-action{border:1px solid #d9e2d5;border-radius:7px;background:white;padding:6px 11px;color:var(--green);font-size:12px;font-weight:600}.empty-sessions{text-align:center;padding:42px 20px 50px}.empty-icon{margin:auto;border:1px solid var(--border);width:45px;height:45px;border-radius:12px;display:grid;place-items:center;font-size:23px;color:#6b8e61;background:#f6f9f1}.empty-sessions h3{font-size:15px;margin:12px 0 5px}.empty-sessions p{font-size:12px;color:var(--mute);margin:0}.access-message{padding:35px;margin:20px 0}.access-message p{color:var(--mute);font-size:13px}dialog{padding:0;border:1px solid var(--border);border-radius:17px;color:var(--ink);width:min(450px,calc(100vw - 32px));max-height:calc(100vh - 36px);overflow:auto;box-shadow:0 25px 100px #0b2c3c33}dialog::backdrop{background:#112a2375;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;padding:19px 23px;border-bottom:1px solid var(--border)}.modal-heading h2{font-size:20px;margin-top:4px}.close-modal{width:32px;height:32px;padding:0;border:0;border-radius:8px;background:#f3f6ef;color:#62735e;font-size:25px;line-height:1}.modal-body{padding:15px 25px 22px;text-align:center}.modal-body>p{font-size:13px;color:var(--mute);margin:4px 0 15px}.qr-container{width:280px;height:280px;border:1px solid var(--border);border-radius:13px;margin:0 auto 14px;display:grid;place-items:center;background:#fff}.qr-container img{width:264px;height:264px;object-fit:contain}.modal-progress{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--mute);font-size:13px}.spinner{width:29px;height:29px;border-radius:50%;border:3px solid #e4ecd9;border-top-color:#477e4d;animation:spinning 1s linear infinite}#scan-steps{text-align:left;margin:16px auto 14px;max-width:310px;padding-left:22px;color:#5e715f;font-size:12px;line-height:2}.modal-body .qr-freshness{font-size:11px;margin:11px 0 0;color:#83907b}.modal-footer{background:#f7f9f3;border-top:1px solid var(--border);padding:12px 18px;text-align:center;font-size:11px;color:#778570}.modal-result{padding:27px 0 20px;white-space:pre-line;color:#3f7652;font-size:16px;font-weight:600}#modal-reconnect{margin-top:16px}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #8cae72;outline-offset:2px}@keyframes spinning{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}@media(max-width:1100px){.connect-top{grid-template-columns:1fr}.hosting-note{padding:17px 21px}.hosting-note p{display:inline;margin-right:5px}th,td{padding:15px 19px}}@media(max-width:650px){.add-card{padding:20px}#add-session{grid-template-columns:1fr;gap:13px}.method-tag{display:none}.intro{align-items:flex-start}.intro p{font-size:12px}.chip{font-size:10px}.session-heading{padding:18px}.live-note{max-width:105px}.hosting-note{padding:15px}.session-heading h2{font-size:16px}.qr-container{width:min(280px,100%);height:280px}.qr-container img{max-width:100%;height:auto}.modal-body{padding:16px}}