:root{--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-200:#a7f3d0;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-200:#fecaca;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-accent-500:#3b82f6;--color-accent-600:#2563eb;--color-accent-700:#1d4ed8;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:20px;--space-lg:32px;--space-xl:40px;--space-2xl:64px;--font-sans:"Pretendard",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-mono:"JetBrains Mono","SF Mono",Consolas,monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-glow-success:0 0 20px rgba(16,185,129,.15);--shadow-glow-warning:0 0 20px rgba(245,158,11,.15);--shadow-glow-error:0 0 20px rgba(239,68,68,.15);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}.kpi-card{position:relative;background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-md);transition:all var(--transition-base);cursor:pointer;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-neutral-300);transition:background var(--transition-base)}.kpi-card:hover{border-color:var(--color-neutral-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card--ok:before{background:var(--color-success-500)}.kpi-card--ok:hover{box-shadow:var(--shadow-glow-success)}.kpi-card--warning:before{background:var(--color-warning-500)}.kpi-card--warning:hover{box-shadow:var(--shadow-glow-warning)}.kpi-card--error:before{background:var(--color-error-500)}.kpi-card--error:hover{box-shadow:var(--shadow-glow-error)}.kpi-card--pending:before{background:var(--color-neutral-400)}.kpi-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.kpi-card__title{font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em}.kpi-card__value{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:700;color:var(--color-neutral-800);line-height:1.1;font-variant-numeric:tabular-nums}.kpi-card__unit{font-size:var(--text-sm);font-weight:500;color:var(--color-neutral-400);margin-left:var(--space-xxs)}.kpi-card__delta{display:inline-flex;align-items:center;gap:var(--space-xxs);font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-full)}.kpi-card__delta--up{background:var(--color-success-100);color:var(--color-success-700)}.kpi-card__delta--down{background:var(--color-error-100);color:var(--color-error-700)}.kpi-card__delta--neutral{background:var(--color-neutral-100);color:var(--color-neutral-600)}.kpi-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px dashed var(--color-neutral-200)}.kpi-card__target{font-size:var(--text-xs);color:var(--color-neutral-500)}.kpi-card__target strong{font-family:var(--font-mono);font-weight:600;color:var(--color-neutral-700)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xxs);padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.02em}.status-badge--ok{background:var(--color-success-100);color:var(--color-success-700)}.status-badge--warning{background:var(--color-warning-100);color:var(--color-warning-700)}.status-badge--error{background:var(--color-error-100);color:var(--color-error-700)}.status-badge--pending{background:var(--color-neutral-100);color:var(--color-neutral-600)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot--ok{background:var(--color-success-500)}.status-dot--warning{background:var(--color-warning-500)}.status-dot--error{background:var(--color-error-500)}.status-dot--pending{background:var(--color-neutral-400)}.status-dot--pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.dashboard-grid{display:grid;gap:var(--space-md)}.dashboard-grid--kpi{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dashboard-grid--2x3{grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.dashboard-grid--2x3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dashboard-grid--2x3{grid-template-columns:1fr}}.alert-panel{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-md)}.alert-panel--warning{background:var(--color-warning-50);border-color:var(--color-warning-200)}.alert-panel--error{background:var(--color-error-50);border-color:var(--color-error-200)}.alert-panel--success{background:var(--color-success-50);border-color:var(--color-success-200)}.alert-panel__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.alert-panel__icon{font-size:var(--text-xl)}.alert-panel__title{font-size:var(--text-base);font-weight:600;color:var(--color-neutral-800)}.alert-panel__content{font-size:var(--text-sm);color:var(--color-neutral-600);line-height:1.6}.alert-panel__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.action-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;transition:all var(--transition-fast);cursor:pointer;border:none}.action-btn--primary{background:var(--color-accent-600);color:#fff}.action-btn--primary:hover{background:var(--color-accent-700);transform:translateY(-1px)}.action-btn--secondary{background:#fff;color:var(--color-neutral-700);border:1px solid var(--color-neutral-300)}.action-btn--secondary:hover{background:var(--color-neutral-50);border-color:var(--color-neutral-400)}.chart-container{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--space-md)}.chart-container__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.chart-container__title{font-size:var(--text-base);font-weight:600;color:var(--color-neutral-800)}.chart-container__controls{display:flex;gap:var(--space-xs)}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{background:var(--color-neutral-50);font-size:var(--text-xs);font-weight:600;color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:2px solid var(--color-neutral-200)}.data-table td,.data-table th{padding:var(--space-sm) var(--space-md)}.data-table td{font-size:var(--text-sm);color:var(--color-neutral-700);border-bottom:1px solid var(--color-neutral-100)}.data-table td.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.data-table tbody tr:hover td{background:var(--color-neutral-50)}.num-display{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.num-display--xl{font-size:var(--text-4xl);font-weight:700;letter-spacing:-.02em}.num-display--lg{font-size:var(--text-2xl);font-weight:600}.num-display--md{font-size:var(--text-lg);font-weight:600}.num-display--sm{font-size:var(--text-sm);font-weight:500}.num-display--success{color:var(--color-success-600)}.num-display--warning{color:var(--color-warning-600)}.num-display--error{color:var(--color-error-600)}.num-display--neutral{color:var(--color-neutral-700)}.section{margin-bottom:var(--space-lg)}.section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.section__title{font-size:var(--text-lg);font-weight:700;color:var(--color-neutral-800)}.section__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500);margin-left:var(--space-sm)}.section__divider{height:1px;background:var(--color-neutral-200);margin:var(--space-lg) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .3s ease-out forwards}.animate-slideIn{animation:slideIn .3s ease-out forwards}.animate-scaleIn{animation:scaleIn .2s ease-out forwards}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.clickable{cursor:pointer;transition:all var(--transition-fast)}.clickable:hover{transform:translateY(-1px)}.clickable:active{transform:translateY(0)}.focus-ring:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.show-mobile{display:none!important}}