:root{--bg: #0f1115;--panel: #171a21;--border: #262a33;--text: #e6e8eb;--muted: #8b909c;--accent: #4f8cff;--good: #3ecf8e;--bad: #ef5b5b;--warn: #f0a84e}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}header{padding:20px 28px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}header h1{font-size:18px;margin:0;font-weight:600}header .sub{color:var(--muted);font-size:13px;margin-top:2px}main{padding:24px 28px;display:grid;gap:20px}.chart-panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px 24px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;flex-wrap:wrap;gap:12px}.panel-header h2{font-size:13px;margin:0;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.panel-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.view-switch{display:flex;border:1px solid var(--border);border-radius:7px;overflow:hidden}.view-switch button{background:var(--panel);color:var(--muted);border:none;padding:6px 16px;font-size:13px;cursor:pointer}.view-switch button:hover{color:var(--text)}.view-switch button.active{background:var(--accent);color:#fff}.view-switch button:not(:last-child){border-right:1px solid var(--border)}.size-select{background:#1f232c;color:var(--text);border:1px solid var(--border);border-radius:7px;padding:6px 12px;font-size:13px;cursor:pointer}.size-select:hover{border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px 20px}.card-top{display:flex;justify-content:space-between;align-items:flex-start}.card-top h3{margin:0;font-size:15px}.badge{font-size:11px;padding:2px 8px;border-radius:20px;font-weight:600;margin-left:6px}.badge.Started{background:#3ecf8e26;color:var(--good)}.badge.Stopped{background:#ef5b5b26;color:var(--bad)}.badge.unknown{background:#f0a84e26;color:var(--warn)}.badge.runtime{background:#4f8cff26;color:var(--accent)}.meta{color:var(--muted);font-size:12px;margin-top:10px;line-height:1.7}.meta code{color:var(--text);background:#1f232c;padding:1px 5px;border-radius:4px}.stat-row{display:flex;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:13px}.stat{text-align:center;flex:1}.stat .v{font-size:16px;font-weight:600}.stat .l{color:var(--muted);font-size:11px;margin-top:2px}.folder-toggle{margin-top:12px;background:none;border:none;color:var(--warn);font-size:12px;cursor:pointer;padding:0}.folder-list{margin-top:8px;border-top:1px solid var(--border);padding-top:8px}.folder-list>div{display:flex;justify-content:space-between;font-size:12px;color:var(--text);padding:3px 0}.empty{color:var(--muted);font-size:13px;padding:40px;text-align:center}.table-panel{overflow-x:auto}.site-table{width:100%;border-collapse:collapse;font-size:13px}.site-table th{text-align:left;color:var(--muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.03em;padding:10px;border-bottom:1px solid var(--border)}.site-table td{padding:10px;border-bottom:1px solid var(--border);white-space:nowrap}.site-table tr:hover td{background:#1a1e26}.site-name{font-weight:600;margin-bottom:4px}.pool-sub{color:var(--muted);font-size:11px;margin-top:2px}.site-table code{background:#1f232c;padding:1px 5px;border-radius:4px;font-size:12px}.folder-count{display:inline-block;min-width:20px;text-align:center;padding:2px 8px;border-radius:10px;background:var(--warn);color:#171a21;font-weight:600;font-size:12px;cursor:default}.folder-count.zero{background:transparent;color:var(--muted);font-weight:400}.size-report-site{border-bottom:1px solid var(--border)}.size-report-site:last-child{border-bottom:none}.size-report-header{width:100%;display:flex;align-items:center;gap:12px;background:none;border:none;padding:12px 4px;cursor:pointer;text-align:left;color:var(--text)}.size-report-header:disabled{cursor:default}.size-report-header:hover:not(:disabled){background:#1a1e26}.chevron{width:12px;flex-shrink:0;color:var(--muted);font-size:11px;transition:transform .15s}.chevron.open{transform:rotate(90deg)}.size-report-name{font-size:14px;font-weight:600;flex:0 0 auto;min-width:180px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-count-badge{background:#f0a84e26;color:var(--warn);font-size:11px;font-weight:600;padding:1px 7px;border-radius:10px;flex-shrink:0}.size-report-bar-wrap{flex:1;min-width:80px}.size-report-track{display:block;height:6px;background:#1f232c;border-radius:3px;overflow:hidden}.size-report-bar{display:block;height:100%;background:var(--accent);border-radius:3px}.size-report-size{font-size:13px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:80px;text-align:right}.folder-breakdown{margin:0 0 12px 44px;padding-left:14px;border-left:2px solid var(--border);display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.folder-row{display:flex;align-items:center;gap:10px}.folder-name{font-size:12.5px;color:var(--muted);flex:0 0 auto;min-width:140px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-size{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:70px;text-align:right}.folder-track{flex:1;height:5px;background:#1f232c;border-radius:3px;overflow:hidden}.folder-bar{height:100%;background:#556074;border-radius:3px}.site-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.site-table th.sortable:hover{color:var(--text)}.sort-arrow{font-size:9px;margin-left:3px;color:var(--accent)}