:root{color:#10201b;background:#eef4f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:0;margin:0}.wappi-logo{--logo-accent:#a9f36a;color:#0a2017;align-items:center;gap:10px;display:inline-flex}.wappi-logo.inverse{color:#f5fff9}.wappi-logo-mark{color:#0a2017;width:42px;height:42px}.wappi-logo.inverse .wappi-logo-mark{color:#f5fff9}.wappi-logo-word{letter-spacing:-.05em;font-size:1.35rem}button,input,textarea{font:inherit}button,.oauth{color:#fff;cursor:pointer;text-align:center;background:#12715b;border:0;border-radius:8px;padding:.75rem 1rem;font-weight:700;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}input,textarea{color:#10201b;background:#fff;border:1px solid #c9d7d2;border-radius:8px;width:100%;padding:.75rem .85rem}textarea{resize:vertical}.screen-center{place-items:center;min-height:100vh;font-weight:700;display:grid}.login{grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;min-height:100vh;padding:4rem min(7vw,6rem);display:grid}.login-copy h1{max-width:760px;margin:.5rem 0 1.25rem;font-size:clamp(2.3rem,6vw,5rem);line-height:.96}.login-copy p{color:#526760;max-width:640px;font-size:1.1rem}.login-card,.panel{background:#fff;border:1px solid #d3ddd9;border-radius:8px;box-shadow:0 16px 45px #10201b14}.login-card{gap:1rem;padding:2rem;display:grid}.app-shell{max-width:1280px;margin:0 auto;padding:2rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.topbar h1{margin:0;font-size:2rem}.eyebrow{color:#12715b;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.75rem;font-weight:800}.user-menu{align-items:center;gap:.75rem;display:flex}.user-menu img{border-radius:50%;width:42px;height:42px}.user-menu span,.muted,.empty,.panel-title span,.account span,.event time{color:#5d716a;font-size:.9rem}.grid{grid-template-columns:320px 1fr;gap:1rem;display:grid}.panel{padding:1rem}.contacts-panel,.events-panel{grid-column:1/-1}.panel-title{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.panel-title h2{margin:0;font-size:1.05rem}.stack{gap:.75rem;display:grid}.row{flex-wrap:wrap;gap:.75rem;display:flex}.ghost{color:#10201b;background:#e8efec}.danger{color:#9b1c1c;background:#fde8e8}.banner{border-radius:8px;margin-bottom:1rem;padding:.85rem 1rem}.error,.form-error{color:#9b1c1c;background:#fde8e8}.form-error{border-radius:8px;padding:.7rem}.account-list{gap:.5rem;margin-bottom:1rem;display:grid}.account{color:#10201b;text-align:left;background:#f7faf8;border:1px solid #e0e8e4;gap:.1rem;width:100%;display:grid}.account.active{background:#e9f6f1;border-color:#12715b}.account small{color:#0f604d;background:#dcebe5;border-radius:999px;justify-self:start;padding:.1rem .5rem}.qr-box{background:#f8fbf9;border:1px dashed #9fb1aa;border-radius:8px;place-items:center;min-height:340px;margin-bottom:1rem;display:grid}.qr-image{aspect-ratio:1;width:100%;height:auto;image-rendering:pixelated;opacity:0;background:#fff;grid-area:1/1;display:block}.qr-image.ready{opacity:1}.qr-renderer{aspect-ratio:1;background:#fff;place-items:center;width:min(320px,100%);display:grid}.qr-renderer .qr-loading{grid-area:1/1;min-height:0}.qr-content{text-align:center;justify-items:center;gap:.75rem;width:100%;padding:1rem;display:grid}.qr-loading,.qr-error{text-align:center;place-items:center;min-height:320px;margin:0;display:grid}.qr-error{color:#9b1c1c}.qr-content p,.pairing-code p{color:#5d716a;max-width:360px;margin:0}.pairing-code{text-align:center;justify-items:center;gap:.7rem;padding:1.25rem;display:grid}.pairing-code span,.pairing-form label{color:#12715b;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:800}.pairing-code strong{color:#10201b;letter-spacing:.12em;background:#fff;border:1px solid #c9d7d2;border-radius:8px;padding:.9rem 1.2rem;font-size:clamp(2rem,6vw,3.5rem);line-height:1}.pairing-form{gap:.4rem;margin-bottom:.75rem;display:grid}.ready-mark,.waiting{color:#476159;text-align:center;font-weight:700}.waiting{gap:.25rem;padding:1rem;display:grid}.waiting span{color:#5d716a;font-weight:500}.connection-progress{background:#f4faf7;border:1px solid #d7e4df;border-radius:8px;grid-template-columns:1fr auto;gap:.8rem 1rem;margin-bottom:1rem;padding:.9rem;display:grid}.connection-progress strong{margin-top:.1rem;font-size:1.05rem;display:block}.connection-progress p{color:#526760;margin:.15rem 0 0}.step-label{color:#12715b;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:800}.progress-percent{color:#0f604d;align-self:center;font-size:1.55rem;font-weight:900}.progress-bar{background:#dcebe5;border-radius:999px;grid-column:1/-1;height:10px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg,#12715b,#29a37f);height:100%;transition:width .25s;display:block}.timeline{gap:.55rem;margin-bottom:1rem;display:grid}.timeline h3{margin:0;font-size:.95rem}.timeline-item{border-bottom:1px solid #edf3f0;grid-template-columns:86px 140px 1fr;align-items:baseline;gap:.75rem;padding-bottom:.5rem;display:grid}.timeline-item span,.timeline-item small{color:#5d716a;font-size:.85rem}.timeline-item strong{color:#10201b}.previous-activity{border-top:1px solid #edf3f0;padding-top:.4rem}.previous-activity summary{color:#5d716a;cursor:pointer;margin-bottom:.5rem;font-size:.9rem;font-weight:700}.muted-item{opacity:.72}.status{background:#e8efec;border-radius:999px;padding:.2rem .6rem}.status.ready{color:#10633d;background:#dff5e6}.status.failed,.status.unavailable,.status.disconnected{color:#9b1c1c;background:#fde8e8}.events-list{gap:.75rem;max-height:420px;display:grid;overflow:auto}.event{border:1px solid #e0e8e4;border-radius:8px;padding:.75rem}.event div{justify-content:space-between;gap:1rem;display:flex}.event pre{color:#345149;white-space:pre-wrap;margin:.75rem 0 0;overflow:auto}.contact-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;max-height:360px;display:grid;overflow:auto}.contact-card{border:1px solid #e0e8e4;border-radius:8px;grid-template-columns:46px 1fr;align-items:center;gap:.75rem;padding:.75rem;display:grid}.contact-card img,.contact-avatar{border-radius:50%;width:46px;height:46px}.contact-card img{object-fit:cover}.contact-avatar{color:#0f604d;background:#dcebe5;place-items:center;font-weight:900;display:grid}.contact-card div:last-child{min-width:0;display:grid}.contact-card span,.contact-card small{color:#5d716a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=900px){.login,.grid,.topbar{grid-template-columns:1fr}.login{padding:2rem}.topbar{align-items:flex-start}.timeline-item{grid-template-columns:1fr;gap:.15rem}}