:root{--portal-bg:#07080d;--portal-surface:rgba(11,18,31,.88);--portal-surface-strong:rgba(15,23,40,.96);--portal-border:rgba(87,167,255,.2);--portal-accent:#57a7ff;--portal-accent-rgb:87,167,255;--portal-accent-strong:#1d6fff;--portal-text:#f3f5fb;--portal-text-muted:rgba(243,245,251,.68);--portal-danger:#ff6b7a;--portal-danger-rgb:255,107,122;--portal-success:#5ce1ff;--portal-success-rgb:92,225,255;--portal-warning:#ffd166;--portal-shadow:0 28px 70px rgba(0,0,0,.45);--portal-radius-xl:28px;--portal-radius-lg:20px;--portal-radius-md:14px;--portal-radius-sm:10px}*{box-sizing:border-box}body,html{min-height:100%}body{background:radial-gradient(circle at top left,rgba(var(--portal-accent-rgb),.18),transparent 30%),radial-gradient(circle at top right,rgba(var(--portal-success-rgb),.14),transparent 24%),linear-gradient(180deg,#07111f 0,#04070d 100%);color:var(--portal-text);font-family:IBM Plex Sans,Segoe UI,sans-serif;margin:0}button,input{font:inherit}.portal-backdrop{inset:0;overflow:hidden;pointer-events:none;position:fixed}.portal-orb{border-radius:50%;filter:blur(28px);opacity:.65;position:absolute}.portal-orb-left{background:rgba(var(--portal-accent-rgb),.18);height:22rem;left:-4rem;top:-8rem;width:22rem}.portal-orb-right{background:rgba(var(--portal-success-rgb),.16);height:18rem;right:-6rem;top:6rem;width:18rem}.portal-grid{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:44px 44px;inset:0;mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 84%);position:absolute}.portal-shell{margin:0 auto;padding:28px 0 48px;position:relative;width:min(1180px,calc(100% - 32px));z-index:1}.portal-shell-login{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding-bottom:20px;padding-top:20px}.portal-header{gap:18px;justify-content:space-between;margin-bottom:26px}.brand-lockup,.portal-header{align-items:center;display:flex}.brand-lockup{gap:16px}.brand-copy{display:flex;flex-direction:column;gap:4px}.brand-mark{align-items:center;background:linear-gradient(180deg,rgba(var(--portal-accent-rgb),.22),rgba(var(--portal-accent-rgb),.08)),hsla(0,0%,100%,.04);border:1px solid rgba(var(--portal-accent-rgb),.42);border-radius:18px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 18px 36px rgba(var(--portal-accent-rgb),.18);display:inline-flex;height:56px;justify-content:center;width:56px}.brand-mark span{color:#eaf5ff;font-family:IBM Plex Mono,monospace;font-size:26px;font-weight:700;letter-spacing:-.08em;text-shadow:0 0 18px rgba(var(--portal-accent-rgb),.55)}.brand-logo{filter:drop-shadow(0 0 18px rgba(var(--portal-accent-rgb),.28));height:54px;width:54px}.brand-kicker,.detail-tag,.section-kicker{font-family:IBM Plex Mono,monospace;letter-spacing:.18em;margin:0;text-transform:uppercase}.brand-kicker,.section-kicker{color:hsla(0,0%,100%,.55);font-size:11px}.brand-title{font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.04em;line-height:1;margin:6px 0 0}.brand-subtitle{color:var(--portal-text-muted);line-height:1.55;margin:0;max-width:38rem}.portal-header-center,.portal-main-center{justify-content:center}.portal-main-center{align-items:center;display:flex;min-height:60vh}.portal-shell-login .portal-main-center{min-height:auto}.header-actions{align-items:center;display:flex;gap:12px}.connection-pill{align-items:center;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:999px;color:var(--portal-text-muted);display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:12px;gap:8px;letter-spacing:.08em;min-height:42px;padding:0 14px;text-transform:uppercase}.connection-pill.online{background:rgba(var(--portal-success-rgb),.1);border-color:rgba(var(--portal-success-rgb),.4);color:#dffbf0}.connection-pill.offline{background:rgba(var(--portal-danger-rgb),.1);border-color:rgba(var(--portal-danger-rgb),.35);color:#ffe3de}.connection-pill-dot{background:hsla(0,0%,100%,.4);border-radius:50%;box-shadow:0 0 0 5px hsla(0,0%,100%,.06);height:9px;width:9px}.connection-pill.online .connection-pill-dot{background:var(--portal-success);box-shadow:0 0 0 5px rgba(var(--portal-success-rgb),.15)}.connection-pill.offline .connection-pill-dot{background:var(--portal-danger);box-shadow:0 0 0 5px rgba(var(--portal-danger-rgb),.15)}.action-btn,.submit-btn{align-items:center;border:0;border-radius:999px;cursor:pointer;display:inline-flex;justify-content:center;min-height:46px;padding:0 18px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.action-btn{background:linear-gradient(135deg,rgba(var(--portal-accent-rgb),.94),rgba(74,211,255,.94));box-shadow:0 16px 30px rgba(var(--portal-accent-rgb),.22);color:#06111f;font-weight:700}.action-btn.ghost{background:hsla(0,0%,100%,.05);border:1px solid rgba(var(--portal-accent-rgb),.18);color:var(--portal-text)}.submit-btn{background:linear-gradient(135deg,var(--portal-accent-strong),#67c4ff);box-shadow:0 16px 30px rgba(var(--portal-accent-rgb),.26);color:#081221;font-weight:700}.action-btn:hover,.submit-btn:hover{transform:translateY(-1px)}.action-btn:disabled,.submit-btn:disabled{cursor:wait;opacity:.7;transform:none}.portal-main{display:flex;flex-direction:column;gap:18px}.hero-card,.notice-banner,.portal-card{backdrop-filter:blur(16px);background:var(--portal-surface);border:1px solid var(--portal-border);box-shadow:var(--portal-shadow)}.notice-banner{border-radius:var(--portal-radius-md);font-size:14px;padding:14px 18px}.notice-banner.success{background:rgba(var(--portal-success-rgb),.11);border-color:rgba(var(--portal-success-rgb),.4)}.notice-banner.error{background:rgba(var(--portal-danger-rgb),.12);border-color:rgba(var(--portal-danger-rgb),.5)}.auth-card{border-radius:var(--portal-radius-xl);display:grid;gap:26px;grid-template-columns:1.1fr .9fr;padding:clamp(24px,4vw,36px)}.auth-copy h2,.hero-copy h2,.panel-heading h3{letter-spacing:-.04em;margin:10px 0 12px}.auth-copy h2,.hero-copy h2{font-size:clamp(2rem,5vw,3.6rem);line-height:.98;max-width:12ch}.section-text{color:var(--portal-text-muted);line-height:1.7;margin:0;max-width:62ch}.auth-form{background:linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.08);border-radius:var(--portal-radius-lg);display:flex;flex-direction:column;gap:18px;justify-content:center;padding:24px}.portal-login-card{max-width:980px;width:100%}.auth-copy-stack{display:flex;flex-direction:column;justify-content:center}.auth-helper{font-size:14px}.auth-note-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.auth-note{align-items:center;background:rgba(var(--portal-accent-rgb),.08);border:1px solid rgba(var(--portal-accent-rgb),.18);border-radius:999px;color:#d9ecff;display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.1em;min-height:32px;padding:0 12px;text-transform:uppercase}.field{display:flex;flex-direction:column;gap:8px}.field-label{color:hsla(0,0%,100%,.62);font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.field input{background:rgba(7,9,14,.7);border:1px solid hsla(0,0%,100%,.12);border-radius:var(--portal-radius-sm);color:var(--portal-text);min-height:52px;outline:none;padding:0 16px;width:100%}.field input:focus{border-color:rgba(var(--portal-accent-rgb),.55);box-shadow:0 0 0 4px rgba(var(--portal-accent-rgb),.12)}.dashboard{display:flex;flex-direction:column;gap:18px}.hero-card{border-radius:var(--portal-radius-xl);padding:24px 26px}.hero-copy{max-width:62rem}.dashboard-topbar{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.dashboard-topbar-copy{display:flex;flex-direction:column;gap:8px}.account-name-display{color:#d8eaff;font-family:IBM Plex Mono,monospace;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.hero-account-flags,.product-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.badge-pill,.flag-pill{align-items:center;border-radius:999px;display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.1em;min-height:30px;padding:0 10px;text-transform:uppercase}.badge-pill.good,.flag-pill.good{background:rgba(var(--portal-success-rgb),.11);border:1px solid rgba(var(--portal-success-rgb),.34);color:#dffbf0}.badge-pill.warn,.flag-pill.warn{background:rgba(255,191,92,.12);border:1px solid rgba(255,191,92,.34);color:#ffe8bc}.badge-pill.bad,.flag-pill.bad{background:rgba(var(--portal-danger-rgb),.12);border:1px solid rgba(var(--portal-danger-rgb),.34);color:#ffe0da}.stats-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--portal-radius-lg);padding:18px 18px 16px}.stat-label{color:hsla(0,0%,100%,.55);font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.stat-value{font-size:clamp(1.7rem,4vw,2.4rem);font-weight:700;letter-spacing:-.05em;margin-top:12px}.stat-detail{color:var(--portal-text-muted);line-height:1.5;margin-top:8px}.content-grid{display:grid;gap:14px;grid-template-columns:1fr .95fr}.products-card{grid-column:1/-1}.portal-card{border-radius:var(--portal-radius-xl);padding:22px}.panel-heading{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.panel-heading h3{font-size:1.35rem;margin-bottom:0;margin-top:8px}.details-list{display:flex;flex-direction:column;gap:12px;margin:0}.details-row{background:hsla(0,0%,100%,.035);border-radius:var(--portal-radius-md);display:grid;gap:12px;grid-template-columns:120px minmax(0,1fr);padding:14px 16px}.details-row dt{color:hsla(0,0%,100%,.55);font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.14em;margin:0;text-transform:uppercase}.details-row dd{margin:0;min-width:0;word-break:break-word}.notes-list{color:var(--portal-text-muted);display:grid;gap:12px;line-height:1.65;margin:0;padding-left:18px}.products-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.product-card{background:linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.025));border:1px solid hsla(0,0%,100%,.08);border-radius:var(--portal-radius-lg);padding:18px}.product-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.product-card h4{font-size:1.15rem;letter-spacing:-.03em;margin:10px 0 0}.product-meta{display:grid;gap:10px;margin-top:18px}.product-meta-row{align-items:center;color:var(--portal-text-muted);display:flex;gap:12px;justify-content:space-between}.product-meta-row span:last-child{color:var(--portal-text);text-align:right}.product-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.product-load-btn{width:100%}.product-action-hint{color:var(--portal-text-muted);font-size:13px;line-height:1.5}.action-btn.small{font-size:12px;letter-spacing:.08em;min-height:34px;padding:0 12px;text-transform:uppercase}.detail-tag{color:hsla(0,0%,100%,.45);font-size:10px}.empty-state{align-items:center;border:1px dashed hsla(0,0%,100%,.16);border-radius:var(--portal-radius-lg);color:var(--portal-text-muted);display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:180px;padding:24px;text-align:center}@media (max-width:920px){.portal-shell{padding-top:18px;width:min(100%,calc(100% - 20px))}.auth-card,.portal-header{align-items:stretch;flex-direction:column;grid-template-columns:1fr}.header-actions{flex-wrap:wrap;justify-content:flex-start}.content-grid,.details-row,.stats-grid{grid-template-columns:1fr}}@media (max-width:560px){.portal-shell{width:calc(100% - 14px)}.auth-card,.hero-card,.portal-card{border-radius:20px;padding:18px}.brand-lockup{align-items:flex-start}.brand-title{font-size:1.5rem}.auth-copy h2,.hero-copy h2{font-size:1.9rem}.products-grid{grid-template-columns:1fr}}