@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
.controller-list{border-top:1px solid #edf1ed;padding:0 20px}.controller-row{display:flex;gap:9px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #edf1ed;font-size:11px}.controller-row:last-child{border:0}.controller-row b,.controller-row small{display:block}.controller-row small{font:9px 'DM Mono',monospace;color:#809087;margin-top:3px}.controller-row em{margin-left:auto;font:9px 'DM Mono',monospace;font-style:normal;color:#729656;text-transform:uppercase}.no-controllers{margin:0;padding:14px 0;font-size:11px;color:#8a9a92}
:root{--ink:#10261e;--muted:#667a71;--line:#dbe5de;--cream:#f7f7f2;--paper:#fff;--lime:#b8ed50;--forest:#123d2a;--dark:#0b2118;--red:#b94343}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--cream)}button,input{font:inherit}.hidden{display:none!important}.brand{display:inline-flex;gap:10px;align-items:center;font-size:13px;font-weight:800;letter-spacing:1.5px;color:var(--ink);text-decoration:none}.brand b{color:#508f2d}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--lime);color:var(--forest);font-weight:800;font-size:17px;letter-spacing:0}.portal-body{min-height:100vh;background:radial-gradient(circle at 15% 12%,#e2f5bc 0,transparent 29rem),radial-gradient(circle at 90% 92%,#ccece0 0,transparent 28rem),var(--cream);display:grid;place-items:center;padding:26px}.portal-shell{width:min(100%,480px)}.portal-shell>.brand{margin:0 0 32px 5px}.portal-card{background:rgba(255,255,255,.94);border:1px solid #edf1ed;border-radius:24px;padding:35px;box-shadow:0 18px 55px #153a1b12}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:1.35px;color:#5f896a}.portal-card h1,.page-heading h1{font-size:30px;line-height:1.12;letter-spacing:-1.3px;margin:10px 0}.intro{color:var(--muted);font-size:14px;line-height:1.65;margin:0 0 24px}.plan-grid{display:grid;gap:9px;margin-bottom:22px}.plan{position:relative;display:flex;align-items:center;gap:11px;text-align:left;width:100%;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 14px;color:var(--ink);cursor:pointer}.plan:hover,.plan.selected{border-color:#76ad3c;background:#fbfff5}.plan.selected{box-shadow:0 0 0 2px #dff1ba}.plan-radio{width:16px;height:16px;border:1.5px solid #9aaca2;border-radius:50%;flex:none}.selected .plan-radio{border:5px solid #65a62f}.plan b,.plan small{display:block}.plan b{font-size:13px}.plan small,.plan span+span small{font-size:11px;color:var(--muted);margin-top:2px}.plan strong{margin-left:auto;font:500 10px 'DM Mono',monospace;color:#4f8b28}.plan em{font:500 9px 'DM Mono',monospace;font-style:normal;letter-spacing:.4px;color:#759d45;background:#edf7d9;padding:3px 5px;border-radius:4px}.field-label{display:block;font-size:12px;font-weight:700;margin:15px 0 7px}.field-label span{font-weight:400;color:var(--muted)}input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}input:focus{border-color:#77ab42;box-shadow:0 0 0 3px #dcf0c7}.check{display:flex;gap:9px;align-items:flex-start;margin:20px 0;font-size:11px;color:var(--muted)}.check input{width:14px;height:14px;margin:1px 0}.primary{border:0;border-radius:11px;background:var(--forest);color:#fff;width:100%;font-weight:700;font-size:13px;padding:14px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#205638}.primary:disabled{opacity:.4;cursor:not-allowed}.subtle{font:11px 'DM Mono',monospace;color:#8a9b93;text-align:center;margin:16px 0 0}.portal-shell footer{text-align:center;font-size:10px;color:#75867e;margin:20px}.portal-shell footer a{color:inherit}.portal-shell footer span{padding:0 6px}.success{text-align:center;padding:48px 35px}.success-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#e4f4c5;color:#488527;font-size:24px;margin:0 auto 18px}.link-button{text-decoration:none;margin-top:24px}.admin-body{background:#f4f6f3;min-height:100vh}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between}.live{font:500 10px 'DM Mono',monospace;color:#6d7f75;letter-spacing:.7px}.live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6fad36;margin-right:6px}.live span{margin-left:12px;color:#a0aea6}.dashboard{width:min(1160px,calc(100% - 40px));margin:50px auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.page-heading h1{font-size:34px;margin:7px 0}.page-heading p,.panel-head p{font-size:12px;color:var(--muted);margin:0}.outline{border:1px solid var(--line);border-radius:9px;padding:10px 13px;color:var(--ink);font-size:12px;font-weight:700;text-decoration:none;background:#fff}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.metric-grid article,.panel{background:#fff;border:1px solid var(--line);border-radius:14px}.metric-grid article{padding:20px}.metric-grid span{display:block;font:500 10px 'DM Mono',monospace;letter-spacing:.9px;color:#708178}.metric-grid strong{display:block;font-size:31px;line-height:1;margin:12px 0 6px;letter-spacing:-1px}.metric-grid small{font-size:11px;color:var(--muted)}.split-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px;margin-bottom:16px}.panel-head{padding:20px 20px 16px;display:flex;justify-content:space-between;align-items:flex-start}.panel h2{font-size:14px;margin:0 0 5px;letter-spacing:-.25px}.quiet,.revoke{border:0;background:#eff4ed;border-radius:7px;padding:7px 9px;color:#456250;font-size:11px;cursor:pointer}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font:500 9px 'DM Mono',monospace;letter-spacing:.7px;color:#7a8b82;padding:11px 20px;border-top:1px solid var(--line)}td{font-size:11px;padding:13px 20px;border-top:1px solid #edf1ed;vertical-align:middle}td b,td small{display:block}td small{font:10px 'DM Mono',monospace;color:#809087;margin-top:3px}.status{font:500 9px 'DM Mono',monospace;text-transform:uppercase;color:#4c8725}.status.expired,.status.revoked{color:#a26d55}.empty{color:#8a9a92;padding:26px!important;text-align:center}.controller-form{padding:0 20px 20px}.controller-form label{font-size:10px;font-weight:700;display:block;margin-bottom:10px}.controller-form input{margin-top:5px;padding:9px 10px;font-size:11px}.mini-fields{display:grid;grid-template-columns:2fr 1fr;gap:8px}.controller-form .primary{margin-top:3px;padding:11px 13px}.form-note{font-size:10px;color:#63894d;margin:9px 0 0}.events{padding-bottom:8px}.event-list{border-top:1px solid #edf1ed}.event{display:flex;gap:10px;padding:12px 20px;font-size:11px;border-bottom:1px solid #edf1ed}.event:last-child{border:0}.event-dot{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#9aad9f;flex:none}.event-dot.authorized{background:#75a63a}.event-dot.revoked{background:#d28b65}.event small{display:block;font:10px 'DM Mono',monospace;color:#83948b;margin-top:3px}@media(max-width:720px){.dashboard{width:min(100% - 24px,550px);margin:28px auto}.split-grid{grid-template-columns:1fr}.metric-grid{gap:8px}.metric-grid article{padding:14px}.metric-grid strong{font-size:24px}.page-heading{align-items:flex-start;gap:10px}.topbar{padding:0 16px}.live span{display:none}.portal-card{padding:27px 22px}.portal-card h1{font-size:27px}th,td{padding-left:12px;padding-right:12px}td:nth-child(3),th:nth-child(3){display:none}}