@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{color:#152126;font-synthesis:none;--green:#0a9b4a;--green-dark:#087a3c;--ink:#101c21;--muted:#6e787c;--line:#dfe4e2;--surface:#fff;background:#f7f8f7;font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app-shell{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#dce8e5;background:#09171c;flex-direction:column;height:100vh;min-height:100vh;padding:26px 12px 18px;display:flex;position:sticky;top:0}.brand{color:inherit;white-space:nowrap;align-items:center;gap:11px;padding:0 8px;font-size:18px;font-weight:700;display:flex}.brand-mark{color:#fff;background:var(--green);border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.sidebar nav{gap:7px;margin-top:34px;display:grid}.sidebar nav button,.admin-row{color:#d4deda;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:14px;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#1b2a30}.sidebar nav button.active{box-shadow:inset 3px 0 #16c76b}.sidebar-bottom{margin-top:auto}.system-state{border:1px solid #314148;border-radius:8px;margin-bottom:16px;padding:10px}.system-state div{grid-template-columns:20px 1fr 8px;align-items:center;gap:8px;padding:7px 1px;font-size:12px;display:grid}.system-state i,.live-label i{background:#15c865;border-radius:50%;width:8px;height:8px}.system-state i.warn{background:#f1b91b}.admin-row{border-top:1px solid #26363c;border-radius:0;padding-top:18px}.admin-row span{flex:1}.workspace{min-width:0;padding:24px 30px 36px;position:relative}.mobile-header,.mobile-bottom-nav{display:none}.dashboard-grid{grid-template-columns:minmax(600px,1fr) 390px;align-items:start;gap:26px;max-width:1500px;margin:0 auto;display:grid}.main-column,.context-column{gap:22px;min-width:0;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.section-heading h2{letter-spacing:-.035em;color:var(--ink);margin:0 0 7px;font-size:32px;line-height:1.1}.section-heading p,.panel-title p{color:var(--muted);margin:0;font-size:13px}.button{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:13px;font-weight:600;transition:all .16s;display:inline-flex}.button.primary{color:#fff;background:var(--green);box-shadow:0 5px 13px #0a9b4a21}.button.primary:hover{background:var(--green-dark);transform:translateY(-1px)}.button.outline{color:var(--green-dark);background:#fff;border-color:#59bb83}.button.danger-outline{color:#d44343;background:#fff;border-color:#ef8989}.button.text-danger{color:#c44747;background:0 0}.button.wide{width:100%}.accounts-section{padding-top:5px}.account-table,.details,.qr-panel,.send-panel,.events-panel,.standalone-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px}.table-head,.account-row{grid-template-columns:minmax(230px,1.3fr) minmax(155px,.85fr) minmax(150px,.75fr) 42px;align-items:center;column-gap:18px;display:grid}.table-head{border-bottom:1px solid var(--line);height:49px;color:var(--muted);padding:0 20px;font-size:11px;font-weight:600}.account-row{text-align:left;width:100%;min-height:72px;color:var(--ink);background:#fff;border:0;border-bottom:1px solid #e8ecea;padding:10px 20px;position:relative}.account-row:last-child{border-bottom:0}.account-row:hover{background:#f8fbf9}.account-row.selected{background:#f0faf4}.account-row.selected:before{content:"";background:#11b95b;width:3px;position:absolute;top:0;bottom:0;left:-1px}.account-cell{align-items:center;gap:12px;min-width:0;display:flex}.account-cell>span{min-width:0}.account-cell strong,.account-cell small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-cell strong{margin-bottom:3px;font-size:14px}.account-cell small,.last-seen{color:var(--muted);font-size:11px}.avatar{color:#08723b;background:#d9f4e3;border-radius:50%;flex:0 0 38px;place-items:center;height:38px;font-size:15px;display:grid}.account-row:nth-child(3n) .avatar{color:#28649b;background:#deefff}.status{white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:inline-flex}.status i{background:#98a1a5;border-radius:50%;width:8px;height:8px}.status.positive i{background:#0eae56;box-shadow:0 0 0 3px #e3f7eb}.status.waiting i{background:#f0b71a}.status.danger i{background:#e45858}.empty-list,.empty-details,.empty-events{color:#7a8588;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:30px;display:flex}.empty-list h3{color:#354247;margin:11px 0 3px;font-size:15px}.empty-list p,.empty-details p,.empty-events p{margin:0;font-size:12px}.details{padding:23px 20px 26px}.details h3,.qr-panel h3,.send-panel h3,.events-panel h3{color:var(--ink);margin:0;font-size:15px}.detail-grid{grid-template-columns:minmax(0,1fr) 230px;gap:28px;margin-top:23px;display:grid}.detail-grid dl{gap:16px;margin:0;display:grid}.detail-grid dl div{grid-template-columns:165px minmax(0,1fr);align-items:start;gap:12px;display:grid}.detail-grid dt{color:var(--muted);font-size:11px}.detail-grid dd{overflow-wrap:anywhere;min-width:0;margin:0;font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px!important}.danger-text,.form-error{color:#c63f3f!important}.account-actions{border-left:1px solid var(--line);align-content:start;gap:10px;padding-left:28px;display:grid}.account-actions>span{color:var(--muted);margin-bottom:4px;font-size:11px}.qr-panel,.send-panel,.events-panel{padding:17px}.panel-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-title h3{margin-bottom:4px}.icon-button{color:#657176;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{background:#eef2f0}.qr-frame{background:#fff;border:1px solid #dfe4e2;border-radius:7px;place-items:center;min-height:285px;margin:16px 0 15px;display:grid}.qr-frame img{width:min(100%,270px);height:auto;image-rendering:pixelated;display:block}.qr-loading{color:var(--muted);flex-direction:column;align-items:center;gap:12px;font-size:12px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.steps{gap:9px;margin:0;padding:0;list-style:none;display:grid}.steps li{align-items:center;gap:10px;font-size:12px;display:flex}.steps b{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.copy-code{color:var(--green-dark);background:0 0;border:0;align-items:center;gap:7px;margin-top:14px;padding:8px 0;font-size:11px;display:flex}.qr-note{color:var(--muted);margin:2px 0 0;font-size:10px;line-height:1.5}.send-panel form,.webhook-form{gap:12px;margin-top:16px;display:grid}label{color:#647075;gap:5px;font-size:10px;font-weight:600;display:grid}input,textarea,select{color:#172329;resize:vertical;background:#fff;border:1px solid #d8dfdc;border-radius:6px;outline:none;width:100%;padding:10px 11px;font-size:12px}input:focus,textarea:focus,select:focus{border-color:#3bb873;box-shadow:0 0 0 3px #0a9b4a1a}.form-feedback{color:var(--green-dark);margin:0;font-size:11px}.live-label{color:var(--green-dark);align-items:center;gap:6px;font-size:10px;display:flex}.events-list{margin-top:13px}.event-row{border-top:1px solid #edf0ef;grid-template-columns:7px minmax(0,1fr) auto;align-items:start;gap:10px;padding:9px 0;display:grid}.event-row>i{background:#10ac55;border-radius:50%;width:7px;height:7px;margin-top:4px}.event-row>i.warning{background:#e6ac13}.event-row strong,.event-row small{display:block}.event-row strong{overflow-wrap:anywhere;font-size:10px}.event-row small,.event-row time{color:var(--muted);font-size:9px}.full-panel .events-list{max-height:65vh;overflow:auto}.full-panel .event-row{padding:15px 0}.full-panel .event-row strong{font-size:12px}.toast{z-index:20;color:#fff;background:#112329;border-radius:8px;align-items:center;gap:16px;max-width:420px;padding:12px 12px 12px 15px;font-size:12px;display:flex;position:fixed;top:20px;right:25px;box-shadow:0 15px 40px #08191f33}.toast button{color:#fff;background:0 0;border:0;place-items:center;display:grid}.standalone-view,.standalone-panel{max-width:960px;margin:5px auto}.standalone-view>.send-panel{max-width:540px}.standalone-panel{padding:25px}.webhook-form{max-width:620px}.login-page{background:#f7f8f7;grid-template-columns:minmax(420px,540px) 1fr;min-height:100vh;display:grid}.login-panel{background:#fff;flex-direction:column;padding:50px 64px;display:flex}.login-panel .brand{color:var(--ink);padding:0}.login-copy{margin-top:auto}.login-copy h1{letter-spacing:-.04em;margin:0 0 10px;font-size:38px}.login-copy p{color:var(--muted);max-width:390px;font-size:13px;line-height:1.65}.login-form{gap:13px;margin:30px 0 0;display:grid}.input-with-icon{color:#7b878b;border:1px solid #d8dfdc;border-radius:7px;align-items:center;gap:9px;padding:0 12px;display:flex}.input-with-icon:focus-within{border-color:#3bb873;box-shadow:0 0 0 3px #0a9b4a1a}.input-with-icon input{border:0;padding-left:0;box-shadow:none!important}.login-help{color:#8a9396;margin-top:auto;font-size:10px}.login-help code{color:#4c5a5f}.login-aside{color:#fff;text-align:center;background:#0a191f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;margin:18px 18px 18px 0;padding:60px;display:flex;position:relative;overflow:hidden}.login-aside:before{content:"";border:1px solid #2fdc7c1f;border-radius:50%;width:500px;height:500px;position:absolute}.login-aside h2{letter-spacing:-.03em;z-index:1;margin:25px 0 8px;font-size:28px}.login-aside p{color:#9fb1b2;z-index:1;max-width:400px;font-size:13px;line-height:1.6}.signal-orbit{color:#19cb69;z-index:1;background:#102b25;border:1px solid #265c42;border-radius:50%;place-items:center;width:105px;height:105px;display:grid;box-shadow:0 0 80px #14c86629}@media (width<=1350px){.dashboard-grid{grid-template-columns:minmax(540px,1fr) 340px;gap:18px}.workspace{padding:22px 20px}.accounts-section .section-heading{flex-direction:column;align-items:flex-start}.section-heading h2{font-size:30px}.section-heading .button{padding-inline:12px}.detail-grid{grid-template-columns:1fr}.account-actions{border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;padding:20px 0 0}.account-actions>span,.account-actions .text-danger{grid-column:1/-1}}@media (width<=920px){.app-shell{display:block}.sidebar{display:none}.workspace{padding:0 16px 92px}.mobile-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:67px;margin-bottom:22px;display:flex}.mobile-header .brand{color:var(--ink);padding:0}.mobile-bottom-nav{z-index:15;background:#09171c;border:1px solid #25353b;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:3px;height:66px;padding:6px;display:grid;position:fixed;bottom:10px;left:12px;right:12px;box-shadow:0 12px 35px #09171c40}.mobile-bottom-nav button{color:#aebdb9;background:0 0;border:0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:9px;display:flex}.mobile-bottom-nav button.active{color:#fff;background:#1b2a30}.dashboard-grid{grid-template-columns:1fr}.context-column{grid-template-columns:1fr 1fr;align-items:start}.qr-panel{grid-row:span 2}}@media (width<=650px){.workspace{padding:0 12px 24px}.section-heading{flex-direction:column;align-items:flex-start}.section-heading h2{font-size:27px}.section-heading .button{width:100%}.table-head{display:none}.account-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px}.account-row .last-seen{grid-column:1;padding-left:50px}.account-row>svg{grid-area:1/2}.context-column{grid-template-columns:1fr}.detail-grid dl div{grid-template-columns:1fr;gap:3px}.account-actions{grid-template-columns:1fr}.account-actions>*{grid-column:1!important}.login-page{background:#fff;display:block}.login-panel{min-height:100vh;padding:28px 24px}.login-aside{display:none}.login-copy,.login-help{margin-top:auto}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}