.cx-stats{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.cx-stat{align-items:center;background:var(--app-card-bg, var(--app-card-inner-bg));border:1px solid var(--app-border);border-radius:12px;display:flex;gap:14px;padding:20px}.cx-stat-icon{align-items:center;background:#09e48d1f;border-radius:50%;color:#0bd389;display:flex;flex-shrink:0;font-size:20px;font-weight:900;height:52px;justify-content:center;width:52px}.cx-stat-icon.purple{background:#7c5cff24;color:#9d86ff}.cx-stat-icon.check{background:#09e48d24;color:#0bd389;font-size:24px}.cx-stat small{color:var(--app-muted);display:block;font-size:11px;font-weight:900;letter-spacing:.6px}.cx-stat strong{color:var(--app-text);display:block;font-size:30px;font-weight:900;line-height:1.15}.cx-stat strong.cx-stat-sm{font-size:19px}.cx-stat em{color:#0bd389;display:block;font-size:12px;font-style:normal;font-weight:700}.cx-stat em.green{color:#0bd389}.cx-whitelist{align-items:center;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(260px,.34fr);margin-top:16px}.cx-whitelist h2{color:var(--app-text);font-size:clamp(24px,2.4vw,34px);margin:8px 0 10px}.cx-whitelist p{color:var(--app-muted);font-size:14px;font-weight:700;margin:0 0 16px;max-width:640px}.cx-pills{display:flex;flex-wrap:wrap;gap:10px}.cx-pills span{border:1px solid rgba(9,228,141,.35);border-radius:999px;color:#0bd389;font-size:12.5px;font-weight:800;padding:9px 16px}.cx-ip-card{background:var(--app-card-inner-bg);border:1px solid rgba(9,228,141,.3);border-radius:12px;display:grid;gap:6px;padding:18px}.cx-ip-card small{color:#0bd389;font-size:11px;font-weight:900;letter-spacing:.8px}.cx-ip-card strong{color:var(--app-text);font-family:ui-monospace,Cascadia Mono,monospace;font-size:22px}.cx-ip-note{font-size:11.5px;font-style:normal;font-weight:800}.cx-ip-note.ok{color:#0bd389}.cx-ip-note.warn{color:#e2b23c}.cx-ip-card button{background:none;border:0;color:var(--app-muted);cursor:pointer;font:inherit;font-size:13px;font-weight:800;justify-self:start;padding:0}.cx-ip-card button:hover{color:#0bd389}.cx-main{display:grid;gap:16px;grid-template-columns:minmax(0,1fr) minmax(300px,.38fr);margin-top:16px}.cx-col-main,.cx-col-side{display:grid;gap:16px;align-content:start}.cx-conn-list{display:grid;gap:14px}.cx-empty{color:var(--app-muted);font-size:14px;font-weight:700;margin:0}.cx-empty a{color:#0bd389}.cx-conn-card{background:var(--app-card-inner-bg);border:1px solid rgba(9,228,141,.28);border-left:3px solid #0bd389;border-radius:12px;display:grid;gap:14px;padding:16px 18px}.cx-conn-top{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.cx-conn-id{align-items:center;display:flex;gap:12px}.cx-conn-logo{align-items:center;background:#fff;border-radius:10px;display:flex;flex-shrink:0;height:46px;justify-content:center;overflow:hidden;width:46px}.cx-conn-logo img{height:32px;max-height:70%;max-width:70%;object-fit:contain;width:32px}.cx-conn-logo.sm{border-radius:8px;height:32px;width:32px}.cx-conn-logo.sm img{height:22px;width:22px}.cx-conn-id small{color:var(--app-muted);display:block;font-size:10.5px;font-weight:900;letter-spacing:.6px}.cx-conn-id strong{color:var(--app-text);display:block;font-size:19px;font-weight:900}.cx-conn-status{background:#09e48d1f;border-radius:999px;color:#0bd389;display:inline-block;font-size:11px;font-weight:800;margin-top:4px;padding:3px 10px}.cx-conn-actions{align-items:center;display:flex;gap:10px}.cx-tag{border-radius:999px;font-size:11.5px;font-weight:900;padding:7px 14px}.cx-tag.amber{background:#ffc13d21;color:#e2b23c}.cx-tag.green{background:#09e48d1f;color:#0bd389}.cx-remove{background:none;border:1px solid var(--app-border);border-radius:9px;color:var(--app-text);cursor:pointer;font:inherit;font-size:13px;font-weight:800;padding:9px 16px}.cx-remove:hover{border-color:#ff4d5f80;color:var(--app-red)}.cx-conn-cells{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.cx-conn-cells>div{background:#ffffff08;border:1px solid var(--app-border);border-radius:9px;padding:12px 14px}.cx-conn-cells small{color:var(--app-muted);display:block;font-size:10px;font-weight:900;letter-spacing:.5px;margin-bottom:4px}.cx-conn-cells strong{color:var(--app-text);font-size:14px;font-weight:800}.cx-ready-badge{background:#09e48d1f;border-radius:999px;color:#0bd389;font-size:12px;font-weight:900;padding:7px 14px}.cx-addable{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.cx-add-card{align-items:center;background:var(--app-card-inner-bg);border:1px solid var(--app-border);border-radius:12px;display:flex;gap:12px;padding:16px}.cx-add-card>div{flex:1;min-width:0}.cx-add-card strong{color:var(--app-text);display:block;font-size:16px;font-weight:900}.cx-add-card small{color:var(--app-muted);font-size:12px;font-weight:700}.cx-connect{background:#09e48d;border:0;border-radius:9px;color:#06231a;cursor:pointer;flex-shrink:0;font:inherit;font-size:14px;font-weight:900;padding:11px 22px}.cx-bottom-note{align-items:center;background:var(--app-card-inner-bg);border:1px solid var(--app-border);border-radius:12px;display:flex;gap:14px;padding:16px 18px}.cx-note-check{align-items:center;background:#09e48d24;border-radius:9px;color:#0bd389;display:flex;flex-shrink:0;font-size:16px;font-weight:900;height:38px;justify-content:center;width:38px}.cx-bottom-note p{color:var(--app-muted);flex:1;font-size:13.5px;font-weight:700;margin:0}.cx-note-link{border:1px solid var(--app-border);border-radius:9px;color:#0bd389;font-size:13px;font-weight:800;padding:10px 16px;text-decoration:none}.cx-perm-list{display:grid}.cx-perm{align-items:center;border-bottom:1px solid var(--app-border);display:flex;justify-content:space-between;padding:13px 0}.cx-perm span{color:var(--app-text);font-size:14px;font-weight:800}.cx-perm b.ok{color:#0bd389;font-size:13px;font-weight:900}.cx-perm b.never{color:var(--app-red);font-size:13px;font-weight:900}.cx-warn{background:#ff4d5f1a;border:1px solid rgba(255,77,95,.25);border-radius:10px;color:#ff8a96;font-size:13px;font-weight:800;margin-top:14px;padding:13px 15px}.cx-supported{display:grid}.cx-sup-row{align-items:center;border-bottom:1px solid var(--app-border);display:flex;gap:10px;padding:10px 0}.cx-sup-row:last-child{border-bottom:0}.cx-sup-row strong{color:var(--app-text);flex:1;font-size:14px;font-weight:800}.cx-sup-row b.ok{color:#0bd389;font-size:12.5px;font-weight:900}.cx-sup-row b.muted{color:var(--app-muted);font-size:12.5px;font-weight:800}.cx-modal{inset:0;position:fixed;z-index:500}.cx-modal-backdrop{background:#050c16b3;inset:0;position:absolute}.cx-modal-card{background:var(--app-card-bg, #0f1b2d);border:1px solid var(--app-border);border-radius:16px;left:50%;max-height:90vh;max-width:480px;overflow-y:auto;padding:26px;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% - 32px)}.cx-modal-x{background:none;border:0;color:var(--app-muted);cursor:pointer;font-size:26px;position:absolute;right:16px;top:12px}.cx-modal-head{align-items:center;display:flex;gap:14px;margin-bottom:20px}.cx-modal-logo{align-items:center;background:#fff;border-radius:10px;display:flex;height:46px;justify-content:center;overflow:hidden;width:46px}.cx-modal-logo img{height:32px;max-height:70%;max-width:70%;object-fit:contain;width:32px}.cx-modal-head h3{color:var(--app-text);font-size:20px;margin:0}.cx-modal-head p{color:var(--app-muted);font-size:13px;font-weight:700;margin:4px 0 0}.cx-modal-card form{display:grid;gap:14px}.cx-modal-card label{color:var(--app-muted);display:grid;font-size:13px;font-weight:800;gap:6px}.cx-modal-card input[type=text],.cx-modal-card input[type=password]{background:var(--app-card-inner-bg);border:1px solid var(--app-border);border-radius:8px;color:var(--app-text);font:inherit;font-size:14px;min-height:46px;padding:0 14px;width:100%}.cx-check{align-items:center;display:flex!important;flex-direction:row;gap:10px}.cx-check input{accent-color:#09e48d;height:18px;width:18px}.cx-check span{font-weight:700}.cx-submit{background:#09e48d;border:0;border-radius:9px;color:#06231a;cursor:pointer;font:inherit;font-weight:900;min-height:48px}.cx-submit:disabled{cursor:wait;opacity:.6}.cx-msg{color:var(--app-red);font-size:13px;font-weight:800;margin:0;min-height:18px}.cx-msg.is-ok{color:#0bd389}@media screen and (max-width:1180px){.cx-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-main{grid-template-columns:1fr}}@media screen and (max-width:720px){.cx-stats,.cx-whitelist{grid-template-columns:1fr}.cx-conn-cells{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-addable{grid-template-columns:1fr}}
