:root{--color-primary:#1c3b7b;--color-primary-hover:#142d5f;--color-primary-soft:#e8eef8;--color-background:#f6f8fb;--color-surface:#fff;--color-text:#172033;--color-text-muted:#5f6b7a;--color-border:#d8dee8;--color-success:#18794e;--color-success-soft:#e4f2ea;--color-warning:#a15c00;--color-warning-soft:#f8efe0;--color-danger:#c62828;--color-danger-soft:#fbe7e7;--color-focus:#4c78d0;--chart-smp:#1c3b7b;--chart-rec:#4c9a6a;--chart-total:#a15c00;--chart-prev:#b8c2d4;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-pop:0 6px 20px #17203324}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;margin:0;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,Arial,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3{color:var(--color-text);margin:0}h1{font-size:28px;font-weight:700}h2{font-size:20px;font-weight:700}h3{font-size:16px;font-weight:600}a{color:var(--color-primary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6)}.card__title{margin:0 0 var(--space-4);align-items:center;gap:var(--space-2);font-size:16px;font-weight:600;display:flex}.card__desc{color:var(--color-text-muted);margin:0 0 var(--space-4);font-size:14px}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-sm);cursor:pointer;background:var(--color-surface);color:var(--color-text);border:1px solid #0000;font-family:inherit;font-size:15px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.btn:focus-visible{outline:3px solid color-mix(in srgb, var(--color-focus) 35%, transparent);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary)}.btn--danger{background:var(--color-surface);color:var(--color-danger);border-color:var(--color-danger)}.btn--danger:hover:not(:disabled){background:var(--color-danger-soft)}.btn--text{min-height:32px;padding:0 var(--space-2);color:var(--color-primary);background:0 0;border-color:#0000;font-weight:600}.btn--text:hover:not(:disabled){background:var(--color-primary-soft)}.btn--sm{min-height:32px;padding:0 var(--space-3);font-size:14px}.btn--block{width:100%}.field{gap:var(--space-1);flex-direction:column;display:flex}.field>label{color:var(--color-text);font-size:14px;font-weight:600}.field__hint{color:var(--color-text-muted);font-size:13px}.field__error{color:var(--color-danger);font-size:13px}.input,.select,.textarea{min-height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface);width:100%;font-family:inherit;font-size:15px}.textarea{padding:var(--space-3);resize:vertical;min-height:96px;line-height:1.5}.input:focus-visible,.select:focus-visible,.textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--color-focus) 35%, transparent);outline-offset:1px;border-color:var(--color-focus)}.input:disabled{background:var(--color-background);color:var(--color-text-muted)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:999px;font-size:13px;font-weight:600;display:inline-flex}.badge--info{background:var(--color-primary-soft);color:var(--color-primary);border-color:#0000}.badge--success{background:var(--color-success-soft);color:var(--color-success);border-color:#0000}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning);border-color:#0000}.badge--danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:#0000}.table{border-collapse:collapse;width:100%;font-size:15px}.table th,.table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.table th{color:var(--color-text-muted);background:var(--color-background);white-space:nowrap;font-size:14px;font-weight:600}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}.table tbody tr:hover{background:var(--color-primary-soft)}.table tfoot td{border-top:2px solid var(--color-border);font-weight:700}.muted{color:var(--color-text-muted)}.num{font-variant-numeric:tabular-nums}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.spacer{flex:1}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=767px){.grid-2,.grid-3{grid-template-columns:1fr}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-6) var(--space-4);gap:var(--space-6);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__brand{align-items:center;gap:var(--space-3);padding:0 var(--space-2);display:flex}.dsr-logo{object-fit:contain;width:auto;height:36px;display:block}.sidebar__brand-text{font-size:14px;font-weight:700;line-height:1.25}.sidebar__brand-text small{color:var(--color-text-muted);font-size:12px;font-weight:400;display:block}.nav{gap:var(--space-1);flex-direction:column;display:flex}.nav__section{color:var(--color-text-muted);text-transform:none;padding:var(--space-3) var(--space-2) var(--space-1);font-size:12px;font-weight:700}.nav__item{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:0;width:100%;font-family:inherit;font-size:15px;font-weight:500;display:flex}.nav__item:hover{background:var(--color-background)}.nav__item:focus-visible{outline:3px solid color-mix(in srgb, var(--color-focus) 35%, transparent);outline-offset:2px}.nav__item[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary);font-weight:700}.main{flex-direction:column;min-width:0;display:flex}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-3);height:56px;padding:0 var(--space-6);z-index:5;display:flex;position:sticky;top:0}.topbar__storage{margin-left:auto}.content{padding:var(--space-6);width:100%;max-width:1320px;margin:0 auto}.page-head{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-head__titles{min-width:0}.page-head h1{margin-bottom:var(--space-1)}.page-head__desc{color:var(--color-text-muted);font-size:15px}.page-head__actions{gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);gap:var(--space-1);flex-direction:column;display:flex}.stat__label{color:var(--color-text-muted);align-items:center;gap:var(--space-2);font-size:14px;display:flex}.stat__value{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.stat__delta{align-items:center;gap:2px;font-size:13px;font-weight:600;display:inline-flex}.stat__delta--up{color:var(--color-success)}.stat__delta--down{color:var(--color-danger)}.stat__delta--flat{color:var(--color-text-muted)}.empty{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-muted);align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty h3{color:var(--color-text)}.toast-wrap{right:var(--space-6);bottom:var(--space-6);gap:var(--space-2);z-index:50;flex-direction:column;display:flex;position:fixed}.toast{background:var(--color-text);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);box-shadow:var(--shadow-pop);align-items:center;gap:var(--space-2);max-width:360px;font-size:14px;display:flex}.toast--success{background:var(--color-success)}.toast--error{background:var(--color-danger)}.modal-backdrop{padding:var(--space-4);z-index:40;background:#17203373;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop);width:100%;max-width:520px;max-height:90vh;padding:var(--space-6);overflow-y:auto}.modal__head{margin-bottom:var(--space-4);align-items:center;display:flex}.modal__head h2{font-size:18px}@media (width<=1023px){.app{grid-template-columns:1fr}.sidebar{align-items:center;gap:var(--space-2);border-right:0;border-bottom:1px solid var(--color-border);flex-flow:wrap;height:auto;position:static}.sidebar__brand{width:100%}.nav{flex-flow:wrap}.nav__section{display:none}}