@layer tokens, base, components, utilities;@layer tokens{:root{color-scheme:light dark;--c-bg:#ffffff;--c-bg-alt:#f6f7f9;--c-surface:#ffffff;--c-surface-alt:#f1f3f6;--c-border:#e4e7ec;--c-border-strong:#c9cfd8;--c-border-control:#7c8694;--c-text:#101418;--c-text-muted:#4a5462;--c-text-subtle:#646e7c;--c-brand:#1e68dc;--c-brand-hover:#1855be;--c-brand-active:#14499f;--c-brand-fg:#ffffff;--c-brand-text:#0f52bc;--c-brand-subtle-bg:#eaf1fe;--c-success:#0f7a46;--c-success-bg:#e4f6ec;--c-warning:#8a5a00;--c-warning-bg:#fdf3dc;--c-danger:#b3261e;--c-danger-bg:#fdecea;--c-code-bg:#f1f3f6;--c-code-fg:#232830;--c-focus:#1e68dc;--shadow-sm:0 1px 2px rgb(16 20 26/0.05),0 1px 3px rgb(16 20 26/0.06);--shadow-md:0 2px 4px rgb(16 20 26/0.04),0 8px 24px -6px rgb(16 20 26/0.1);--font-sans:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",system-ui,"Segoe UI",Roboto,"Malgun Gothic","맑은 고딕","Noto Sans KR","Apple Color Emoji",sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono","D2Coding",monospace;--fw-normal:400;--fw-bold:700;--fs-h1:1.375rem;--fs-h2:1.125rem;--fs-body:1rem;--fs-sm:0.9375rem;--fs-xs:0.8125rem;--fs-code:0.875rem;--lh-body:1.7;--lh-ui:1.5;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--dur-fast:120ms;--dur:180ms;--ease:cubic-bezier(0.2,0.6,0.3,1);--w-content:880px;--gutter:clamp(1rem,4vw,1.75rem)}@media (prefers-color-scheme:dark){:root{--c-bg:#0b0d11;--c-bg-alt:#0f1218;--c-surface:#14181f;--c-surface-alt:#1b2029;--c-border:#262c36;--c-border-strong:#39414e;--c-border-control:#6b7485;--c-text:#e8ebf0;--c-text-muted:#a3adbb;--c-text-subtle:#8590a0;--c-brand:#1e68dc;--c-brand-hover:#246de0;--c-brand-active:#1d66da;--c-brand-fg:#ffffff;--c-brand-text:#7fb0ff;--c-brand-subtle-bg:#12203a;--c-success:#45ce8c;--c-success-bg:#0e2b1e;--c-warning:#e5b54b;--c-warning-bg:#2e230c;--c-danger:#f2938c;--c-danger-bg:#3a1512;--c-code-bg:#11151b;--c-code-fg:#d7dde6;--c-focus:#7fb0ff;--shadow-sm:0 1px 2px rgb(0 0 0/0.5);--shadow-md:0 8px 24px -6px rgb(0 0 0/0.6)}}}@layer base{*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--c-bg-alt);color:var(--c-text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);word-break:keep-all;overflow-wrap:break-word}h1,h2,h3{margin:0;font-weight:var(--fw-bold);line-height:var(--lh-ui)}p{margin:0}a{color:var(--c-brand-text)}button{font-family:inherit}:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}::selection{background:var(--c-brand-subtle-bg)}}@layer components{.shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--c-bg);background:color-mix(in srgb,var(--c-bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--c-border)}.topbar__inner{max-width:var(--w-content);margin:0 auto;padding:0 var(--gutter);height:56px;justify-content:space-between;gap:var(--space-4)}.brand,.topbar__inner{display:flex;align-items:center}.brand{gap:var(--space-2);font-weight:var(--fw-bold);font-size:var(--fs-body);color:var(--c-text);text-decoration:none}.brand__chip{font-size:var(--fs-xs);font-weight:var(--fw-normal);color:var(--c-brand-text);background:var(--c-brand-subtle-bg);border-radius:var(--radius-pill);padding:1px 8px}.topbar__user{display:flex;align-items:center;gap:var(--space-3);min-width:0}.topbar__email{font-size:var(--fs-sm);color:var(--c-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{flex:1 1;width:100%;max-width:var(--w-content);margin:0 auto;padding:var(--space-6) var(--gutter) var(--space-7);display:flex;flex-direction:column;gap:var(--space-6)}.footer{border-top:1px solid var(--c-border);background:var(--c-bg)}.footer__inner{max-width:var(--w-content);margin:0 auto;padding:var(--space-5) var(--gutter);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);justify-content:space-between;font-size:var(--fs-xs);color:var(--c-text-subtle)}.footer a{color:inherit}.layout{flex:1 1;display:grid;grid-template-columns:216px minmax(0,1fr);grid-gap:var(--space-6);gap:var(--space-6);width:100%;max-width:1200px;margin:0 auto;padding:var(--space-6) var(--gutter) var(--space-7)}.sidenav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;position:-webkit-sticky;position:sticky;top:calc(var(--space-6) + 56px)}.sidenav__link{display:flex;align-items:center;gap:var(--space-2);padding:10px var(--space-3);border-radius:var(--radius-md);color:var(--c-text-subtle);text-decoration:none;font-size:var(--fs-body);font-weight:var(--fw-normal);transition:background .12s ease,color .12s ease}.sidenav__link:hover{background:var(--c-surface-alt);color:var(--c-text)}.sidenav__link--active{background:var(--c-brand-subtle-bg);color:var(--c-brand-text);font-weight:var(--fw-bold)}.sidenav__icon{font-size:14px;width:18px;text-align:center}.sidenav__dot{width:8px;height:8px;border-radius:50%;background:var(--c-warning);margin-left:auto}.content{min-width:0;display:flex;flex-direction:column;gap:var(--space-6)}@media (max-width:720px){.layout{grid-template-columns:1fr;gap:var(--space-4)}.sidenav ul{position:static;flex-direction:row;overflow-x:auto;padding-bottom:var(--space-1)}.sidenav__link{white-space:nowrap}}.limit-form{display:grid;grid-template-columns:180px minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);margin:var(--space-3) 0}.limit-form label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--fs-sm)}.limit-form input{border:1px solid var(--c-border-control);border-radius:var(--radius-sm);background:var(--c-surface);color:var(--c-text);padding:8px 10px;font-size:var(--fs-body);font-family:inherit}@media (max-width:560px){.limit-form{grid-template-columns:1fr}}.section{display:flex;flex-direction:column;gap:var(--space-4)}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.section__head h2{font-size:var(--fs-h2)}.section__count{font-size:var(--fs-sm);color:var(--c-text-subtle)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.card__row{justify-content:space-between;flex-wrap:wrap}.card__row,.card__title{display:flex;align-items:center;gap:var(--space-3)}.card__title{min-width:0}.card__name{font-family:var(--font-mono);font-size:var(--fs-body);font-weight:var(--fw-bold)}.card__plan{color:var(--c-text-muted)}.card__plan,.meta{font-size:var(--fs-sm)}.meta{display:grid;grid-template-columns:max-content 1fr;grid-gap:var(--space-2) var(--space-5);gap:var(--space-2) var(--space-5);margin:0}.meta dt{color:var(--c-text-subtle)}.meta dd{margin:0;min-width:0;overflow-wrap:anywhere}.meta a{text-decoration:none}.meta a:hover{text-decoration:underline}.badge{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-xs);border-radius:var(--radius-pill);padding:2px 10px;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge--running{color:var(--c-success);background:var(--c-success-bg)}.badge--provisioning{color:var(--c-brand-text);background:var(--c-brand-subtle-bg)}.badge--provisioning .dot{animation:pulse 1.4s ease-in-out infinite}.badge--stopped{color:var(--c-warning);background:var(--c-warning-bg)}.badge--muted{color:var(--c-text-subtle);background:var(--c-surface-alt)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.meter{display:flex;flex-direction:column;gap:var(--space-1)}.meter__labels{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--fs-sm)}.meter__track{height:6px;background:var(--c-surface-alt);overflow:hidden}.meter__fill,.meter__track{border-radius:var(--radius-pill)}.meter__fill{height:100%;background:var(--c-brand);transition:width var(--dur) var(--ease)}.meter__fill--over{background:var(--c-warning)}.meter__note{font-size:var(--fs-xs);color:var(--c-text-subtle)}.alert{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--fs-sm)}.alert--info{background:var(--c-brand-subtle-bg);color:var(--c-brand-text)}.alert--warning{background:var(--c-warning-bg);color:var(--c-warning)}.alert--danger{background:var(--c-danger-bg);color:var(--c-danger)}.alert--page{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.alert--page,.btn{align-items:center}.btn{display:inline-flex;justify-content:center;gap:var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);line-height:1;border-radius:var(--radius-md);padding:10px 16px;border:1px solid transparent;cursor:pointer;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);text-decoration:none}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:var(--c-brand);color:var(--c-brand-fg)}.btn--primary:not(:disabled):hover{background:var(--c-brand-hover)}.btn--secondary{background:var(--c-surface);color:var(--c-text);border-color:var(--c-border-strong)}.btn--secondary:not(:disabled):hover{border-color:var(--c-border-control)}.btn--danger{background:transparent;color:var(--c-danger);border-color:var(--c-border)}.btn--danger:not(:disabled):hover{background:var(--c-danger-bg);border-color:var(--c-danger)}.btn--sm{padding:6px 12px;font-size:var(--fs-xs)}.btn--lg{padding:13px 22px;font-size:var(--fs-body);width:100%}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field label{font-size:var(--fs-sm);color:var(--c-text-muted)}.field input{font-family:inherit;font-size:var(--fs-body);color:var(--c-text);background:var(--c-bg);border:1px solid var(--c-border-strong);border-radius:var(--radius-md);padding:10px 12px;width:100%}.field input:focus-visible{outline:2px solid var(--c-focus);outline-offset:0;border-color:transparent}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.form-grid .field--full{grid-column:1/-1}@media (max-width:480px){.form-grid{grid-template-columns:1fr}}.check{display:flex;gap:var(--space-2);align-items:flex-start;font-size:var(--fs-sm);color:var(--c-text-muted)}.check input{margin-top:5px;accent-color:var(--c-brand)}.plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.plan-option{display:flex;flex-direction:column;gap:var(--space-2);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;background:var(--c-surface);transition:border-color var(--dur-fast) var(--ease)}.plan-option:hover{border-color:var(--c-border-control)}.plan-option--selected,.plan-option--selected:hover{border-color:var(--c-brand);background:var(--c-brand-subtle-bg)}.plan-option input{position:absolute;opacity:0;pointer-events:none}.plan-option:has(input:focus-visible){outline:2px solid var(--c-focus);outline-offset:2px}.plan-option__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.plan-option__name,.plan-option__price{font-weight:var(--fw-bold)}.plan-option__price{font-size:var(--fs-sm);color:var(--c-brand-text);white-space:nowrap}.plan-option__specs{margin:0;padding:0;list-style:none;font-size:var(--fs-xs);color:var(--c-text-subtle);gap:2px}.cmd,.plan-option__specs{display:flex;flex-direction:column}.cmd{gap:var(--space-2)}.cmd__label{font-size:var(--fs-xs);color:var(--c-text-subtle)}.cmd__box{display:flex;align-items:stretch;gap:var(--space-2)}.cmd__code{flex:1 1;margin:0;background:var(--c-code-bg);color:var(--c-code-fg);font-family:var(--font-mono);font-size:var(--fs-code);line-height:1.6;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);overflow-x:auto;white-space:pre}.deploy-guide summary{cursor:pointer;font-size:var(--fs-sm);color:var(--c-brand-text);-webkit-user-select:none;-moz-user-select:none;user-select:none}.deploy-guide[open] summary{margin-bottom:var(--space-3)}.deploy-guide__body{display:flex;flex-direction:column;gap:var(--space-4)}.login{flex:1 1;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--gutter)}.login__card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--space-5);text-align:center;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-7) var(--space-6)}.login__brand{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--fs-h1);font-weight:var(--fw-bold)}.login__lead{font-size:var(--fs-sm);color:var(--c-text-muted)}.login__terms{font-size:var(--fs-xs);color:var(--c-text-subtle);border-top:1px solid var(--c-border);padding-top:var(--space-4)}.empty{text-align:center;padding:var(--space-7) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.empty h3{font-size:var(--fs-h2)}.empty p{color:var(--c-text-muted);font-size:var(--fs-sm)}.skeleton{border-radius:var(--radius-lg);background:linear-gradient(100deg,var(--c-surface) 40%,var(--c-surface-alt) 50%,var(--c-surface) 60%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;border:1px solid var(--c-border)}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.badge--provisioning .dot,.skeleton{animation:none}}}