.auth-stage{background:radial-gradient(circle at 18% 20%, color-mix(in srgb, var(--color-action) 14%, transparent), transparent 28rem), radial-gradient(circle at 82% 72%, color-mix(in srgb, var(--color-metal) 10%, transparent), transparent 24rem), var(--color-canvas);isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.auth-stage__grid{z-index:-1;background:linear-gradient(color-mix(in srgb, var(--color-border-subtle) 70%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-border-subtle) 70%, transparent) 1px, transparent 1px);pointer-events:none;background-size:5rem 5rem;position:fixed;inset:0;-webkit-mask-image:linear-gradient(130deg,#000,#0000 72%);mask-image:linear-gradient(130deg,#000,#0000 72%)}.auth-stage__header{width:min(100% - (var(--page-gutter) * 2), var(--content-wide));justify-content:space-between;align-items:center;gap:var(--space-5);min-height:5.5rem;margin-inline:auto;display:flex}.auth-stage__brand{width:7.5rem;min-height:2.75rem;color:var(--color-text-strong);align-items:center;display:inline-flex}.auth-stage__brand svg{width:100%;height:auto}.auth-stage__return{color:var(--color-text-muted);font-size:.875rem;font-weight:700;text-decoration:none}.auth-stage__return:hover{color:var(--color-text-strong)}.auth-stage__layout{width:min(100% - (var(--page-gutter) * 2), 74rem);grid-template-columns:minmax(0,1fr) minmax(22rem,.82fr);align-items:center;gap:clamp(2.5rem,8vw,7rem);min-height:calc(100svh - 5.5rem);margin-inline:auto;padding-block:clamp(2rem,7vw,6rem);display:grid}.auth-stage__signal{max-width:34rem}.auth-stage__mark{width:clamp(6rem,13vw,10rem);margin-bottom:var(--space-7);color:var(--color-text-strong);filter:drop-shadow(0 0 28px color-mix(in srgb, var(--color-action) 28%, transparent))}.auth-stage__mark svg{width:100%;height:auto;display:block}.auth-stage__signal h2{max-width:12ch;color:var(--color-text-strong);font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-size:clamp(2.5rem,5vw,5rem);font-weight:620;line-height:.98}.auth-stage__signal>p:not(.eyebrow){max-width:38rem;margin:var(--space-6) 0 0;color:var(--color-text-muted);font-size:1.05rem}.auth-stage__facts{margin:var(--space-8) 0 0;border-block:1px solid var(--color-border-subtle);grid-template-columns:repeat(3,1fr);display:grid}.auth-stage__facts div{padding:var(--space-4) var(--space-3);border-right:1px solid var(--color-border-subtle)}.auth-stage__facts div:last-child{border-right:0}.auth-stage__facts dt{color:var(--color-text-muted);font-family:var(--font-code);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.auth-stage__facts dd{margin:var(--space-1) 0 0;color:var(--color-text-strong);font-size:.85rem;font-weight:750}.auth-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 92%, transparent);box-shadow:var(--shadow-lg), inset 0 1px color-mix(in srgb, var(--color-text-strong) 6%, transparent);-webkit-backdrop-filter:blur(22px)saturate(125%);backdrop-filter:blur(22px)saturate(125%);padding:clamp(1.5rem,4vw,2.75rem);position:relative}.auth-card:before{background:linear-gradient(90deg, transparent, var(--color-action), transparent);content:"";width:38%;height:1px;position:absolute;top:-1px;left:12%}.auth-card__intro h1{color:var(--color-text-strong);font-family:var(--font-display);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4vw,3.1rem);font-weight:620;line-height:1}.auth-card__intro>p:last-child{margin:var(--space-4) 0 0;color:var(--color-text-muted)}.auth-form{gap:var(--space-5);margin-top:var(--space-8);display:grid}.auth-field{gap:var(--space-2);display:grid}.auth-field label{color:var(--color-text-strong);font-size:.84rem;font-weight:750}.auth-field input,.auth-field select{border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-inset);width:100%;min-height:3.15rem;color:var(--color-text-strong);font:inherit;padding:.75rem .9rem}.auth-field input:hover,.auth-field select:hover{border-color:var(--color-border-strong)}.auth-field input:focus,.auth-field select:focus{border-color:var(--color-action)}.auth-field small{color:var(--color-text-muted);font-size:.76rem}.auth-form .button{width:100%}.auth-message{margin:var(--space-6) 0 0;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text);font-size:.88rem}.auth-message--error{border-color:color-mix(in srgb, var(--color-danger) 55%, var(--color-border-subtle));background:color-mix(in srgb, var(--color-danger) 8%, transparent)}.auth-message--success{border-color:color-mix(in srgb, var(--color-success) 50%, var(--color-border-subtle));background:color-mix(in srgb, var(--color-success) 8%, transparent)}.auth-card__links{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6);color:var(--color-text-muted);flex-wrap:wrap;font-size:.85rem;display:flex}.auth-card__links a:hover{color:var(--color-text-strong)}.customer-shell{background:var(--color-canvas);min-height:100svh}.customer-shell__header{z-index:40;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);position:sticky;top:0}.customer-shell__header-inner{width:min(100% - (var(--page-gutter) * 2), var(--content-wide));align-items:center;gap:var(--space-5);grid-template-columns:auto 1fr;min-height:4.75rem;margin-inline:auto;display:grid}.customer-shell__brand{align-items:center;width:7rem;min-height:2.75rem;display:inline-flex}.customer-shell__brand svg{width:100%;height:auto}.customer-shell__nav{align-self:start;gap:var(--space-5);max-height:calc(100svh - 7rem);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);display:grid;position:sticky;top:6rem;overflow-y:auto}.customer-shell__nav a{min-height:2.25rem;padding-inline:var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);align-items:center;font-size:.82rem;font-weight:700;text-decoration:none;display:flex}.customer-shell__nav a:hover,.customer-shell__nav a[aria-current=page]{background:var(--color-surface-inset);color:var(--color-text-strong)}.customer-shell__nav-group{gap:var(--space-1);display:grid}.customer-shell__nav-group h2{margin:0 0 var(--space-1);color:var(--color-text-muted);font-family:var(--font-code);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.customer-shell__identity{align-items:center;gap:var(--space-3);color:var(--color-text-muted);justify-self:end;font-size:.78rem;display:flex}.customer-shell__identity strong{color:var(--color-text-strong);font-size:.8rem;display:block}.customer-shell__body{width:min(100% - (var(--page-gutter) * 2), var(--content-wide));grid-template-columns:minmax(12rem,15rem) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);margin-inline:auto;display:grid}.customer-shell__content{min-width:0;padding-block:clamp(2.5rem,6vw,5rem)}.customer-page-header{gap:var(--space-3);max-width:48rem;margin-bottom:var(--space-8);display:grid}.customer-page-header h1{color:var(--color-text-strong);font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-size:clamp(2.3rem,5vw,4.5rem);font-weight:620;line-height:.98}.customer-page-header p:last-child{color:var(--color-text-muted);margin:0;font-size:1.05rem}.customer-grid{gap:var(--space-5);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.customer-panel{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-sm);grid-column:span 6;padding:clamp(1.25rem,3vw,2rem)}.customer-panel--wide{grid-column:1/-1}.customer-panel h2{color:var(--color-text-strong);font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.25rem}.customer-panel>p{color:var(--color-text-muted)}.customer-list{gap:var(--space-3);margin:var(--space-5) 0 0;padding:0;list-style:none;display:grid}.customer-list li{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--color-border-subtle);display:flex}.customer-list strong{color:var(--color-text-strong)}.customer-list span{color:var(--color-text-muted);font-family:var(--font-code);font-size:.72rem}.customer-metrics{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.customer-metrics article{padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface)}.customer-metrics span,.customer-metrics strong{display:block}.customer-metrics span,.customer-help,.customer-empty{color:var(--color-text-muted)}.customer-metrics strong{margin-top:var(--space-2);color:var(--color-text-strong);font-family:var(--font-code);font-size:1.1rem}.customer-status{border:1px solid var(--color-border-subtle);border-radius:var(--radius-round);background:var(--color-surface-inset);width:fit-content;font-family:var(--font-code);padding:.15rem .45rem;font-size:.68rem;line-height:1.4;display:inline-flex}.customer-table-scroll{max-width:100%;overflow:auto}.customer-table{width:100%;margin-top:var(--space-4);border-collapse:collapse;font-size:.82rem}.customer-table th,.customer-table td{padding:var(--space-3);border-bottom:1px solid var(--color-border-subtle);text-align:left;vertical-align:top}.customer-table th{color:var(--color-text-muted);font-family:var(--font-code);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.customer-table code,.customer-code,.display-once-secret{font-family:var(--font-code);overflow-wrap:anywhere}.customer-code,.display-once-secret{max-width:100%;padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface-inset);white-space:pre-wrap;display:block;overflow:auto}.display-once-secret{margin-top:var(--space-3);-webkit-user-select:all;user-select:all}.playground-layout{gap:var(--space-5);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.inline-control,.billing-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.inline-control select{max-width:9rem}.customer-loading{justify-content:center;align-items:center;gap:var(--space-3);min-height:16rem;color:var(--color-text-muted);display:flex}.customer-loading span{border:2px solid var(--color-border-strong);border-top-color:var(--color-action);border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.auth-stage__layout{grid-template-columns:1fr}.auth-stage__signal{max-width:42rem}.customer-shell__body{grid-template-columns:1fr}.customer-shell__nav{border-radius:0 0 var(--radius-md) var(--radius-md);max-height:none;display:flex;position:static;overflow-x:auto}.customer-shell__nav-group{min-width:10rem}.playground-layout{grid-template-columns:1fr}.customer-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.auth-stage__header{padding-top:var(--space-4);align-items:flex-start}.auth-stage__return{text-align:right;max-width:8rem}.auth-stage__facts{grid-template-columns:1fr}.auth-stage__facts div{border-right:0;border-bottom:1px solid var(--color-border-subtle)}.auth-stage__facts div:last-child{border-bottom:0}.auth-stage__layout{width:min(100% - 2rem,42rem)}.customer-shell__identity span{display:none}.customer-panel{grid-column:1/-1}.customer-metrics{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.auth-card,.auth-stage__mark,.customer-loading span{transition:none;animation:none}}