:root{--bg: #f7f2ea;--surface: #fffdf9;--surface-2: #f3ece0;--border: #e6dccb;--text: #4a4034;--muted: #9a8b76;--brand: #b0885a;--brand-dim: #9c7345;--brand-soft: rgba(176, 136, 90, .14);--ok: #7a9a5e;--warn: #c8922e;--bad: #c0563f;--radius: 14px;--shadow: 0 10px 34px rgba(120, 90, 50, .1)}*{box-sizing:border-box;-webkit-text-size-adjust:100%}html,body,#root{margin:0;height:100%}body{background:radial-gradient(1200px 600px at 80% -10%,#fbf6ee 0%,var(--bg) 60%);color:var(--text);font-family:Mulish,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0 0 4px;font-weight:600;letter-spacing:.01em;color:var(--text)}.accent{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:600;font-size:1.12em;color:var(--brand)}.muted{color:var(--muted)}.small{font-size:12px}.dashboard{max-width:1180px;margin:0 auto;padding:24px 20px 20px;height:100vh;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 480px){.dashboard{padding:14px 12px 16px}}.app-header{margin-bottom:18px;flex-shrink:0;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.acct{position:relative;flex-shrink:0}.acct-chip{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:7px 12px 7px 8px;cursor:pointer;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}.acct-chip:hover{border-color:var(--brand)}.acct-avatar{position:relative;width:38px;height:38px;flex-shrink:0}.acct-avatar img,.acct-avatar-fallback{width:38px;height:38px;border-radius:11px;object-fit:cover;display:grid;place-items:center}.acct-avatar-fallback{background:var(--brand-soft);color:var(--brand-dim);font-weight:700;font-size:14px}.acct-online{position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;background:var(--ok);border:2px solid var(--surface)}.acct-meta{display:flex;flex-direction:column;line-height:1.25;text-align:left;min-width:0}.acct-name{font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.acct-sub{font-size:12px;color:var(--muted)}.acct-chevron{color:var(--muted);transition:transform .18s;flex-shrink:0}.acct-chevron.is-open{transform:rotate(180deg)}.acct-menu{position:absolute;z-index:50;top:calc(100% + 8px);right:0;min-width:230px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:6px;overflow:hidden}.acct-menu-head{display:flex;flex-direction:column;gap:1px;padding:8px 12px 10px}.acct-menu-divider{height:1px;background:var(--border);margin:2px 0}.acct-item{width:100%;display:flex;align-items:center;gap:11px;padding:10px 12px;border:none;background:transparent;border-radius:9px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text);text-align:left}.acct-item:hover:not(:disabled){background:var(--surface-2)}.acct-item:disabled{opacity:.6;cursor:default}.acct-item-danger{color:#c0392b}.acct-item-danger:hover:not(:disabled){background:#c0392b14}.scan-wrap{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.scan-card{display:flex;align-items:center;gap:48px;width:100%;max-width:900px;padding:40px 44px;margin-bottom:0}.scan-left{flex:1;min-width:0}.scan-title{font-size:34px;font-weight:500;margin-bottom:26px}.scan-steps{list-style:none;margin:0 0 22px;padding:0;position:relative}.scan-steps:before{content:"";position:absolute;left:16px;top:26px;bottom:26px;width:1.5px;background:var(--border)}.scan-step{display:flex;align-items:center;gap:16px;padding:9px 0;position:relative}.scan-num{width:33px;height:33px;flex-shrink:0;border-radius:50%;border:1.5px solid var(--brand);color:var(--brand);background:var(--surface);display:grid;place-items:center;font-size:14px;font-weight:600;position:relative;z-index:1}.scan-step-text{font-size:17px;color:var(--text)}.wa-inline{display:inline-flex;vertical-align:middle;transform:translateY(-1px)}.scan-help{display:inline-flex;align-items:center;gap:5px;color:var(--text);font-weight:600;text-decoration:none;border-bottom:2px solid var(--ok);padding-bottom:2px}.scan-help:hover{color:var(--brand)}.scan-realtime{display:flex;align-items:center}.scan-right{flex-shrink:0}.qr-box{position:relative;width:280px;height:280px;display:grid;place-items:center;border-radius:16px;padding:10px}.qr-box .qr-img{width:100%;height:100%;border-radius:8px;background:#fff;padding:0}.qr-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:14px;background:#fff;display:grid;place-items:center;box-shadow:0 2px 8px #00000026}.qr-loading{display:flex;flex-direction:column;align-items:center;gap:12px}@media (max-width: 760px){.scan-card{flex-direction:column-reverse;gap:28px;padding:28px 22px}.scan-title{font-size:28px}}@media (max-width: 480px){.scan-card{padding:20px 14px;gap:20px}.scan-title{font-size:22px;margin-bottom:18px}.scan-step-text{font-size:15px}.qr-box{width:220px;height:220px}}.app-header h1{font-size:26px}.app-header p{margin:2px 0 0}@media (max-width: 480px){.app-header h1{font-size:20px}.app-header p{font-size:12px}.acct-name{max-width:120px}}.layout{display:grid;grid-template-columns:340px 1fr;gap:20px;align-items:stretch;flex:1;min-height:0}.sidebar{min-height:0;overflow-y:auto;padding-right:2px}.content{flex:1;display:flex;flex-direction:column;min-height:0}.content .card{flex:1;display:flex;flex-direction:column;min-height:0;margin-bottom:0}@media (max-width: 900px){body{overflow:auto}.dashboard{height:auto;overflow:visible}.layout{grid-template-columns:1fr;flex:none}.sidebar{overflow:visible}.content .card{min-height:60vh}}@media (min-width: 901px){body{overflow:hidden}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);margin-bottom:20px}.connection-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.connection-head h2{font-size:16px}.hint{margin:6px 0 14px;font-size:13px}.badge{padding:4px 12px;border-radius:999px;font-size:12px;font-weight:650;white-space:nowrap}.badge-ok{background:#22c55e26;color:var(--ok)}.badge-warn{background:#f5a62326;color:var(--warn)}.badge-bad{background:#ef444426;color:var(--bad)}.badge-muted{background:#8a95a826;color:var(--muted)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin:0 6px}.dot-ok{background:var(--ok)}.dot-bad{background:var(--bad)}.qr-area{display:flex;justify-content:center;align-items:center;min-height:240px;background:var(--surface-2);border-radius:12px;padding:16px}.qr-img{width:240px;height:240px;border-radius:8px;background:#fff;padding:8px}.qr-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px}.connected-box{display:flex;align-items:center;gap:14px}.check{width:54px;height:54px;border-radius:50%;background:#22c55e26;color:var(--ok);font-size:26px;display:grid;place-items:center}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.format-card h3{font-size:14px;margin-bottom:10px}.format-pre{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px;font-size:12.5px;color:var(--text);overflow-x:auto;margin:0 0 10px}.btn{display:inline-flex;align-items:center;justify-content:center;height:38px;min-height:44px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:0 14px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:550;transition:.15s;-webkit-tap-highlight-color:transparent}.btn:hover:not(:disabled){border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-danger{margin-top:14px;width:100%;background:#ef44441f;border-color:#ef444466;color:#ff8080}.btn-ghost{background:transparent}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){border-color:var(--brand);filter:brightness(1.1)}.input{height:38px;min-height:44px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:0 12px;outline:none;transition:border-color .15s,box-shadow .15s;font-size:16px}@media (min-width: 641px){.input{min-height:unset;font-size:13px}}.input::placeholder{color:var(--muted)}.input:hover:not(:focus){border-color:#d3c3a6}.input:focus,.input:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input[type=number]::-webkit-outer-spin-button,.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.search{flex:1;min-width:140px}.small-input{width:100px}@media (max-width: 480px){.small-input{width:80px}}.stats-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}@media (max-width: 900px){.stats-bar{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.stats-bar{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.stat{padding:10px 12px}.stat-value{font-size:16px}}.stat{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:20px;font-weight:680}.stat-neg{color:var(--bad)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media (max-width: 640px){.toolbar{gap:8px}.filters{width:100%;gap:6px}.search{width:100%;flex:none}.drp{width:100%}.drp-trigger{width:100%;min-width:0}.small-input{flex:1;width:auto;min-width:0}}.table-wrap{flex:1;min-height:0;display:flex;flex-direction:column}.table-scroll{flex:1;min-height:0;overflow:auto}.records-table{width:100%;border-collapse:collapse;font-size:13px}.records-table th,.records-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}@media (max-width: 640px){.records-table thead{display:none}.records-table,.records-table tbody,.records-table tr,.records-table td{display:block;width:100%}.records-table tbody tr{border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:10px 12px;background:var(--surface);box-shadow:0 2px 8px #785a3212}.records-table tbody tr:hover{background:var(--surface-2)}.records-table td{padding:4px 0;border-bottom:none;white-space:normal;display:flex;justify-content:space-between;align-items:center;font-size:13px}.records-table td[data-label]:before{content:attr(data-label);font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;margin-right:8px}.records-table td.right{text-align:right}.records-table td.td-item{font-weight:700;font-size:14px;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:4px;display:block}.records-table td.td-item:before{display:none}.table-scroll{overflow:visible}}.records-table th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;position:sticky;top:0;background:var(--surface);z-index:1}.records-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.records-table th.sortable:hover{color:var(--text)}.records-table tbody tr:hover{background:var(--surface-2)}.records-table .right,.records-table th.right{text-align:right}.sort-arrow{color:var(--brand)}.sender-cell{display:inline-flex;align-items:center;gap:9px}.avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--border)}.avatar-fallback{display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-dim);font-size:11px;font-weight:700}.empty{text-align:center;color:var(--muted);padding:30px 0}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:0;padding-top:12px;border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;flex-shrink:0}@media (max-width: 480px){.pagination{justify-content:center;flex-direction:column;gap:8px}.pager{width:100%;justify-content:center}.pager .btn{flex:1;justify-content:center}}.pager{display:flex;gap:8px}.drp{position:relative}.drp-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-width:180px;cursor:pointer;text-align:left}@media (max-width: 480px){.drp-trigger{min-width:0;font-size:12px}}.drp-trigger.drp-empty .drp-label{color:var(--muted)}.drp-cal-icon{font-size:14px;opacity:.8}.drp-pop{position:fixed;z-index:40;top:auto;bottom:0;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;box-shadow:0 -8px 32px #785a3226;padding:6px;max-height:90vh;overflow-y:auto}@media (min-width: 641px){.drp-pop{position:absolute;bottom:auto;top:calc(100% + 8px);right:0;left:auto;border-radius:var(--radius);box-shadow:var(--shadow);width:max-content;max-width:min(94vw,520px);max-height:none;overflow-y:visible}}.drp-body{display:flex;gap:6px}.drp-presets{display:flex;flex-direction:column;gap:1px;padding:4px 4px 4px 2px;border-right:1px solid var(--border);min-width:96px}.drp-preset{background:transparent;border:none;color:var(--text);text-align:left;padding:6px 9px;border-radius:7px;cursor:pointer;font-size:12px;transition:.12s}.drp-preset:hover{background:var(--surface-2)}.drp-preset-active{background:var(--brand-soft);color:var(--brand);font-weight:600}.drp-calendars{display:flex;gap:10px;padding:4px 6px}@media (max-width: 640px){.drp-body{flex-direction:column}.drp-presets{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--border);min-width:0}.drp-calendars{flex-direction:column}}.drp-month{width:182px}.drp-month-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;height:24px}.drp-month-title{font-size:12.5px;font-weight:650}.drp-nav{width:24px;height:24px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;font-size:14px;line-height:1;display:grid;place-items:center}.drp-nav:hover{border-color:var(--brand);color:var(--brand)}.drp-nav-spacer{width:24px;height:24px}.drp-weekdays,.drp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.drp-weekdays span{text-align:center;font-size:10px;color:var(--muted);padding:2px 0}.drp-day{aspect-ratio:1 / 1;border:none;background:transparent;color:var(--text);font-size:11.5px;border-radius:7px;cursor:pointer;transition:background .1s}.drp-day:hover{background:var(--surface-2)}.drp-out{color:var(--muted);opacity:.45}.drp-today{box-shadow:inset 0 0 0 1px var(--brand-dim)}.drp-in-range{background:var(--brand-soft);border-radius:0}.drp-selected{background:var(--brand);color:#fff;font-weight:650}.drp-selected:hover{background:var(--brand)}.drp-edge-start{border-radius:8px 0 0 8px}.drp-edge-end{border-radius:0 8px 8px 0}.drp-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--border);margin-top:2px;padding:9px 6px 4px}.drp-pills{display:flex;align-items:center;gap:6px}.drp-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:5px 11px;font-size:11.5px;color:var(--muted);white-space:nowrap}.drp-pill-set{color:var(--text);border-color:var(--brand-dim)}.drp-dash{color:var(--muted)}.drp-actions{display:flex;gap:6px}.drp-actions .btn{height:32px;padding:0 12px;font-size:12px}