:root{--color-ink:#102f46;--color-ink-soft:#3f5668;--color-muted:#71808c;--color-bg:#f3f5f7;--color-surface:#fff;--color-primary:#10334b;--color-primary-hover:#174760;--color-accent:#16b8c4;--color-accent-strong:#109aa6;--color-accent-soft:#e6f7f8;--color-slate:#728297;--color-pale:#d4dce4;--color-deep:#293e4c;--color-line:#e2e7eb;--color-success:#16765f;--color-success-soft:#e5f4ef;--color-warning:#9a6610;--color-warning-soft:#fff5dc;--color-danger:#a33c45;--color-danger-soft:#fff0f0;--color-white:#fff;--font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--type-xs:.75rem;--type-sm:.875rem;--type-base:1rem;--type-lg:1.125rem;--type-xl:1.375rem;--type-2xl:1.75rem;--type-3xl:2.25rem;--type-4xl:3.25rem;--space-1:.375rem;--space-2:.625rem;--space-3:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--x-padding:1rem;--y-padding:1.5rem;--inter-space:1rem;--content-width:76rem;--radius-sm:.75rem;--radius-md:1.125rem;--radius-lg:1.75rem;--radius-pill:999rem;--shadow-card:0 1rem 2.5rem #102f4612;--shadow-float:0 1.25rem 3rem #081e2f3d}*{box-sizing:border-box}html{background:var(--color-bg);min-width:20rem}body{background:var(--color-bg);min-width:20rem;min-height:100vh;color:var(--color-ink);font-family:var(--font-family);font-size:var(--type-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button{font:inherit}button:focus-visible{outline:.1875rem solid var(--color-accent);outline-offset:.1875rem}.app-shell{background:radial-gradient(ellipse at 85% 8%, #16b8c414, transparent 32rem), var(--color-bg);min-height:100vh}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:5rem;padding:var(--space-4) var(--x-padding);border-bottom:.0625rem solid var(--color-line);background:#ffffffe0;display:flex}.brand{align-items:center;gap:var(--space-3);min-width:0;display:inline-flex}.brand-mark{border-radius:var(--radius-sm);background:var(--color-primary);width:2.75rem;height:2.75rem;color:var(--color-accent);flex:none;place-items:center;display:grid}.brand-mark svg{width:1.625rem;height:1.625rem}.brand-copy,.user-meta{gap:.125rem;display:grid}.brand-name{color:var(--color-ink);font-size:var(--type-lg);letter-spacing:-.04em;font-weight:750}.brand-caption,.user-label{color:var(--color-muted);font-size:var(--type-xs);font-weight:500}.header-user{align-items:center;gap:var(--space-3);display:flex}.user-avatar{border:.0625rem solid var(--color-pale);border-radius:var(--radius-pill);background:var(--color-accent-soft);width:2.5rem;height:2.5rem;color:var(--color-primary);font-size:var(--type-sm);flex:none;place-items:center;font-weight:700;display:grid}.user-meta{display:none}.user-name{max-width:12rem;color:var(--color-ink);font-size:var(--type-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.logout-button{padding:var(--space-2) var(--space-3);border:.0625rem solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-ink-soft);cursor:pointer;font-size:var(--type-xs);font-weight:650;transition:border-color .16s,color .16s,background-color .16s}.logout-button:hover{border-color:var(--color-pale);background:var(--color-bg);color:var(--color-ink)}.dashboard{width:min(calc(100% - (var(--x-padding) * 2)), var(--content-width));padding-block:var(--y-padding) var(--space-8);margin-inline:auto}.hero-panel{align-items:center;gap:var(--space-8);min-height:25rem;padding:var(--space-6);border-radius:var(--radius-lg);background:radial-gradient(ellipse at 87% 45%, #16b8c430, transparent 25rem), linear-gradient(125deg, var(--color-primary), var(--color-deep));box-shadow:var(--shadow-card);color:var(--color-white);border:.0625rem solid #ffffff1f;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;max-width:42rem;position:relative}.eyebrow{align-items:center;gap:var(--space-2);color:var(--color-accent-strong);font-size:var(--type-xs);letter-spacing:.12em;text-transform:uppercase;margin:0;font-weight:750;line-height:1.4;display:inline-flex}.hero-eyebrow{color:#a9e9ec}.eyebrow-dot,.footer-indicator,.token-chip-dot{border-radius:var(--radius-pill);background:var(--color-accent);flex:none;width:.5rem;height:.5rem}.hero-title{max-width:40rem;margin:var(--space-4) 0 var(--space-3);color:var(--color-white);font-size:clamp(var(--type-2xl), 8vw, var(--type-4xl));letter-spacing:-.055em;text-wrap:balance;font-weight:720;line-height:1.06}.hero-description{color:#ffffffc2;max-width:35rem;font-size:var(--type-base);margin:0;line-height:1.75}.primary-button{justify-content:center;align-items:center;gap:var(--space-3);min-height:3.25rem;margin-top:var(--space-6);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-primary);cursor:pointer;font-size:var(--type-sm);border:0;font-weight:750;transition:transform .16s,background-color .16s,box-shadow .16s;display:inline-flex}.primary-button:hover:not(:disabled){background:#3bc9d1;transform:translateY(-.125rem);box-shadow:0 .75rem 1.5rem #00000024}.primary-button:disabled{cursor:wait;opacity:.82}.primary-button svg{width:1.25rem;height:1.25rem}.secure-note{align-items:center;gap:var(--space-2);margin:var(--space-4) 0 0;color:#ffffffa6;font-size:var(--type-xs);line-height:1.5;display:flex}.secure-note svg{color:#a9e9ec;flex:none;width:1rem;height:1rem}.hero-visual{place-items:center;min-height:14rem;display:grid;position:relative}.orbit{border-radius:var(--radius-pill);border:.0625rem solid #a9e9ec33;width:12rem;height:12rem;position:absolute}.orbit-one{width:15rem;height:15rem}.orbit-two{border-color:#a9e9ec1c;width:19rem;height:19rem}.shield-visual-card{z-index:1;justify-items:center;gap:var(--space-2);min-width:13rem;padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);background:#ffffff1a;border:.0625rem solid #fff3;display:grid;position:relative}.shield-visual-icon{border-radius:var(--radius-pill);color:#7ce2e6;background:#16b8c429;place-items:center;width:3.5rem;height:3.5rem;display:grid}.shield-visual-icon svg{width:2rem;height:2rem}.visual-label{margin-top:var(--space-2);color:#ffffff9e;font-size:var(--type-xs)}.visual-status{color:var(--color-white);font-size:var(--type-lg);font-weight:700}.token-chip{z-index:2;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--color-deep);color:var(--color-white);font-size:var(--type-xs);box-shadow:var(--shadow-float);border:.0625rem solid #ffffff29;font-weight:650;display:inline-flex;position:absolute;bottom:.75rem;right:0}.token-chip-dot{width:.4375rem;height:.4375rem}.token-chip-divider{background:#ffffff42;width:.0625rem;height:1rem}.details-section{padding-top:var(--space-8)}.section-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.section-eyebrow{margin-bottom:var(--space-2)}.section-title{color:var(--color-ink);font-size:var(--type-xl);letter-spacing:-.035em;margin:0;font-weight:730}.section-caption{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:var(--type-sm);line-height:1.6}.status-pill{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);font-size:var(--type-xs);white-space:nowrap;border:.0625rem solid #0000;flex:none;font-weight:700;display:inline-flex}.status-dot{border-radius:var(--radius-pill);background:currentColor;flex:none;width:.5rem;height:.5rem}.status-pill.is-protected{background:var(--color-success-soft);color:var(--color-success);border-color:#c8e8dd}.status-pill.is-pending,.status-pill.is-loading{background:var(--color-warning-soft);color:var(--color-warning);border-color:#f0dfb5}.status-pill.is-error{background:var(--color-danger-soft);color:var(--color-danger);border-color:#f2cccc}.data-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.data-card{min-width:0;padding:var(--space-5);border:.0625rem solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 .375rem 1.5rem #102f460a}.data-card-header{align-items:center;gap:var(--space-3);display:flex}.data-icon{border-radius:var(--radius-sm);flex:none;place-items:center;width:2.5rem;height:2.5rem;display:grid}.data-icon svg{width:1.375rem;height:1.375rem}.status-icon{background:var(--color-accent-soft);color:var(--color-accent-strong)}.subject-icon{color:var(--color-slate);background:#edf1f5}.control-icon{color:var(--color-deep);background:#edf0f2}.data-label{color:var(--color-muted);font-size:var(--type-sm);font-weight:600}.data-value{overflow-wrap:anywhere;margin:var(--space-5) 0 var(--space-2);color:var(--color-ink);font-size:var(--type-xl);letter-spacing:-.035em;font-weight:720;line-height:1.35}.data-value-break{font-size:var(--type-base);letter-spacing:0}.control-value{font-size:var(--type-base);letter-spacing:0;line-height:1.6}.data-hint{color:var(--color-muted);font-size:var(--type-xs);margin:0;line-height:1.6}.error-message{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--type-sm);border:.0625rem solid #f2cccc;line-height:1.6;display:flex}.error-icon{border-radius:var(--radius-pill);width:1.375rem;height:1.375rem;font-size:var(--type-xs);border:.0625rem solid;flex:none;place-items:center;font-weight:750;display:grid}.dashboard-footer{align-items:center;gap:var(--space-2);margin-top:var(--space-6);color:var(--color-muted);font-size:var(--type-xs);display:flex}.footer-indicator{width:.4375rem;height:.4375rem}.state-screen{min-height:calc(100vh - 5rem);padding:var(--y-padding) var(--x-padding);place-items:center;display:grid}.auth-card{width:min(100%,31rem);padding:var(--space-6);border:.0625rem solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card)}.auth-mark{width:3.5rem;height:3.5rem;margin-bottom:var(--space-6);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-accent);place-items:center;display:grid}.auth-mark svg{width:2rem;height:2rem}.auth-card h1{margin:var(--space-3) 0;color:var(--color-ink);font-size:var(--type-2xl);letter-spacing:-.05em;text-wrap:balance;font-weight:740;line-height:1.15}.auth-description{color:var(--color-muted);font-size:var(--type-base);margin:0;line-height:1.7}.auth-button{width:100%}.auth-footnote{margin:var(--space-4) 0 0;color:var(--color-muted);font-size:var(--type-xs);text-align:center}.loading-card{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);border:.0625rem solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-ink-soft);box-shadow:var(--shadow-card);font-size:var(--type-sm);font-weight:600;display:flex}.loading-spinner,.button-spinner{border:.125rem solid #102f462e;border-top-color:var(--color-accent-strong);border-radius:var(--radius-pill);flex:none;width:1.125rem;height:1.125rem;animation:.7s linear infinite spin}.button-spinner{border-color:#102f4640;border-top-color:var(--color-primary);width:1rem;height:1rem}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=48rem){:root{--x-padding:2rem;--y-padding:2.5rem;--inter-space:1.5rem}.topbar{padding-inline:var(--x-padding)}.user-meta{display:grid}.dashboard{padding-block:var(--y-padding) var(--space-10)}.hero-panel{gap:var(--space-6);min-height:28rem;padding:var(--space-8);grid-template-columns:minmax(0,1.15fr) minmax(17rem,.85fr)}.hero-visual{min-height:21rem}.token-chip{right:var(--space-2);bottom:var(--space-3)}.data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-card{padding:var(--space-8)}}@media (width>=64rem){:root{--x-padding:2.5rem;--y-padding:3rem}.hero-panel{padding:var(--space-10)}.data-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.data-card{min-height:13rem;padding:var(--space-6)}}