@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg:oklch(97% .012 78);--panel:oklch(99.5% .008 84);--panel-strong:oklch(90% .022 70);--ink:oklch(22% .03 32);--muted:oklch(49% .02 38);--line:oklch(87% .012 65);--accent:oklch(63% .17 38);--accent-deep:oklch(42% .11 30);--accent-soft:oklch(91% .05 52);--success:oklch(65% .14 150);--shadow:0 18px 50px color-mix(in srgb, var(--accent-deep) 12%, transparent);--radius-xl:28px;--radius-lg:20px;--radius-md:14px;color:var(--ink);background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent-soft) 65%, transparent) 0, transparent 34%), linear-gradient(180deg, oklch(98.5% .01 84) 0%, var(--bg) 38%, oklch(95% .016 72) 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}#app{min-height:100vh}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-view{flex:1;min-height:0;display:flex}.app-view>*{flex:1}.app-footer{border-top:1px solid color-mix(in srgb, var(--line) 72%, white);background:color-mix(in srgb, var(--panel) 92%, white);justify-content:center;padding:.85rem 1rem 1.1rem;display:flex}.app-footer p{color:var(--muted);margin:0;font-size:.92rem}.app-footer a{color:var(--accent-deep)}.console-shell{grid-template-columns:minmax(270px,320px) 1fr;min-height:100%;display:grid}.console-sidebar{border-right:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:linear-gradient(200deg, color-mix(in srgb, var(--accent-soft) 75%, white) 0%, transparent 44%), color-mix(in srgb, var(--panel) 95%, white);padding:clamp(1.2rem,2vw,2rem);position:relative;overflow:hidden}.console-sidebar:after{content:"";aspect-ratio:1;background:color-mix(in srgb, var(--accent) 16%, transparent);filter:blur(20px);border-radius:999px;width:180px;position:absolute;inset:auto -16% -8% auto}.brand-block h1,.console-topbar h2,.hero-panel h3,.panel h3,.login-hero h1,.login-card h2{font-family:Space Grotesk,sans-serif}.brand-block{gap:.9rem;margin-bottom:2rem;display:grid}.brand-block__eyebrow,.section-eyebrow,.console-topbar__eyebrow,.login-hero__eyebrow,.sidebar-footer__label,.login-card__header p{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:0;font-size:.72rem}.brand-block h1,.login-hero h1{max-width:10ch;margin:0;font-size:clamp(2.3rem,5vw,4.7rem);line-height:.95}.brand-block__copy,.hero-panel p,.panel p,.login-hero__copy{color:var(--muted);margin:0;line-height:1.65}.console-nav{background:0 0;border:none}.console-nav .el-menu-item{height:52px;color:var(--accent-deep);border-radius:16px;margin-bottom:.45rem;font-weight:700}.console-nav .el-menu-item.is-active{background:color-mix(in srgb, var(--accent) 16%, white);color:var(--ink)}.sidebar-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex;position:absolute;inset:auto 1.2rem 1.2rem}.console-main{grid-template-rows:auto 1fr;gap:1rem;padding:clamp(1rem,2vw,2rem);display:grid}.console-topbar{justify-content:space-between;align-items:end;gap:1rem;display:flex}.console-topbar__actions{align-items:center;gap:.75rem;display:flex}.scope-select{width:min(320px,55vw)}.console-topbar h2{margin:.35rem 0 0;font-size:clamp(1.9rem,3vw,2.8rem)}.console-content,.page-grid{gap:1rem;display:grid}.hero-panel,.panel,.login-card{background:color-mix(in srgb, var(--panel) 92%, white);border:1px solid color-mix(in srgb, var(--line) 72%, white);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.hero-panel{background:linear-gradient(130deg, color-mix(in srgb, var(--accent-soft) 92%, white) 0%, transparent 55%), color-mix(in srgb, var(--panel) 92%, white);grid-template-columns:1.4fr .8fr;gap:1rem;padding:clamp(1.4rem,3vw,2rem);display:grid}.hero-panel__copy h3,.panel h3,.login-card h2{margin:.35rem 0 .6rem;font-size:clamp(1.3rem,2vw,1.8rem)}.hero-panel__chips{flex-wrap:wrap;place-content:start end;gap:.75rem;display:flex}.stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.stat-card{border-radius:var(--radius-lg);background:color-mix(in srgb, var(--panel-strong) 36%, white);border:1px solid color-mix(in srgb, var(--line) 90%, white);padding:1.2rem}.stat-card__header,.panel__header,.risk-bar__meta,.device-tile__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.stat-card__header p,.stat-card__hint,.timeline-item p,.device-tile p,.device-tile__meta,.login-hero__grid span{color:var(--muted);margin:0}.stat-card__value{margin:.75rem 0 .35rem;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:1}.content-columns,.split-panel{grid-template-columns:1.1fr .9fr;gap:1rem;display:grid}.split-panel>*{min-width:0}.panel{padding:clamp(1.2rem,2vw,1.6rem)}.panel--dense{align-content:start}.split-panel--accounts{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.accounts-form-panel{position:sticky;top:.25rem}.table-shell{min-width:0}.table-shell--accounts{padding-bottom:.25rem;overflow-x:auto}.table-shell--accounts .el-table{min-width:1450px}.panel__helper{color:var(--muted);margin:0 0 1rem}.filter-row{gap:.75rem;display:flex}.risk-stack,.timeline-list,.device-grid{gap:.85rem;display:grid}.account-overview-layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:1rem;display:grid}.china-map-shell{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--line) 82%, white);background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent-soft) 85%, white) 0, transparent 44%), linear-gradient(180deg, color-mix(in srgb, var(--panel) 95%, white), color-mix(in srgb, var(--accent-soft) 26%, white));min-height:420px;position:relative;overflow:hidden}.china-map-canvas{width:100%;min-height:420px}.china-map-caption{color:var(--muted);flex-wrap:wrap;gap:.55rem;font-size:.78rem;display:flex;position:absolute;inset:auto 1rem 1rem}.china-map-caption span{background:color-mix(in srgb, var(--panel) 82%, white);border:1px solid color-mix(in srgb, var(--line) 80%, white);border-radius:999px;padding:.3rem .55rem}.china-map-empty{border-radius:var(--radius-md);background:color-mix(in srgb, var(--panel) 85%, white);border:1px solid color-mix(in srgb, var(--line) 82%, white);gap:.35rem;max-width:300px;padding:.9rem 1rem;display:grid;position:absolute;inset:auto 1rem 3.75rem}.china-map-empty span{color:var(--muted);line-height:1.5}.account-overview-table{align-content:start;gap:.85rem;display:grid}.risk-bar__track{background:color-mix(in srgb, var(--line) 65%, white);border-radius:999px;height:12px;overflow:hidden}.risk-bar__fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent) 0%, color-mix(in srgb, var(--accent) 55%, var(--success)) 100%);height:100%}.timeline-item,.device-tile{border-radius:var(--radius-md);background:color-mix(in srgb, var(--panel-strong) 26%, white);gap:.4rem;padding:1rem 1rem 1.1rem;display:grid}.device-tile__meta{gap:.3rem;font-size:.92rem;display:grid}.json-chip{background:color-mix(in srgb, var(--accent-soft) 55%, white);white-space:pre-wrap;word-break:break-word;border-radius:14px;margin:0;padding:.8rem;font-size:.82rem;line-height:1.5}.login-page{grid-template-columns:1.2fr minmax(320px,440px);gap:1rem;min-height:100%;padding:clamp(1rem,3vw,2rem);display:grid}.login-hero,.login-card{padding:clamp(1.4rem,3vw,2rem)}.login-hero{border-radius:var(--radius-xl);background:radial-gradient(circle at top left, color-mix(in srgb, var(--accent-soft) 100%, white) 0, transparent 42%), color-mix(in srgb, var(--panel) 88%, white);border:1px solid color-mix(in srgb, var(--line) 72%, white);align-content:center;gap:1rem;display:grid}.login-hero__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.login-hero__grid div{border-radius:var(--radius-md);background:color-mix(in srgb, var(--panel-strong) 28%, white);padding:1rem}.login-hero__grid strong{margin-bottom:.4rem;display:block}.login-card{align-content:center;display:grid}.login-card__submit{width:100%;height:48px;margin-top:.75rem}.el-button--primary{--el-button-bg-color:var(--accent-deep);--el-button-border-color:var(--accent-deep);--el-button-hover-bg-color:color-mix(in srgb, var(--accent-deep) 82%, black);--el-button-hover-border-color:color-mix(in srgb, var(--accent-deep) 82%, black)}.el-table{--el-table-border-color:color-mix(in srgb, var(--line) 68%, white);--el-table-header-bg-color:color-mix(in srgb, var(--accent-soft) 40%, white);--el-table-row-hover-bg-color:color-mix(in srgb, var(--accent-soft) 32%, white);border-radius:18px;overflow:hidden}.el-input__wrapper,.el-textarea__inner{box-shadow:none;border:1px solid color-mix(in srgb, var(--line) 75%, white)}.el-tag{font-weight:700}@media (width<=1180px){.console-shell,.login-page,.hero-panel,.split-panel,.content-columns,.account-overview-layout{grid-template-columns:1fr}.console-sidebar{position:static}.sidebar-footer{margin-top:1.5rem;position:static}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.accounts-form-panel{position:static}.table-shell--accounts .el-table{min-width:1180px}}@media (width<=720px){.console-main{padding:.8rem}.console-topbar{flex-direction:column;align-items:start}.stats-row,.login-hero__grid{grid-template-columns:1fr}.filter-row{flex-direction:column;width:100%}}