@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&family=Syne:wght@600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--font-body:"Manrope", "Segoe UI", sans-serif;--font-display:"Space Grotesk", "Segoe UI", sans-serif;--font-hero:"Syne", "Space Grotesk", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--bg-deep:#081326;--bg-mid:#12233d;--bg-base-start:#050d1f;--bg-base-end:#14315b;--surface:#12233dbd;--surface-soft:#152b4a9e;--surface-strong:#0f2341;--text:#e8eefc;--text-soft:#abbbdd;--brand:#3dd9b8;--brand-2:#ffd166;--brand-3:#6ec6ff;--danger:#ff6b6b;--border:#89afe83d;--shadow:0 18px 44px #02071275;--hero-grad-start:#112642eb;--hero-grad-end:#10223ac7;--api-chip-bg:#6ec6ff29;--api-chip-border:#6ec6ff47;--api-chip-text:#c9edff;--kpi-grad-start:#12233ddb;--kpi-grad-end:#182e4eb8;--kpi-label:#9de8d7;--tab-text:#c9d7f4;--tab-active-bg:#3dd9b829;--tab-active-text:#d7fff5;--form-label:#c5d6f8;--placeholder:#8ba2c9;--button-text:#02162f;--button-grad-end:#7de7ce;--nav-text:#d3e2fe;--nav-active-text:#e8fff9;--card-title:#b4c8ed;--metric-text:#e8fff9;--code-bg:#081326;--code-border:#89afe842;--code-text:#d5ecff;--response-grad-start:#142a47d1;--response-grad-end:#12233d9e;--endpoint-path:#dbe8ff;--success-text:#cbffe7;--ambient-a:#3dd9b83d;--ambient-b:#ffd16638;--ambient-c:#6ec6ff33;--shell-shape-a:linear-gradient(125deg, #3dd9b82e, #6ec6ff1f);--shell-shape-b:radial-gradient(circle, #ffd16642, transparent 68%);--hero-glow:radial-gradient(circle, #3dd9b842, transparent 65%);--hero-title-grad:linear-gradient(110deg, #f0f6ff 0%, #d8e8ff 45%, #9de8d7 100%);--hero-title-shadow:0 4px 24px #08122652;--aura-1:#3dd9b842;--aura-2:#6ec6ff3b;--aura-3:#ffd16633;--grid-line:#a0c1f414;--vignette:#060f2080}:root[data-theme=light]{--bg-deep:#f6efe5;--bg-mid:#eadfce;--bg-base-start:#fdf7ef;--bg-base-end:#e9dcc8;--surface:#fffaf3db;--surface-soft:#fbf3e8e6;--surface-strong:#fff7ee;--text:#3f2f26;--text-soft:#786252;--brand:#a56a43;--brand-2:#c3884f;--brand-3:#8e7b63;--danger:#b64a3f;--border:#5e463538;--shadow:0 14px 34px #83644833;--hero-grad-start:#fffaf3f2;--hero-grad-end:#f5e9dbeb;--api-chip-bg:#a56a4324;--api-chip-border:#a56a4340;--api-chip-text:#6e4a33;--kpi-grad-start:#fff8eef2;--kpi-grad-end:#f5e8d8e6;--kpi-label:#8d5e3f;--tab-text:#6f5745;--tab-active-bg:#a56a4329;--tab-active-text:#5f3e2b;--form-label:#684f3e;--placeholder:#9b826f;--button-text:#fff8ef;--button-grad-end:#c2935c;--nav-text:#6c5444;--nav-active-text:#5b3b28;--card-title:#795b47;--metric-text:#4a3528;--code-bg:#fbf1e6;--code-border:#7758423d;--code-text:#583d2d;--response-grad-start:#fff8eff0;--response-grad-end:#f8ecddeb;--endpoint-path:#664937;--success-text:#466448;--ambient-a:#dec3a780;--ambient-b:#f2d4b673;--ambient-c:#d2e1c657;--shell-shape-a:linear-gradient(130deg, #ead0b570, #f1e0cd3d);--shell-shape-b:radial-gradient(circle, #e0cbb273, transparent 72%);--hero-glow:radial-gradient(circle, #e6cdb18f, transparent 68%);--hero-title-grad:linear-gradient(110deg, #5a3d2a 0%, #7a5a43 45%, #8d5e3f 100%);--hero-title-shadow:0 3px 14px #795e4833;--aura-1:#d6ba9b6b;--aura-2:#c2d6ec75;--aura-3:#eec9a757;--grid-line:#795e4814;--vignette:#795e4829}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);font-family:var(--font-body);background:radial-gradient(86% 72% at 6% 8%, var(--ambient-a), transparent 62%), radial-gradient(58% 50% at 92% 12%, var(--ambient-b), transparent 66%), radial-gradient(68% 58% at 50% 100%, var(--ambient-c), transparent 68%), conic-gradient(from 196deg at 70% 12%, #4978b33d, transparent 42%, #3dd9b81a 64%, transparent 100%), linear-gradient(145deg, var(--bg-base-start) 0%, var(--bg-deep) 34%, var(--bg-mid) 100%);margin:0;position:relative;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:0}body:before{background:radial-gradient(44% 40% at 14% 18%, var(--aura-1), transparent 70%), radial-gradient(36% 32% at 82% 14%, var(--aura-2), transparent 72%), radial-gradient(30% 26% at 68% 86%, var(--aura-3), transparent 74%);filter:blur(28px);opacity:.94;z-index:0;animation:22s ease-in-out infinite alternate auraFloat}body:after{background:radial-gradient(circle at 50% 0%, #08122600, var(--vignette) 82%), repeating-linear-gradient(115deg, var(--grid-line) 0, var(--grid-line) 1px, transparent 1px, transparent 16px), repeating-linear-gradient(25deg, #ffffff06 0, #ffffff06 1px, transparent 1px, transparent 22px);opacity:.34;z-index:0}#root{isolation:isolate;z-index:1;min-height:100vh;position:relative}.app-shell{isolation:isolate;gap:1.15rem;width:min(1240px,92vw);margin:0 auto;padding:2.2rem 0 3rem;display:grid;position:relative}.app-shell:before,.app-shell:after{content:"";pointer-events:none;z-index:-1;filter:blur(10px);position:absolute}.app-shell:before{background:var(--shell-shape-a);opacity:.9;border-radius:48px;width:300px;height:300px;animation:16s ease-in-out infinite shellDriftA;top:196px;left:-96px;transform:rotate(8deg)}.app-shell:after{background:var(--shell-shape-b);opacity:.86;border-radius:50%;width:250px;height:250px;animation:18s ease-in-out infinite shellDriftB;top:64px;right:-54px}.hero{border:1px solid var(--border);background:linear-gradient(150deg, var(--hero-grad-start), var(--hero-grad-end));box-shadow:var(--shadow);border-radius:28px;padding:2.7rem;animation:.55s reveal;position:relative;overflow:hidden}.hero-glow{background:var(--hero-glow);border-radius:50%;width:380px;height:380px;position:absolute;top:-150px;right:-130px}.hero-grid{opacity:.35;pointer-events:none;background-image:linear-gradient(#abbbdd14 1px,#0000 1px),linear-gradient(90deg,#abbbdd14 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--brand-2);margin:0;font-size:.75rem;font-weight:700}h1,h2,h3{font-family:var(--font-display);margin:0}h1{font-family:var(--font-hero);color:var(--text);letter-spacing:-.025em;max-width:14ch;text-shadow:var(--hero-title-shadow);margin-top:.72rem;font-size:clamp(2rem,4.9vw,3.75rem);line-height:1.03}@supports ((-webkit-background-clip:text)) and (-webkit-text-fill-color:transparent){h1{background-image:var(--hero-title-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}.subtitle{max-width:66ch;color:var(--text-soft);margin-top:.95rem;font-size:1rem}.status-row{color:var(--text);flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.theme-toggle{border:1px solid var(--border);color:var(--text);font-family:var(--font-display);cursor:pointer;background:#6ec6ff1f;border-radius:999px;margin-left:auto;padding:.34rem .8rem;font-size:.8rem;font-weight:700;transition:transform .2s,background .2s}.theme-toggle:hover{background:#3dd9b82e;transform:translateY(-1px)}.status-dot{border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 10px}.status-checking{color:#f59e0b;background:#f59e0b}.status-online{color:#34d399;background:#34d399}.status-offline{color:#f87171;background:#f87171}.api-chip{background:var(--api-chip-bg);border:1px solid var(--api-chip-border);color:var(--api-chip-text);border-radius:999px;padding:.34rem .76rem;font-size:.82rem}.kpi-strip{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.kpi-card{border:1px solid var(--border);background:linear-gradient(145deg, var(--kpi-grad-start), var(--kpi-grad-end));box-shadow:var(--shadow);border-radius:18px;padding:1rem;transition:transform .24s,border-color .24s;position:relative;overflow:hidden}.kpi-card:after{content:"";background:radial-gradient(circle,#ffd16638,#0000 68%);border-radius:50%;width:130px;height:130px;position:absolute;top:-42px;right:-44px}.kpi-card:hover{border-color:#3dd9b875;transform:translateY(-2px)}.kpi-label{letter-spacing:.13em;text-transform:uppercase;color:var(--kpi-label);margin:0;font-size:.72rem}.kpi-card h3{margin-top:.46rem;font-size:1.14rem}.kpi-card span{color:var(--text-soft);margin-top:.34rem;font-size:.86rem;display:block}.main-grid{grid-template-columns:1.15fr .85fr;gap:1rem;display:grid}.signed-shell{gap:1rem;display:grid}.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px;padding:1.3rem;transition:transform .2s,border-color .2s;animation:.45s both rise}.panel:hover{border-color:#6ec6ff70;transform:translateY(-2px)}.panel-head p,.identity-card p,.response-panel p{color:var(--text-soft);margin-top:.38rem}.tab-row{background:#e8eefc0f;border-radius:12px;gap:.45rem;margin-top:1rem;padding:.3rem;display:flex}.tab{color:var(--tab-text);font-family:var(--font-display);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:.6rem .7rem;font-weight:600}.tab.active{background:var(--tab-active-bg);color:var(--tab-active-text)}.auth-form{gap:.75rem;margin-top:1rem;display:grid}.auth-form label{color:var(--form-label);gap:.34rem;font-size:.9rem;display:grid}.auth-form input{font:inherit;background:var(--surface-strong);color:var(--text);border:1px solid #89afe852;border-radius:12px;padding:.8rem .82rem}.auth-form input::placeholder{color:var(--placeholder)}.auth-form input:focus{border-color:var(--brand);outline:2px solid #3dd9b854}.cta,.action-row button,.nav-logout{color:var(--button-text);background:linear-gradient(135deg, var(--brand), var(--button-grad-end));font-family:var(--font-display);cursor:pointer;border:none;border-radius:12px;padding:.76rem .92rem;font-weight:700;transition:transform .2s,filter .2s}.cta:hover,.action-row button:hover,.nav-logout:hover{filter:saturate(1.1);transform:translateY(-1px)}.cta:disabled,.action-row button:disabled,.nav-logout:disabled{opacity:.56;cursor:not-allowed}.action-row .danger,.nav-logout{color:#ffeef0;background:linear-gradient(135deg,#ff6b6b,#d94848)}.signed-nav{align-items:center;gap:.6rem;padding:.7rem;display:flex}.nav-link{color:var(--nav-text);font-family:var(--font-display);border-radius:10px;padding:.62rem .92rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.nav-link.active,.nav-link:hover{color:var(--nav-active-text);background:#3dd9b829}.nav-logout{margin-left:auto}.dashboard-panel,.profile-panel{gap:.9rem;display:grid}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:.68rem;display:grid}.dash-card,.profile-top,.profile-card,.identity-card,.endpoint-grid div{background:var(--surface-soft);border:1px solid #89afe845;border-radius:14px}.dash-card{padding:.86rem}.dash-card h3,.profile-card h3{color:var(--card-title);font-size:.92rem}.dash-card p{color:var(--metric-text);margin-top:.5rem;font-size:1.18rem;font-weight:700}.dash-card span{color:var(--text-soft);margin-top:.26rem;font-size:.84rem;display:block}.profile-top{align-items:center;gap:.9rem;padding:.9rem;display:flex}.avatar-badge{color:#042643;background:linear-gradient(145deg,#ffd166,#ffdf94);border-radius:50%;place-items:center;width:58px;height:58px;font-size:1.22rem;font-weight:700;display:grid}.profile-grid,.endpoint-grid{gap:.62rem;display:grid}.profile-card{padding:.72rem}.profile-card h3{margin-bottom:.42rem}code{overflow-wrap:anywhere;background:var(--code-bg);border:1px solid var(--code-border);color:var(--code-text);font-family:var(--font-mono);border-radius:10px;padding:.64rem;font-size:.8rem;display:block}.action-row{grid-template-columns:repeat(3,1fr);gap:.56rem;display:grid}.me-result{color:var(--success-text);margin-top:.68rem;font-weight:600}.response-panel{background:linear-gradient(145deg, var(--response-grad-start), var(--response-grad-end))}.endpoint-grid{grid-template-columns:repeat(3,1fr);margin-top:.9rem}.endpoint-grid div{padding:.72rem}.endpoint-card{grid-template-columns:auto 1fr;align-items:center;gap:.62rem;animation:3.4s ease-in-out infinite endpointDrift;display:grid}.endpoint-card:nth-child(2){animation-delay:.18s}.endpoint-card:nth-child(3){animation-delay:.32s}.endpoint-card:nth-child(4){animation-delay:.48s}.endpoint-card:nth-child(5){animation-delay:.66s}.endpoint-card:nth-child(6){animation-delay:.82s}.endpoint-card:hover{border-color:#3dd9b880;animation-play-state:paused;transform:translateY(-2px)scale(1.01)}.endpoint-icon{width:32px;height:32px;color:var(--brand);background:linear-gradient(145deg,#3dd9b838,#6ec6ff33);border:1px solid #6ec6ff57;border-radius:9px;place-items:center;display:grid}.endpoint-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.endpoint-grid span{letter-spacing:.08em;text-transform:uppercase;color:var(--brand-2);font-size:.72rem;font-weight:800;display:inline-block}.endpoint-grid p{color:var(--endpoint-path);margin:.35rem 0 0;font-size:.88rem}.app-footer{color:var(--text-soft);letter-spacing:.06em;text-transform:uppercase;opacity:.94;justify-content:center;align-items:center;gap:.48rem;margin-top:.28rem;padding:.86rem 0 .3rem;font-size:.82rem;display:flex;position:relative}.app-footer:before{content:"";background:linear-gradient(90deg,#0000 0%,#6ec6ff24 20%,#3dd9b847 50%,#6ec6ff24 80%,#0000 100%);width:min(420px,78vw);height:1px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 14px #3dd9b81f}.app-footer .dot{color:var(--brand-2);opacity:.76}.app-footer .signature{background:linear-gradient(110deg, var(--brand), var(--brand-3) 52%, var(--brand-2));color:#0000;text-shadow:0 0 16px #3dd9b82e;background-size:190% 100%;-webkit-background-clip:text;background-clip:text;animation:5.4s ease-in-out infinite signatureShimmer}@keyframes reveal{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes endpointDrift{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes auraFloat{0%{transform:translate(0,0)scale(1)}to{transform:translateY(-18px)scale(1.04)}}@keyframes shellDriftA{0%,to{transform:rotate(8deg)translate(0,0)}50%{transform:rotate(12deg)translate(8px,-10px)}}@keyframes shellDriftB{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-8px,10px)scale(1.05)}}@keyframes signatureShimmer{0%,to{filter:brightness(.98);background-position:0%}50%{filter:brightness(1.12);background-position:100%}}@media (width<=980px){.kpi-strip,.main-grid,.dashboard-grid{grid-template-columns:1fr}.endpoint-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.app-shell{width:94vw;padding-top:1rem}.hero,.panel{border-radius:16px;padding:1rem}.signed-nav,.action-row,.endpoint-grid{grid-template-columns:1fr;display:grid}.theme-toggle,.nav-logout{margin-left:0}h1{font-size:1.94rem}.app-footer{letter-spacing:.05em;flex-wrap:wrap;gap:.36rem;font-size:.74rem}}