*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f0f2f5;--surface: #ffffff;--surface2: #f5f6f9;--surface3: #ebedf2;--border: #dde1ea;--border-light: #c8cdd9;--accent: #1d6f4e;--accent-hover: #165c40;--accent-dim: rgba(29,111,78,.1);--green: #16a34a;--green-dim: rgba(22,163,74,.1);--yellow: #d97706;--yellow-dim: rgba(217,119,6,.1);--red: #dc2626;--red-dim: rgba(220,38,38,.1);--blue: #2563eb;--blue-dim: rgba(37,99,235,.1);--text: #1a1d2e;--text-muted: #52576e;--text-dim: #9399b2;--radius: 8px;--radius-lg: 12px;--shadow: 0 2px 12px rgba(0,0,0,.08)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;min-height:100vh}@keyframes spin{to{transform:rotate(360deg)}}.layout{display:flex;flex-direction:column;min-height:100vh}.header{background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:16px}.header-right{display:flex;align-items:center;gap:8px}.app-title{font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.3px}.app-title span{color:var(--accent)}.nav-tabs{display:flex;gap:2px;align-items:center}.nav-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius);border:none;background:none;cursor:pointer;font-size:13px;color:var(--text-muted);font-weight:500;transition:background .15s,color .15s;white-space:nowrap}.nav-tab:hover{background:var(--surface2);color:var(--text)}.nav-tab.active{background:var(--accent-dim);color:var(--accent)}.main{flex:1;padding:24px;max-width:1400px;margin:0 auto;width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{font-size:20px;font-weight:700;letter-spacing:-.3px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px}.metric-label{font-size:12px;color:var(--text-muted);margin-bottom:6px;font-weight:500}.metric-value{font-size:28px;font-weight:700;color:var(--text);line-height:1}.metric-sub{font-size:11px;color:var(--text-dim);margin-top:4px}.metric-card.danger .metric-value{color:var(--red)}.metric-card.warn .metric-value{color:var(--yellow)}.metric-card.ok .metric-value{color:var(--green)}.panels-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}@media(max-width:768px){.panels-grid{grid-template-columns:1fr}.nav-tabs{display:none}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.panel-title{font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:14px;text-transform:uppercase;letter-spacing:.04em}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:10px 16px;font-size:12px;font-weight:600;color:var(--text-muted);background:var(--surface2);border-bottom:1px solid var(--border);white-space:nowrap}tbody td{padding:11px 16px;border-bottom:1px solid var(--border);font-size:13px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface2)}.empty-state{padding:48px 24px;text-align:center;color:var(--text-dim);font-size:13px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:600;white-space:nowrap}.badge-red{background:var(--red-dim);color:var(--red)}.badge-yellow{background:var(--yellow-dim);color:var(--yellow)}.badge-green{background:var(--green-dim);color:var(--green)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-gray{background:var(--surface3);color:var(--text-muted)}.badge-accent{background:var(--accent-dim);color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:opacity .15s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--surface3)}.avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--accent-dim);color:var(--accent);flex-shrink:0}.stage-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.stage-row:last-child{border-bottom:none}.stage-label{font-size:13px;color:var(--text-muted)}.stage-count{font-size:18px;font-weight:700;color:var(--text)}.loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--text-dim);gap:8px}