:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f7fb;--surface:#fff;--surface-soft:#ffffffbf;--surface-strong:#0f172a;--primary:#0f5ef7;--primary-strong:#0a47ba;--text:#152033;--muted:#5d6b82;--border:#1520331f;--success:#0f9f62;--warning:#c97a00;--shadow:0 22px 60px #0f172a14}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:radial-gradient(circle at 0 0,#0f5ef726,#0000 28%),radial-gradient(circle at 100% 0,#0ea5e91f,#0000 24%),linear-gradient(#f8fbff 0%,#f4f7fb 45%,#eef2f8 100%);margin:0;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}pre{margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;overflow:auto}.landing-page{width:min(1180px,100% - 48px);margin:0 auto;padding:56px 0 72px}.landing-hero{grid-template-columns:1.3fr .9fr;align-items:stretch;gap:24px;display:grid}.landing-hero__content,.landing-code,.landing-card,.login-card,.panel,.metric-card,.empty-state{background:var(--surface-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border:1px solid #fffc}.landing-hero__content{border-radius:32px;padding:40px}.landing-hero__content h1{letter-spacing:-.04em;margin:14px 0 18px;font-size:clamp(2.4rem,6vw,4.6rem);line-height:.98}.landing-hero__content p{max-width:680px;color:var(--muted);font-size:1.05rem;line-height:1.8}.landing-code{color:#ecf2ff;background:linear-gradient(160deg,#0f172afa,#182848f5);border-radius:28px;padding:28px}.landing-code__label,.eyebrow{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:inline-flex}.landing-code__label{color:#7db7ff;margin-bottom:14px}.button-row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button-primary,.button-secondary{border-radius:999px;justify-content:center;align-items:center;min-width:132px;height:46px;padding:0 20px;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button-primary{background:linear-gradient(135deg,var(--primary),#38f);color:#fff;box-shadow:0 14px 30px #0f5ef73d}.button-secondary{border:1px solid var(--border);color:var(--text);background:#fffc}.button-primary:hover,.button-secondary:hover{transform:translateY(-1px)}.landing-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.landing-card{border-radius:24px;padding:28px}.landing-card h2,.panel h2{margin:0 0 12px;font-size:1.1rem}.landing-card p,.muted,.page-description,.empty-state p{color:var(--muted);line-height:1.7}.center-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.loading-shell{box-shadow:var(--shadow);background:#ffffffd1;border-radius:999px;align-items:center;gap:12px;padding:18px 24px;display:inline-flex}.loading-shell__dot{background:var(--primary);border-radius:999px;width:10px;height:10px;animation:.8s ease-in-out infinite alternate pulse}.empty-state{text-align:center;border-radius:28px;width:min(520px,100%);padding:36px}.login-page{grid-template-columns:1.1fr minmax(360px,440px);align-items:center;gap:24px;width:min(1200px,100% - 48px);min-height:100vh;margin:0 auto;display:grid}.login-page__intro h1{letter-spacing:-.04em;margin:16px 0;font-size:clamp(2rem,5vw,4rem);line-height:1.04}.login-page__intro p{max-width:560px;color:var(--muted);font-size:1.05rem;line-height:1.8}.login-card{border-radius:28px}.login-card__options{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.shell-layout{min-height:100vh}.shell-brand{color:#fff;align-items:center;gap:14px;padding:24px 20px 18px;display:flex}.shell-brand__logo{background:linear-gradient(135deg,#38f,#0f5ef7);border-radius:14px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 12px 24px #0f5ef752}.shell-brand__text{color:#ffffffb8;flex-direction:column;gap:2px;min-width:0;font-size:.84rem;display:flex}.shell-brand__text strong{color:#fff;font-size:.95rem}.shell-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #ffffffc7;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;margin:16px 16px 0;padding:0 20px;display:flex}.shell-header__title,.shell-user{flex-direction:column;gap:2px;display:flex}.shell-content{padding:24px 16px 16px}.stack-sm,.stack-lg{flex-direction:column;display:flex}.stack-sm{gap:10px}.stack-lg{gap:24px}.page-header{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-title{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,3vw,2.8rem);line-height:1.08}.metric-grid,.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{border-radius:22px;padding:24px}.metric-card__label{color:var(--muted);margin:0 0 12px;font-size:.95rem}.metric-card__value{letter-spacing:-.05em;margin:0;font-size:2.2rem;font-weight:700}.metric-card__trend{color:var(--muted);margin:12px 0 0}.is-positive{color:var(--success)}.is-warning{color:var(--warning)}.panel{border-radius:24px;padding:28px}.panel__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.status-chip{height:28px;color:var(--primary);background:#0f5ef71a;border-radius:999px;align-items:center;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}.list{color:var(--text);margin:0;padding-left:20px;line-height:1.9}@keyframes pulse{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}@media (max-width:1024px){.landing-hero,.login-page,.metric-grid{grid-template-columns:1fr}.landing-page,.login-page{width:min(100%,100% - 32px)}.login-page{padding:36px 0}.page-header,.shell-header{flex-direction:column;align-items:flex-start}}@media (max-width:768px){.landing-card-grid{grid-template-columns:1fr}.landing-hero__content,.landing-code,.panel,.login-card,.metric-card,.empty-state{border-radius:24px}.landing-page{width:min(100%,100% - 24px);padding-top:24px}.shell-content{padding:16px 12px 12px}}