:root{--color-primary:#1e40af;--color-primary-hover:#1b3a9c;--color-secondary:#f8fafc;--color-accent:#3b82f6;--color-success:#059669;--color-error:#dc2626;--color-bg:#f1f5f9;--color-surface:#fff;--color-text:#0f172a;--color-text-secondary:#64748b;--color-border:#cbd5e1;--color-placeholder:#94a3b8;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-card:8px;--radius-input:4px;--shadow-1:0 1px 3px #00000014;--shadow-2:0 4px 12px #0000001f;--shadow-3:0 8px 24px #00000029;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}h1{letter-spacing:-.01em;font-size:2rem;font-weight:600}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.25rem;font-weight:600}small{font-size:.875rem}.caption{color:var(--color-text-secondary);font-size:.75rem}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1120px;padding:0 var(--space-4);margin:0 auto}.topbar{background:var(--color-surface);box-shadow:var(--shadow-1);border-bottom:1px solid #e2e8f0}.topbar__inner{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{align-items:center;gap:var(--space-2);color:var(--color-text);font-size:1.125rem;font-weight:600;display:flex}.brand__mark{background:var(--color-primary);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:inline-flex}.nav{gap:var(--space-4);display:flex}.nav a{color:var(--color-text-secondary);font-size:.9375rem}.nav a:hover{color:var(--color-text);text-decoration:none}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);border-radius:var(--radius-card);cursor:pointer;border:1px solid #0000;font-family:inherit;font-size:.9375rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-hover);text-decoration:none}.btn--secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn--secondary:hover{background:var(--color-secondary);text-decoration:none}.card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-1);padding:var(--space-4)}.grid{gap:var(--space-4);display:grid}.grid--stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat__label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem}.stat__value{margin-top:var(--space-1);font-size:2rem;font-weight:600}.stat__value--success{color:var(--color-success)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9375rem}thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-bottom:1px solid #e2e8f0;font-size:.75rem}tbody td{padding:var(--space-3);border-bottom:1px solid #eef2f6}tbody tr:nth-child(2n){background:var(--color-secondary)}.num{text-align:right;font-variant-numeric:tabular-nums}.badge{border-radius:999px;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.badge--active{color:var(--color-success);background:#ecfdf5}.badge--suspended{color:var(--color-error);background:#fef2f2}.badge--stub{color:var(--color-accent);background:#eff6ff}.hero{padding:var(--space-7) 0 var(--space-6)}.hero h1{max-width:18ch;font-size:2.5rem}.hero p{margin-top:var(--space-3);color:var(--color-text-secondary);max-width:60ch;font-size:1.125rem}.hero__actions{margin-top:var(--space-4);gap:var(--space-3);display:flex}.section-title{margin:var(--space-5) 0 var(--space-3)}.muted{color:var(--color-text-secondary)}.footer{padding:var(--space-4) 0;color:var(--color-text-secondary);border-top:1px solid #e2e8f0;margin-top:auto;font-size:.8125rem}.container--narrow{max-width:760px}.page-head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.btn--ghost{color:var(--color-primary);background:0 0}.btn--ghost:hover{background:var(--color-secondary);text-decoration:none}.btn--block{width:100%}.btn--sm{height:32px;padding:0 var(--space-3);font-size:.875rem}.btn:disabled{opacity:.5;cursor:not-allowed}.field{margin-bottom:var(--space-3)}.field label{margin-bottom:var(--space-1);color:var(--color-text);font-size:.875rem;font-weight:500;display:block}.field input,.field select{width:100%;height:40px;padding:0 var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-input);font-family:inherit;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:var(--color-placeholder)}.field input:focus,.field select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1e40af1f}.field-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.field-error{color:var(--color-error);margin-top:var(--space-1);font-size:.875rem}.grid--plans{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.plan-card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-1);padding:var(--space-4);border:1px solid #e2e8f0;flex-direction:column;display:flex}.plan-card__name{font-size:1.0625rem;font-weight:600}.plan-card__price{margin:var(--space-2) 0 var(--space-3);font-size:1.75rem;font-weight:600}.plan-card__interval{color:var(--color-text-secondary);font-size:.875rem;font-weight:400}.plan-card__features{margin:0 0 var(--space-4);gap:var(--space-2);color:var(--color-text-secondary);flex-direction:column;padding:0;font-size:.9375rem;list-style:none;display:flex}.plan-card__features li{padding-left:22px;position:relative}.plan-card__features li:before{content:"✓";color:var(--color-success);font-weight:700;position:absolute;left:0}.plan-card__cta{margin-top:auto}.grid--checkout{grid-template-columns:1.4fr 1fr;align-items:start}@media (max-width:720px){.grid--checkout{grid-template-columns:1fr}.field-row{grid-template-columns:1fr 1fr}}.checkout-secure{margin-top:var(--space-3);color:var(--color-success);font-size:.8125rem;font-weight:500}.checkout-summary__plan{margin-top:var(--space-1);font-size:1.125rem;font-weight:600}.checkout-summary__amount{color:var(--color-primary);margin-top:var(--space-1);font-size:1.75rem;font-weight:600}.result-card{text-align:center;padding:var(--space-6) var(--space-4)}.result-card__icon{color:#fff;width:56px;height:56px;margin-bottom:var(--space-3);border-radius:999px;justify-content:center;align-items:center;font-size:1.75rem;font-weight:700;display:inline-flex}.result-card__icon--success{background:var(--color-success)}.result-card__icon--cancel{background:var(--color-error)}.result-card .hero__actions{justify-content:center}.result-card__meta{justify-content:center;gap:var(--space-4);margin-top:var(--space-4);text-align:left;flex-wrap:wrap;display:flex}.result-card__meta dt{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);font-size:.75rem}.result-card__meta dd{margin-top:2px;font-weight:600}.portal-lookup{gap:var(--space-3);grid-template-columns:1fr 1fr auto;align-items:end;display:grid}.portal-lookup .field{margin-bottom:0}@media (max-width:720px){.portal-lookup{grid-template-columns:1fr}}.sub-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.share{align-items:center;gap:var(--space-2);min-width:140px;display:flex}.share__bar{background:#e2e8f0;border-radius:999px;flex:1;height:8px;overflow:hidden}.share__fill{background:var(--color-accent);border-radius:999px;height:100%}.share__label{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;text-align:right;min-width:42px;font-size:.8125rem}.admin-card:hover{border-color:var(--color-primary);text-decoration:none}.attach-form{gap:var(--space-1);background:var(--color-secondary);border-radius:var(--radius-card);padding:var(--space-3);border:1px solid #e2e8f0;flex-direction:column;min-width:240px;display:flex}.attach-form select{width:100%;height:36px;padding:0 var(--space-2);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-input);margin-bottom:var(--space-2);font-family:inherit;font-size:.875rem}.timeline{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.timeline__item{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-1);padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-accent)}.timeline__head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.timeline__message{font-weight:500}.stat__value--error{color:var(--color-error)}.grid--two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.consolidated-head{gap:var(--space-6,48px);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.trend{align-items:flex-end;gap:var(--space-2);height:180px;padding-top:var(--space-2);display:flex}.trend__col{justify-content:flex-end;align-items:center;gap:var(--space-1);flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.trend__bar{background:var(--color-accent);border-radius:4px 4px 0 0;width:70%;min-height:2px;transition:height .2s}.trend__col:last-child .trend__bar{background:var(--color-primary)}.trend__label{color:var(--color-text-secondary);white-space:nowrap;font-size:.6875rem}.form-row{gap:var(--space-3);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.form-row label{gap:var(--space-1);flex-direction:column;flex:1;min-width:160px;font-size:.875rem;font-weight:500;display:flex}.form-row input,.form-row select{height:40px;padding:0 var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-input);font-family:inherit;font-size:.9375rem}.form-row input:focus,.form-row select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1e40af1f}.key-reveal{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-secondary);border:1px dashed var(--color-success);border-radius:var(--radius-card)}.key-reveal code{margin-top:var(--space-1);word-break:break-all;color:var(--color-text);font-size:.875rem;display:block}