:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:-apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--color-paper:oklch(98% .004 250);--color-paper-2:oklch(95.5% .006 250);--color-rule:oklch(88% .008 250);--color-neutral:oklch(58% .012 250);--color-muted:oklch(46% .014 250);--color-ink:oklch(20% .014 250);--color-accent:oklch(46% .09 250);--color-accent-ink:oklch(32% .08 250);--color-focus:oklch(55% .14 250);--color-green:oklch(55% .14 148);--color-green-bg:oklch(94% .045 148);--color-green-ink:oklch(32% .09 148);--color-yellow:oklch(68% .15 82);--color-yellow-bg:oklch(93% .06 82);--color-yellow-ink:oklch(36% .12 82);--color-red:oklch(55% .19 25);--color-red-bg:oklch(94% .045 25);--color-red-ink:oklch(38% .15 25);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--radius-sm:6px;--radius-md:10px;--radius-pill:999px;--shadow-whisper:0 1px 2px oklch(20% .01 250/.06);--z-base:1;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-modal:400;--z-toast:500;--z-tooltip:600}*,:before,:after{box-sizing:border-box}html,body{height:100%}html{overflow-x:clip}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}#root{min-height:100%}h1,h2,h3{letter-spacing:-.01em;color:var(--color-ink);margin:0;font-weight:700}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}p{margin:0}a{color:var(--color-accent-ink)}button,select,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.app-shell{flex-direction:column;min-height:100svh;display:flex}.topbar{z-index:var(--z-sticky);align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-paper);border-bottom:1px solid var(--color-rule);box-shadow:var(--shadow-whisper);grid-template-columns:auto minmax(0,1fr) auto;display:grid;position:sticky;top:0}.topbar__brand{font-weight:700;font-size:clamp(.8125rem, 2.2vw, var(--text-md));white-space:nowrap;text-overflow:ellipsis;justify-self:start;overflow:hidden}.topbar__badge{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(.625rem, 1.8vw, var(--text-xs));color:var(--color-muted);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-pill);padding:var(--space-3xs) var(--space-sm);justify-self:center;font-weight:600;overflow:hidden}.topbar__role{border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);min-width:0;max-width:40vw;padding:var(--space-2xs) var(--space-xs);font-size:var(--text-sm);justify-self:end}.nav{gap:var(--space-2xs);padding:var(--space-xs) var(--space-lg);border-bottom:1px solid var(--color-rule);background:var(--color-paper-2);display:flex;overflow-x:auto}.nav__item{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-neutral);white-space:nowrap;font-weight:600;text-decoration:none}.nav__item:hover{color:var(--color-ink);background:var(--color-paper)}.nav__item--active{color:var(--color-accent-ink);background:var(--color-paper);box-shadow:inset 0 -2px 0 var(--color-accent)}.content{width:100%;max-width:1200px;padding:var(--space-lg);flex:1;margin-inline:auto}@media (width<=767px){.nav{z-index:var(--z-sticky);border-bottom:none;border-top:1px solid var(--color-rule);padding:var(--space-2xs) var(--space-xs);padding-bottom:max(var(--space-2xs), env(safe-area-inset-bottom));justify-content:space-around;position:fixed;bottom:0;left:0;right:0}.nav__item{text-align:center;padding:var(--space-xs) var(--space-2xs);flex:1}.content{padding-bottom:calc(var(--space-2xl) + env(safe-area-inset-bottom))}}.card{background:var(--color-paper);border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:var(--space-lg)}.card__title{margin:0 0 var(--space-sm);font-size:var(--text-md)}.chip{align-items:center;gap:var(--space-2xs);padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-pill);font-size:var(--text-xs);white-space:nowrap;font-weight:700;display:inline-flex}.chip__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.chip--green{color:var(--color-green-ink);background:var(--color-green-bg)}.chip--yellow{color:var(--color-yellow-ink);background:var(--color-yellow-bg)}.chip--red{color:var(--color-red-ink);background:var(--color-red-bg)}.sparkline{align-items:center;gap:var(--space-2xs);color:var(--color-neutral);display:inline-flex}.sparkline__svg{width:64px;height:24px;display:block}.sparkline__value{font-size:var(--text-sm);color:var(--color-ink);font-variant-numeric:tabular-nums;font-weight:700}