/* ============================================================
   관리자 통계 페이지 전용 스타일 (admin.html)
   ============================================================ */

.admin-main{padding:var(--space-10) var(--space-5) var(--space-16)}

.admin-login{display:flex;justify-content:center;padding:var(--space-16) 0}
.admin-login-card{max-width:400px;width:100%}

.admin-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8)}
.admin-toolbar-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}
.admin-toolbar-actions select{width:auto;min-width:140px}

.stat-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}
@media(min-width:640px){.stat-grid{grid-template-columns:1fr 1fr 1fr}}
.stat-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}
.stat-tile-label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}
.stat-tile-num{font-size:var(--text-xl);font-weight:800;color:var(--color-primary);font-variant-numeric:tabular-nums}

.breakdown-list{display:flex;flex-direction:column;gap:var(--space-3)}
.breakdown-row{display:flex;flex-direction:column;gap:var(--space-1)}
.breakdown-row-top{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);font-weight:600}
.breakdown-row-top .cnt{color:var(--color-text-muted);font-weight:600;font-variant-numeric:tabular-nums}
.breakdown-track{width:100%;height:10px;border-radius:var(--radius-full);background:var(--color-surface-offset);overflow:hidden}
.breakdown-fill{height:100%;border-radius:var(--radius-full);transition:width 400ms ease}
.breakdown-fill.green{background:var(--tl-green-fg)}
.breakdown-fill.yellow{background:var(--tl-yellow-fg)}
.breakdown-fill.orange{background:var(--tl-orange-fg)}
.breakdown-fill.red{background:var(--tl-red-fg)}
.breakdown-empty{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-6) 0}

.table-wrap{overflow-x:auto}
table.data-table{width:100%;border-collapse:collapse;min-width:480px;font-size:var(--text-sm)}
table.data-table th{text-align:left;font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);white-space:nowrap}
table.data-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-divider);white-space:nowrap}
table.data-table tbody tr:hover{background:var(--color-surface-offset)}
.data-table-empty{text-align:center;color:var(--color-text-muted);padding:var(--space-6) 0;font-size:var(--text-sm)}

.pill-tag{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:700;padding:2px var(--space-2);border-radius:var(--radius-full)}
.pill-tag.green{background:var(--tl-green-bg);color:var(--tl-green-fg)}
.pill-tag.yellow{background:var(--tl-yellow-bg);color:var(--tl-yellow-fg)}
.pill-tag.orange{background:var(--tl-orange-bg);color:var(--tl-orange-fg)}
.pill-tag.red{background:var(--tl-red-bg);color:var(--tl-red-fg)}
.pill-tag.none{background:var(--color-surface-offset);color:var(--color-text-faint)}