:root{--bg:#f6f6f8;--card:#fff;--track:#f4f4f5;--row-hover:#fafafa;--line:#e4e4e7;--line-strong:#d4d4d8;--ink:#18181b;--ink-2:#52525b;--ink-3:#a1a1aa;--ink-on-accent:#fff;--accent:#2a78d6;--accent-ink:#1f5fab;--accent-weak:#eef4fc;--up:#0c7a43;--down:#d03b3b;--up-bg:#e8f5ee;--down-bg:#fbeeee;--flat:var(--ink-3);--ok:#0c7a43;--warn:#eda100;--fail:#d03b3b;--s1:#2a78d6;--s2:#1baf7a;--s3:#eda100;--s4:#008300;--s5:#4a3aa7;--s6:#e34948;--s7:#e87ba4;--chart-grid:#ececef;--chart-fill-top:#2a78d624;--chart-fill-bot:#2a78d600;--radius-card:12px;--radius-control:9px;--radius-sm:8px;--radius-pill:999px;--shadow-card:0 1px 2px #18181b0a;--shadow-thumb:0 1px 3px #18181b1a;--shadow-pop:0 8px 24px #18181b1f;--overlay:#18181b52;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--header-h:60px;--container-max:1200px;--gap-grid:var(--sp-4);--font-sans:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", "Menlo", monospace;--fs-sub:11.5px;--fs-label:12.5px;--fs-body:14px;--fs-h:16px;--fs-stat:24px;--fs-stat-lg:30px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.2;--lh-body:1.5;--num-feature:tabular-nums}
[data-theme=dark]{--bg:#0f0f11;--card:#17171a;--track:#232327;--row-hover:#1c1c20;--line:#2a2a30;--line-strong:#3a3a42;--ink:#f4f4f5;--ink-2:#a1a1aa;--ink-3:#71717a;--accent:#4a92e6;--accent-ink:#8fbdf0;--accent-weak:#16283f;--up:#34c07a;--down:#ef6b6b;--up-bg:#123020;--down-bg:#341818;--chart-grid:#26262b;--chart-fill-top:#4a92e62e;--chart-fill-bot:#4a92e600;--shadow-card:0 1px 2px #0006;--shadow-thumb:0 1px 3px #00000080;--shadow-pop:0 8px 24px #0000008c;--overlay:#0009}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p{margin:0}button{cursor:pointer;font-family:inherit}.app-num{font-variant-numeric:var(--num-feature)}.app-mono{font-family:var(--font-mono)}.app-icon{vertical-align:-2px;flex:none;display:inline-block}.app-header{z-index:20;height:var(--header-h);align-items:center;gap:var(--sp-5);padding:0 var(--sp-6);background:var(--card);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.app-logo{font-size:17px;font-weight:var(--fw-bold);letter-spacing:-.01em}.app-logo b{color:var(--accent);font-weight:var(--fw-bold)}.app-header__spacer{flex:1}.app-header__right{align-items:center;gap:var(--sp-4);display:flex}.app-tabs{gap:var(--sp-1);display:flex}.app-tab{color:var(--ink-2);font-size:var(--fs-body);font-weight:var(--fw-medium);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);background:0 0;border:0;transition:background .12s,color .12s}.app-tab:hover{background:var(--track);color:var(--ink)}.app-tab--active{background:var(--accent-weak);color:var(--accent-ink)}.app-seg{background:var(--track);border-radius:var(--radius-control);gap:2px;padding:3px;display:inline-flex}.app-seg__item{color:var(--ink-2);font-size:var(--fs-label);font-weight:var(--fw-medium);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-sm);background:0 0;border:0;transition:color .12s}.app-seg__item--selected{background:var(--card);color:var(--ink);font-weight:var(--fw-semibold);box-shadow:var(--shadow-thumb)}.app-seg--sm .app-seg__item{padding:3px var(--sp-2);font-size:var(--fs-sub)}.app-sync{align-items:center;gap:var(--sp-2);font-size:var(--fs-label);color:var(--ink-2);display:inline-flex}.app-sync__dot{border-radius:var(--radius-pill);flex:none;width:8px;height:8px}.app-sync__dot--ok{background:var(--ok)}.app-sync__dot--partial{background:var(--warn)}.app-sync__dot--failed{background:var(--fail)}.app-btn{align-items:center;gap:var(--sp-2);border-radius:var(--radius-control);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-label);font-weight:var(--fw-semibold);white-space:nowrap;border:1px solid #0000;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.app-btn--primary{background:var(--accent);color:var(--ink-on-accent)}.app-btn--primary:hover{background:var(--accent-ink)}.app-btn--ghost{background:var(--card);color:var(--ink);border-color:var(--line)}.app-btn--ghost:hover{background:var(--track);border-color:var(--line-strong)}.app-btn--subtle{background:var(--track);color:var(--ink-2)}.app-btn--subtle:hover{color:var(--ink)}.app-btn--sm{padding:var(--sp-1) var(--sp-2);font-size:var(--fs-sub)}.app-badge{padding:2px var(--sp-2);border-radius:var(--radius-pill);font-size:var(--fs-label);font-weight:var(--fw-semibold);font-variant-numeric:var(--num-feature);align-items:center;display:inline-flex}.app-badge--up{background:var(--up-bg);color:var(--up)}.app-badge--down{background:var(--down-bg);color:var(--down)}.app-badge--flat,.app-badge--neutral{background:var(--track);color:var(--ink-2)}.app-delta{font-weight:var(--fw-semibold)}.app-delta--up{color:var(--up)}.app-delta--down{color:var(--down)}.app-delta--flat{color:var(--flat)}.app-main{max-width:var(--container-max);padding:var(--sp-6);margin:0 auto}.app-grid{gap:var(--gap-grid);display:grid}.app-grid--stats{grid-template-columns:repeat(4,1fr)}.app-grid--2{grid-template-columns:2fr 1fr}.app-grid--halves{grid-template-columns:1fr 1fr}.app-section-gap{margin-top:var(--gap-grid)}.app-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.app-card__head{padding:var(--sp-4) var(--sp-5) 0;justify-content:space-between;align-items:center;display:flex}.app-card__title{font-size:var(--fs-h);font-weight:var(--fw-semibold)}.app-card__body{padding:var(--sp-5)}.app-card__body--flush{padding:0}.app-stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--sp-4) var(--sp-5)}.app-stat__label{font-size:var(--fs-label);color:var(--ink-2);font-weight:var(--fw-medium)}.app-stat__value{font-size:var(--fs-stat);font-weight:var(--fw-bold);letter-spacing:-.02em;margin-top:var(--sp-2)}.app-stat__value--lg{font-size:var(--fs-stat-lg)}.app-stat__badge{margin-top:var(--sp-3)}.app-stat__meta{margin-top:var(--sp-2);font-size:var(--fs-label);color:var(--ink-2)}.app-conv{border-bottom:1px dashed var(--ink-3);cursor:help;outline:none;position:relative}.app-conv__tip{background:var(--ink);color:var(--card);font-size:var(--fs-sub);white-space:nowrap;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;transition:opacity .12s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.app-conv:hover .app-conv__tip,.app-conv:focus .app-conv__tip{opacity:1}.app-table__wrap{width:100%;overflow-x:auto}.app-table{border-collapse:collapse;width:100%;font-size:var(--fs-body)}.app-th{text-align:left;font-size:var(--fs-label);font-weight:var(--fw-medium);color:var(--ink-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);white-space:nowrap}.app-th--right{text-align:right}.app-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line);vertical-align:middle}.app-table tr:last-child td{border-bottom:0}.app-table tbody tr:hover{background:var(--row-hover)}.app-td--right{text-align:right}.app-assetname__name{font-weight:var(--fw-semibold)}.app-assetname__sub{font-size:var(--fs-sub);color:var(--ink-3);gap:var(--sp-1);margin-top:1px;display:flex}.app-donut{display:block}.app-stackbar{border-radius:var(--radius-pill);gap:2px;width:100%;display:flex;overflow:hidden}.app-stackbar__seg{height:100%}.app-legend{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.app-legend__item{align-items:center;gap:var(--sp-2);font-size:var(--fs-label);color:var(--ink-2);display:flex}.app-legend__swatch{border-radius:3px;flex:none;width:10px;height:10px}.app-legend__label{flex:1}.app-legend__value{color:var(--ink);font-weight:var(--fw-semibold)}.app-line{width:100%;height:auto}.app-line__xlabel{fill:var(--ink-3);text-anchor:middle;font-size:11px}.app-donutrow{align-items:center;gap:var(--sp-6);display:flex}.app-donutrow>.app-legend{flex:1}.app-stackgroup{gap:var(--sp-3);flex-direction:column;display:flex}.app-iconbtn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--ink-3);background:0 0;border:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.app-iconbtn:hover{background:var(--track);color:var(--ink)}.app-iconbtn--danger:hover{background:var(--down-bg);color:var(--down)}.app-field{gap:var(--sp-2);flex-direction:column;display:flex}.app-field__label{font-size:var(--fs-label);font-weight:var(--fw-medium);color:var(--ink-2)}.app-field__hint{font-size:var(--fs-sub);color:var(--ink-3)}.app-input,.app-select{background:var(--card);border:1px solid var(--line-strong);border-radius:var(--radius-control);align-items:center;transition:border-color .12s,box-shadow .12s;display:flex}.app-input:focus-within,.app-select:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.app-input__el,.app-select__el{color:var(--ink);font-family:inherit;font-size:var(--fs-body);padding:var(--sp-2) var(--sp-3);background:0 0;border:0;outline:none;flex:1}.app-input__affix{padding:0 var(--sp-3);color:var(--ink-3);font-size:var(--fs-body)}.app-input__affix:first-child{padding-right:0}.app-input__affix:last-child{padding-left:0}.app-select{position:relative}.app-select__el{appearance:none;padding-right:var(--sp-8);cursor:pointer}.app-select__caret{right:var(--sp-3);color:var(--ink-3);pointer-events:none;position:absolute}.app-overlay{z-index:40;padding:8vh var(--sp-4) var(--sp-4);background:var(--overlay);justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0}.app-dialog{background:var(--card);border-radius:var(--radius-card);width:100%;max-width:460px;box-shadow:var(--shadow-pop);overflow:hidden}.app-dialog__head{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.app-dialog__title{font-size:var(--fs-h);font-weight:var(--fw-semibold)}.app-dialog__body{padding:var(--sp-5);gap:var(--sp-4);flex-direction:column;display:flex}.app-dialog__foot{justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--line);background:var(--bg);display:flex}.app-form-row{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.app-empty{text-align:center;padding:var(--sp-12) var(--sp-6)}.app-empty__title{font-weight:var(--fw-semibold);color:var(--ink)}.app-empty__hint{margin-top:var(--sp-2);font-size:var(--fs-label);color:var(--ink-2)}.app-empty__action{margin-top:var(--sp-4);justify-content:center;display:flex}.app-toolbar{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.app-toolbar__title{font-size:var(--fs-h);font-weight:var(--fw-semibold)}.app-subnav{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);display:flex}.app-rowactions{gap:var(--sp-1);justify-content:flex-end;display:inline-flex}.app-managegrid{gap:var(--gap-grid);grid-template-columns:1fr;align-items:start;display:grid}.app-chip{padding:1px var(--sp-2);border-radius:var(--radius-pill);background:var(--track);color:var(--ink-2);font-size:var(--fs-sub);font-weight:var(--fw-medium);align-items:center;display:inline-flex}.app-hist-form{gap:var(--sp-2);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--line);align-items:flex-end;display:flex}.app-hist-form .app-field{flex:1}.app-note{font-size:var(--fs-label);color:var(--ink-2);background:var(--accent-weak);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3)}@media (max-width:960px){.app-grid--stats{grid-template-columns:repeat(2,1fr)}.app-grid--2,.app-grid--halves,.app-managegrid{grid-template-columns:1fr}}@media (max-width:560px){.app-grid--stats{grid-template-columns:1fr}.app-main{padding:var(--sp-4)}}