:root{--bg:#07111f;--bg-soft:#0c1728;--panel:rgba(10,18,34,.88);--panel-strong:#101c32;--border:rgba(148,163,184,.16);--text:#e5eefb;--muted:#91a4bf;--accent:#2dd4bf;--accent-strong:#14b8a6;--warn:#f59e0b;--danger:#f87171;--shadow:0 24px 80px rgba(0,0,0,.34);--font-heading:"Segoe UI Variable Display","Segoe UI","Helvetica Neue",Arial,sans-serif;--font-body:"Segoe UI","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at top left,rgba(45,212,191,.14),transparent 28%),radial-gradient(circle at top right,rgba(56,189,248,.12),transparent 24%),linear-gradient(180deg,#06101d,#081120)}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-body),sans-serif;background:radial-gradient(circle at 20% 20%,rgba(45,212,191,.08),transparent 20%),radial-gradient(circle at 80% 0,rgba(56,189,248,.08),transparent 18%),linear-gradient(180deg,#06101d,#081120)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page-wrap{width:min(1200px,calc(100vw - 32px));margin:0 auto;padding:24px 0 48px}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:32px 16px}.auth-card,.card,.metric-card,.panel-shell{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}.auth-card{width:min(520px,100%);border-radius:28px;padding:32px}.eyebrow,.hero-badge,.nav-chip,.pill,.status-badge{text-transform:uppercase;letter-spacing:.12em;font-size:11px}.eyebrow,.hero-badge{color:var(--accent);margin:0 0 12px}h1,h2,h3{margin:0;font-family:var(--font-heading),sans-serif;line-height:1.05}.auth-card h1,.panel-header h1{font-size:clamp(2rem,4vw,3.6rem)}.muted,.subtitle{color:var(--muted)}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.stack{display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:8px;gap:8px}.field label{color:#cbd5e1;font-size:.9rem}.field input,.field select,.field textarea{width:100%;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:rgba(15,23,42,.82);color:var(--text);padding:13px 14px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(45,212,191,.6);box-shadow:0 0 0 4px rgba(45,212,191,.12)}.nav-chip,.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.primary-btn{background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);color:#04111a;padding:12px 16px;font-weight:800}.nav-chip,.secondary-btn{background:rgba(15,23,42,.7);color:var(--text);border-color:rgba(148,163,184,.16);padding:10px 14px}.nav-chip.active{border-color:rgba(45,212,191,.5);background:rgba(45,212,191,.12)}.nav-chip.danger{color:#fecaca}.nav-chip:hover,.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px)}.auth-actions,.nav-row,.row,.toolbar{display:flex;gap:10px;flex-wrap:wrap}.auth-actions{justify-content:space-between;align-items:center}.error-box,.success-box{border-radius:14px;padding:12px 14px;font-size:.95rem}.error-box{background:hsla(0,91%,71%,.12);border:1px solid hsla(0,91%,71%,.22);color:#fecaca}.success-box{background:rgba(45,212,191,.12);border:1px solid rgba(45,212,191,.22);color:#b6fff1}.panel-shell{position:relative;margin:24px auto;width:min(1280px,calc(100vw - 32px));border-radius:32px;overflow:hidden}.panel-noise{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at top,#000,transparent 72%);mask-image:radial-gradient(circle at top,#000,transparent 72%)}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding:32px 32px 20px;border-bottom:1px solid rgba(148,163,184,.12)}.panel-content,.panel-header{position:relative;z-index:1;gap:20px}.panel-content{padding:28px 32px 36px;display:grid;grid-gap:20px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.metric-card{border-radius:22px;padding:18px}.card-head,.metric-card span,.table-head{color:var(--muted);font-size:.85rem}.metric-card strong{display:block;margin-top:8px;font-family:var(--font-heading),sans-serif;font-size:1.9rem}.metric-card p{margin:10px 0 0;color:var(--muted);font-size:.92rem}.card{border-radius:22px;padding:20px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.table{display:grid;grid-gap:10px;gap:10px}.table-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;grid-gap:12px;gap:12px;align-items:center;padding:14px 0;border-top:1px solid rgba(148,163,184,.12)}.table-row:first-child{border-top:0}.table-row.compact{grid-template-columns:1.2fr 1fr .8fr .8fr 1fr}.stack-list{display:grid;grid-gap:12px;gap:12px}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:92px;border-radius:999px;padding:7px 10px;border:1px solid rgba(148,163,184,.18);background:rgba(148,163,184,.06)}.status-badge.active,.status-badge.refunded,.status-badge.succeeded{border-color:rgba(45,212,191,.3);color:#a7fff0}.status-badge.pending{border-color:rgba(245,158,11,.3);color:#fde68a}.status-badge.cancelled,.status-badge.failed,.status-badge.past_due,.status-badge.suspended{border-color:hsla(0,91%,71%,.3);color:#fecaca}.small{font-size:.92rem}@media (max-width:980px){.metric-grid,.table-row,.table-row.compact{grid-template-columns:1fr}.panel-header{flex-direction:column}.nav-row{width:100%}}@media (max-width:640px){.auth-card,.panel-content,.panel-header{padding-left:18px;padding-right:18px}.grid-two{grid-template-columns:1fr}}