@font-face{font-family:Pretendard;font-weight:400;font-style:normal;src:url(/fonts/Pretendard-Regular.woff2)format("woff2");font-display:swap}@font-face{font-family:Pretendard;font-weight:600;font-style:normal;src:url(/fonts/Pretendard-SemiBold.woff2)format("woff2");font-display:swap}@font-face{font-family:Pretendard;font-weight:700;font-style:normal;src:url(/fonts/Pretendard-Bold.woff2)format("woff2");font-display:swap}body[data-theme=light]{--bg:#f8fafc;--text:#1e293b;--card-bg:#fff;--card-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--navbar-bg:#1e293b;--header-bg:#1e293b;--muted:#64748b;--table-row-bg:#f8fafc;--table-row-hover:#f1f5f9;--border-subtle:#0000000f}body[data-theme=dark]{--bg:#0f172a;--text:#e2e8f0;--card-bg:#1e293b;--card-shadow:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--navbar-bg:#020617;--header-bg:#020617;--muted:#94a3b8;--table-row-bg:#1e293b;--table-row-hover:#334155;--border-subtle:#ffffff0f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);letter-spacing:-.03em;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;transition:background-color .3s,color .3s}.navbar{background-color:var(--navbar-bg);color:#fff;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.75rem 1.5rem;display:flex}.navbar-brand{font-size:1.25rem;font-weight:700}.btn-refresh{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff80;border-radius:6px;padding:.375rem .75rem;font-size:.875rem}.btn-refresh:hover{border-color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=768px){.card-grid{grid-template-columns:1fr}}.card{background:var(--card-bg);box-shadow:var(--card-shadow);border-radius:16px;margin-bottom:1.5rem;padding:1.25rem;transition:transform .2s}.card:hover{transform:translateY(-3px)}.card-subtitle{color:var(--muted);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.card-header{background-color:var(--header-bg);color:#fff;border-radius:16px 16px 0 0;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600}.card-with-header{box-shadow:var(--card-shadow);background:var(--card-bg);border-radius:16px;margin-bottom:1.5rem;overflow:hidden}.card-body{padding:1.25rem}.display-value{font-size:2.5rem;font-weight:700;line-height:1.2}.text-muted{color:var(--muted);font-size:.8rem}.badge{border-radius:50px;padding:.375em .75em;font-size:.8rem;font-weight:600;display:inline-block}.badge-success{color:#fff;background-color:#22c55e}.badge-danger{color:#fff;background-color:#ef4444}.btn{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.375rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;transition:opacity .2s;display:inline-flex}.btn:hover{opacity:.85}.btn-warning{color:#fff;background-color:#f59e0b}.btn-dark{background-color:var(--navbar-bg);color:#fff}.btn-group{gap:.5rem;display:flex}.msg-success{color:#22c55e;margin-top:.5rem;font-size:.8rem}.msg-error{color:#ef4444;margin-top:.5rem;font-size:.8rem}.msg-muted{color:#64748b;margin-top:.5rem;font-size:.8rem}.table-wrapper{overflow-x:auto}table{border-collapse:separate;border-spacing:0 8px;width:100%}thead th{color:var(--muted);text-align:left;border:none;padding:.5rem 1rem;font-size:.8rem;font-weight:600}tbody td{background:var(--table-row-bg);padding:.625rem 1rem;font-size:.875rem}tbody tr:hover td{background:var(--table-row-hover)}code{color:var(--muted);font-family:Pretendard,monospace;font-size:.8rem}.chart-container{padding:1rem}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.5s ease-out both fadeSlideUp}.animate-in:first-child{animation-delay:0s}.animate-in:nth-child(2){animation-delay:.1s}.animate-in:nth-child(3){animation-delay:.2s}.animate-section{animation:.5s ease-out both fadeSlideUp}.animate-section:first-of-type{animation-delay:.3s}.animate-section:nth-of-type(2){animation-delay:.4s}.animate-section:nth-of-type(3){animation-delay:.5s}@keyframes valuePop{0%{color:inherit;transform:scale(1)}30%{color:#0d6efd;transform:scale(1.15)}to{color:inherit;transform:scale(1)}}.value-changed{animation:.5s ease-out valuePop}@keyframes btnPulse{0%{box-shadow:0 0 #f59e0b99}50%{box-shadow:0 0 0 12px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes btnPulseDark{0%{box-shadow:0 0 #1e293b99}50%{box-shadow:0 0 0 12px #1e293b00}to{box-shadow:0 0 #1e293b00}}.btn-pulse-warning{animation:.6s ease-out btnPulse}.btn-pulse-dark{animation:.6s ease-out btnPulseDark}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.5}}.badge-active{animation:2s ease-in-out infinite badgePulse}body[data-theme=dark] .card:hover,body[data-theme=dark] .card-with-header:hover{box-shadow:0 0 20px #6366f126,0 4px 6px -1px #0006}@keyframes welcomeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-title,.welcome-desc,.welcome-stats,.welcome-hint{opacity:0;animation:.6s ease-out forwards welcomeSlideUp}.welcome-title{background:linear-gradient(135deg,#6366f1,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.welcome-desc{color:#64748b;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.welcome-stats{justify-content:center;gap:2.5rem;margin-bottom:1.5rem;display:flex}.welcome-stat{flex-direction:column;align-items:center;display:flex}.welcome-stat-num{color:var(--text);font-size:2rem;font-weight:700}.welcome-stat-label{color:#64748b;margin-top:.15rem;font-size:.8rem}.welcome-hint{color:#94a3b8;font-size:.85rem}