.subscription-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.subscription-plan{min-width:0;padding:4px 0 20px}.plan-heading{display:flex;gap:10px;align-items:center;min-height:32px;margin-bottom:12px}.plan-heading svg{color:var(--secondary)}.subscription-plan:nth-child(2) .plan-heading svg{color:var(--primary)}.plan-policy{min-height:38px;margin:0 0 10px;color:var(--muted);font-size:13px;display:flex;align-items:center}.subscription-plan .check-row{min-height:38px;margin:0 0 10px;padding:0}.section-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-heading h2{margin:0}.tonal-link{color:var(--primary);background:var(--high)}.users-table .table-actions{display:grid;grid-template-columns:repeat(3,max-content);gap:6px}.users-table .table-actions button{justify-content:flex-start;min-height:36px;padding:7px 10px;font-size:12px}.users-table .table-actions svg{width:16px;height:16px}.users-table td:last-child{min-width:330px}.node-cycle{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--high);font-size:12px}.node-cycle div{min-width:0}.node-cycle dt{color:var(--muted)}.node-cycle dd{margin:4px 0 0;font-weight:500;overflow-wrap:anywhere}.node-controls{margin-top:16px}.node-controls button{font-size:12px;min-height:36px}.coupon-label{display:flex;align-items:center;gap:10px}.coupon-label svg{color:var(--secondary)}.warning-text{color:var(--amber)}.warning-notice{border-left-color:var(--amber);color:var(--amber);display:flex;gap:10px;align-items:flex-start}.temporary-secret{margin:0 0 22px}.temporary-secret label{display:block;margin-bottom:8px}.temporary-secret input{font-size:19px;font-family:ui-monospace,monospace;min-width:0}.temporary-secret button{flex-shrink:0}dialog .subscription-plans{grid-template-columns:1fr;gap:10px}dialog .subscription-plan+.subscription-plan{border-top:1px solid var(--high);padding-top:22px}.bar-fill,.ring-progress{transition:width .5s ease,stroke-dasharray .7s ease}button,a.button-link{transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}button:not(:disabled):active,a.button-link:active{transform:scale(.97)}button.is-busy svg{animation:portal-spin .9s linear infinite}.metric-icon svg{transition:transform .22s ease}.metric:hover .metric-icon svg{transform:translateY(-3px)}button:hover [data-icon=rotate-cw],button:hover [data-icon=refresh-cw]{transform:rotate(35deg)}button svg,a.button-link svg{transition:transform .22s ease}nav button.active svg{animation:portal-enter .25s ease-out}a.button-link:hover [data-icon=download]{transform:translateY(2px)}.plan-heading svg{animation:portal-enter .35s ease-out}dialog[open]{animation:portal-dialog .18s ease-out}#toast{animation:portal-toast .2s ease-out}@keyframes portal-spin{to{transform:rotate(360deg)}}@keyframes portal-enter{from{opacity:.45;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes portal-dialog{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes portal-toast{from{opacity:0;margin-bottom:-6px}to{opacity:1;margin-bottom:0}}@media(max-width:1100px){.subscription-plans{grid-template-columns:1fr;gap:12px}.subscription-plan+.subscription-plan{border-top:1px solid var(--high);padding-top:20px}}@media(max-width:700px){.subscription-plans{gap:8px}.subscription-plan .url-row{flex-wrap:wrap}.subscription-plan .url-row input{flex-basis:100%}.subscription-plan .import-actions{margin-top:10px}.subscription-plan .download{margin-left:auto}.node-cycle{grid-template-columns:1fr 1.4fr}.temporary-secret .url-row{flex-wrap:wrap}.temporary-secret button{width:100%}.section-heading{align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}