:root{--bg-dark: #0f0f23;--surface: #1a1a2e;--surface-high: #16213e;--primary: #6C63FF;--primary-hover: #5a52d6;--secondary: #00D9FF;--accent: #FF6B6B;--success: #00E676;--warning: #FFD740;--error: #FF5252;--text-main: #ffffff;--text-muted: #a0a0b0;--glass-bg: rgba(26, 26, 46, .6);--glass-border: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--font-family: "Inter", sans-serif;--radius: 12px;--transition: all .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--surface-high);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--glass-border)}.recharts-text{fill:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:1px solid var(--glass-border);font-family:var(--font-family);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition);background:#ffffff0d;color:var(--text-main)}.btn:hover{background:#ffffff1a}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:#00d9ff26;border-color:#00d9ff4d;color:var(--secondary)}.btn-secondary:hover{background:#00d9ff40}.btn-danger{background:#ff525226;border-color:#ff52524d;color:var(--error)}.btn-danger:hover{background:#ff525240}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover{background:#ffffff0d;color:var(--text-main)}.btn-success{background:#00e67626;border-color:#00e6764d;color:var(--success)}.btn-success:hover{background:#00e67640}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:.85rem;font-weight:500;color:var(--text-muted)}.input-control{padding:10px 14px;border-radius:8px;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-main);font-family:var(--font-family);font-size:.9rem;outline:none;transition:var(--transition)}.input-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6c63ff26}.input-control::placeholder{color:#a0a0b080}.input-control option{background:var(--surface);color:var(--text-main)}textarea.input-control{resize:vertical;min-height:80px}select.input-control{cursor:pointer}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge-success{background:#00e67626;color:var(--success)}.badge-warning{background:#ffd74026;color:var(--warning)}.badge-error{background:#ff525226;color:var(--error)}.badge-info{background:#00d9ff26;color:var(--secondary)}.badge-default{background:#ffffff14;color:var(--text-muted)}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px 16px;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--glass-border)}.data-table td{padding:12px 16px;font-size:.9rem;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.03)}.data-table tbody tr:hover{background:#ffffff05}