:root{color:#0d1d52;font-synthesis:none;--blue:#145cf6;--navy:#0d1d52;--muted:#66708f;--border:#dce2ee;--rail:#f7f9fc;--green:#0bad67;background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:320px;margin:0}button,input{font:inherit}button{color:inherit}a,.text-button{color:var(--blue)}.access-gate{background:var(--rail);place-items:center;min-height:100vh;padding:24px;display:grid}.access-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:12px;width:min(440px,100%);padding:42px 36px;box-shadow:0 18px 50px #0d1d5214}.access-card .brand-mark{margin:0 auto 18px}.access-card h1{margin-bottom:14px;font-size:25px}.access-card p{color:#344165;margin:0;line-height:1.55}.access-card small{color:var(--muted);margin-top:10px;line-height:1.5;display:block}.app-shell{grid-template:72px 1fr/240px 1fr;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--border);background:#fff;grid-column:1/-1;justify-content:space-between;align-items:center;padding:0 28px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-size:22px;font-weight:730;display:flex}.brand-mark{color:#fff;background:var(--blue);border-radius:5px 5px 5px 1px;place-items:center;width:30px;height:34px;font-size:16px;display:grid;box-shadow:0 4px 10px #145cf62e}.top-actions{color:#344165;align-items:center;gap:26px;font-size:14px;display:flex}.top-actions>span,.quiet-button{align-items:center;gap:8px;display:inline-flex}.quiet-button,.icon-button,.help-button,.text-button,.nav-item{cursor:pointer;background:0 0;border:0}.sidebar{background:var(--rail);border-right:1px solid var(--border);grid-row:2;padding-top:18px}.nav{flex-direction:column;gap:6px;display:flex}.nav-item{color:#26345e;text-align:left;border-left:4px solid #0000;align-items:center;gap:14px;min-height:54px;padding:0 24px;display:flex}.nav-item:hover{background:#f0f4fc}.nav-item.active{color:var(--blue);border-left-color:var(--blue);background:#eef4ff;font-weight:650}.main{background:#fff;min-width:0;padding:30px}h1{letter-spacing:-.025em;margin:0 0 22px;font-size:30px;line-height:1.2}h2{margin:0;font-size:17px;line-height:1.35}.subscription-bar{border:1px solid var(--border);border-radius:9px;grid-template-columns:1fr auto auto;align-items:center;gap:24px;min-height:62px;padding:10px 14px 10px 20px;display:grid}.subscription-bar a{text-decoration:none}.dot{color:#8c95ae;padding:0 8px}.renewal{color:#26345e;align-items:center;gap:8px;display:flex}.renewal svg{color:var(--green)}.button{cursor:pointer;border-radius:6px;min-height:36px;padding:0 14px;font-size:14px;font-weight:650;transition:background .15s,border-color .15s,transform .15s}.button:active{transform:translateY(1px)}.button.primary{border:1px solid var(--blue);color:#fff;background:var(--blue)}.button.primary:hover{background:#0c4edc}.button.secondary{border:1px solid var(--blue);color:var(--blue);background:#fff}.button.secondary:hover{background:#f3f7ff}.button.disabled,.button:disabled{color:#9ca5bb;cursor:not-allowed;background:#f6f8fb;border:1px solid #d8deea;transform:none}.primary-grid{grid-template-columns:minmax(420px,.94fr) minmax(460px,1.06fr);gap:22px;margin-top:20px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--border);align-items:center;gap:9px;min-height:54px;padding:0 18px;display:flex}.help-button{color:#77819e;border:1px solid #9ca6bf;border-radius:50%;width:20px;height:20px;padding:0;font-size:12px;font-weight:700}.channel-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 170px auto;align-items:center;gap:14px;min-height:65px;padding:8px 18px;display:grid}.channel-name,.channel-cell{align-items:center;gap:12px;display:flex}.channel-mark{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.channel-mark.green{background:#14bd69}.channel-mark.cyan{background:#20a8de}.channel-mark.violet{background:#504bd6;border-radius:8px}.connection-state,.delivery-status{color:#465171;align-items:center;gap:8px;font-size:14px;display:inline-flex}.connection-state i,.delivery-status i{background:#8a94ad;border-radius:50%;width:8px;height:8px}.connection-state.connected i,.delivery-status.success i{background:var(--green)}.connection-state.unavailable{color:#7b849e}.connection-state.unavailable i{background:0 0;border:1.5px solid #7b849e;border-radius:2px;width:11px;height:13px}.delivery-status.pending i{background:#e7a10a}.delivery-status.failed i{background:#e84a4a}.locked-note{color:var(--muted);background:#fbfcfe;padding:16px 18px;font-size:13px;line-height:1.5}.plans-heading{margin:4px 0 18px}.plans-heading h2{font-size:21px}.plans-heading p{color:var(--muted);margin:7px 0 0}.receipt-fields{gap:14px;margin-bottom:18px;display:flex}.receipt-fields label{color:#344165;flex-direction:column;gap:6px;font-size:13px;font-weight:650;display:flex}.receipt-fields input{border:1px solid var(--border);width:250px;min-height:40px;color:var(--navy);border-radius:6px;padding:0 11px}.plan-grid{grid-template-columns:repeat(2,minmax(280px,440px));gap:20px;display:grid}.plan-card{flex-direction:column;gap:14px;padding:24px;display:flex}.plan-card h2,.plan-card p{margin:0}.plan-card p{min-height:44px;color:var(--muted);line-height:1.5}.plan-kicker{color:var(--blue);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:750}.plan-price{margin-top:4px;font-size:28px;font-weight:760}.plan-price small{color:var(--muted);font-size:14px;font-weight:500}.plan-card .button{align-self:flex-start}.renew-checkbox{color:#344165;align-items:center;gap:9px;margin-top:20px;display:flex}.renew-checkbox input{width:18px;height:18px;accent-color:var(--blue)}.selection-action{justify-content:space-between;align-items:center;gap:16px;display:flex}.selection-action .button{flex:none}.routing-panel{padding-bottom:14px}.routing-panel .panel-heading{border-bottom:0}.panel-intro{color:var(--muted);margin:-5px 18px 8px;font-size:14px}fieldset{border:0;margin:0;padding:0}.radio-row{cursor:pointer;grid-template-columns:20px 1fr;align-items:start;gap:10px;padding:9px 18px;display:grid}.radio-row input{width:18px;height:18px;accent-color:var(--blue);margin:1px 0 0}.radio-row span{flex-direction:column;gap:4px;display:flex}.radio-row strong{font-size:14px}.radio-row small{color:var(--muted);font-size:12px;line-height:1.4}.priority{color:#465171;border-top:1px solid #edf0f6;align-items:center;gap:14px;margin:6px 18px 0 48px;padding-top:12px;font-size:13px;display:flex}.priority>span:first-child{font-weight:650}.priority-item{align-items:center;gap:6px;display:inline-flex}.priority-item b{border:1px solid #cbd2df;border-radius:5px;place-items:center;width:21px;height:21px;font-size:11px;display:grid}.delivery-panel{margin-top:20px}.delivery-panel .panel-heading{justify-content:space-between}.text-button{padding:2px;font-size:13px}.empty-state{color:var(--muted);text-align:center;padding:30px 18px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}th{text-align:left;color:#4e5878;background:#fbfcfe;height:42px;padding:0 14px;font-weight:650}td{border-top:1px solid var(--border);color:#3e496c;height:47px;padding:0 14px}.channel-cell{gap:8px}.modal-backdrop{z-index:50;background:#0712366b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(430px,100%);padding:28px;position:relative;box-shadow:0 24px 80px #07123640}.modal h2{font-size:22px}.modal p{color:var(--muted);line-height:1.55}.modal-close{color:#65708e;position:absolute;top:16px;right:16px}.qr-placeholder{outline-offset:-26px;color:#0d1d52;background:#fff;border:12px solid #0d1d52;outline:10px dotted #0d1d52;place-items:center;width:220px;height:220px;margin:24px auto 18px;font-size:30px;font-weight:800;display:grid}.modal-status{color:#465171;justify-content:center;align-items:center;gap:9px;display:flex}.spinner{border:2px solid #cbd7f5;border-top-color:var(--blue);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.icon-button{padding:4px}.quiet-button{padding:6px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1050px){.app-shell{grid-template-columns:190px 1fr}.primary-grid{grid-template-columns:1fr}.top-actions>span{display:none}}@media (width<=760px){.app-shell{display:block}.topbar{height:64px;padding:0 16px}.brand{font-size:18px}.top-actions strong,.quiet-button{display:none}.sidebar{border-right:0;border-bottom:1px solid var(--border);padding:0;overflow-x:auto}.nav{flex-direction:row}.nav-item{border-bottom:3px solid #0000;border-left:0;min-width:max-content;min-height:48px;padding:0 14px}.nav-item.active{border-bottom-color:var(--blue)}.main{padding:20px 14px}.main h1{font-size:24px}.subscription-bar{grid-template-columns:1fr;gap:10px;padding:16px}.channel-row{grid-template-columns:1fr auto}.connection-state{grid-column:1}.channel-row .button{grid-area:1/2/3}.priority{flex-wrap:wrap;margin-left:18px}.plan-grid{grid-template-columns:1fr}.selection-action,.receipt-fields{flex-direction:column;align-items:flex-start}.receipt-fields input{width:min(100%,320px)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}