:root{--bg: #0D1017;--surface: #151A23;--surface-hover: #1B222E;--surface-active: #222B3A;--surface-subtle: #181E29;--surface-input: #0E121A;--border: #2A3342;--border-focus: #E0B050;--border-subtle: #1F2633;--text: #E6E9EF;--text-secondary: #C3C9D5;--text-muted: #8B94A5;--text-dim: #5A6273;--accent: #E0B050;--accent-hover: #F2C766;--accent-active: #C99B3B;--accent-subtle: rgba(224, 176, 80, .12);--accent-glow: rgba(224, 176, 80, .25);--ok: #3FB68B;--ok-bg: rgba(63, 182, 139, .12);--ok-border: rgba(63, 182, 139, .35);--warn: #E5A63D;--warn-bg: rgba(229, 166, 61, .12);--warn-border: rgba(229, 166, 61, .35);--error: #E5534B;--error-bg: rgba(229, 83, 75, .12);--error-border: rgba(229, 83, 75, .35);--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--radius: 8px;--radius-sm: 4px;--radius-full: 9999px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--shadow-card: 0 8px 32px rgba(0, 0, 0, .45);--shadow-input-focus: 0 0 0 3px rgba(224, 176, 80, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}.text-page-title{font-size:24px;font-weight:700;line-height:32px;color:var(--text);letter-spacing:-.02em}.text-section-title{font-size:18px;font-weight:600;line-height:24px;color:var(--text);letter-spacing:-.01em}.text-body{font-size:14px;font-weight:400;line-height:20px;color:var(--text)}.text-small{font-size:12px;font-weight:500;line-height:16px;color:var(--text-muted)}.text-mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes badgePulse{0%{box-shadow:0 0 #e0b05066}70%{box-shadow:0 0 0 6px #e0b05000}to{box-shadow:0 0 #e0b05000}}.pro-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:13px;font-weight:600;line-height:1;cursor:pointer;border:1px solid transparent;outline:none;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all .15s cubic-bezier(.16,1,.3,1)}.pro-btn:active:not(:disabled){transform:scale(.98)}.pro-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pro-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pro-btn-primary{background-color:var(--accent);color:#0d1017;border-color:var(--accent);box-shadow:0 1px 3px #0000004d}.pro-btn-primary:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 2px 10px var(--accent-glow);transform:translateY(-1px)}.pro-btn-secondary{background-color:var(--surface-subtle);color:var(--text);border-color:var(--border)}.pro-btn-secondary:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--text-muted);color:#fff;transform:translateY(-1px)}.pro-btn-ghost{background-color:transparent;color:var(--text-muted);border-color:transparent}.pro-btn-ghost:hover:not(:disabled){background-color:var(--surface-hover);color:var(--text)}.pro-btn-danger{background-color:var(--error-bg);color:var(--error);border-color:var(--error-border)}.pro-btn-danger:hover:not(:disabled){background-color:#e5534b38;border-color:var(--error);transform:translateY(-1px)}.pro-btn-xs{height:26px;padding:0 8px;font-size:11px}.pro-btn-sm{height:32px;padding:0 12px;font-size:12px}.pro-btn-md{height:38px;padding:0 16px;font-size:13px}.pro-btn-lg{height:44px;padding:0 20px;font-size:14px}.pro-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:relative;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.pro-card-interactive{cursor:pointer}.pro-card-interactive:hover{border-color:var(--border-focus);box-shadow:0 4px 20px #0006;transform:translateY(-1px)}.pro-card-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.pro-card-body{padding:20px}.pro-skeleton{background:linear-gradient(90deg,var(--surface-subtle) 25%,var(--surface-hover) 50%,var(--surface-subtle) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.pro-table-container{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--surface)}.pro-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.pro-table th{background-color:var(--surface-subtle);color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:10px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.pro-table td{padding:12px 16px;border-bottom:1px solid var(--border-subtle);color:var(--text);vertical-align:middle}.pro-table tr:last-child td{border-bottom:none}.pro-table tr:hover td{background-color:var(--surface-hover)}.pro-metric-mono{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pro-chip-clickable{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--border);background-color:var(--surface-subtle);color:var(--text);transition:all .15s ease;-webkit-user-select:none;user-select:none}.pro-chip-clickable:hover{background-color:var(--surface-hover);border-color:var(--accent);color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 2px 6px #0000004d}.pro-chip-clickable:active{transform:scale(.97)}