:root{--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--bg-card:#16213e;--accent:#00d4aa;--accent-hover:#00b894;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--border:#2a2a4a;--danger:#ef4444;--warning:#f59e0b;--success:#10b981;--info:#3b82f6;--orange:#f97316;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg-primary);margin:0;padding:0}#root{min-height:100vh}.btn-primary{background:var(--accent);color:#0f0f1a;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:border-color .2s,color .2s}.btn-secondary:hover{border-color:var(--text-secondary);color:var(--text-primary)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.form-input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;outline:none;padding:8px 12px;font-size:14px;transition:border-color .2s}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text-muted)}select.form-input{appearance:auto;cursor:pointer}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.card:hover{border-color:#3a3a5a}.badge{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600;line-height:1.5;display:inline-block}.badge-success{color:var(--success);background:#10b98126}.badge-warning{color:var(--warning);background:#f59e0b26}.badge-danger{color:var(--danger);background:#ef444426}.badge-info{color:var(--info);background:#3b82f626}.badge-orange{color:var(--orange);background:#f9731626}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:#0003;padding:12px 16px;font-size:12px;font-weight:600}.data-table td{color:var(--text-secondary);border-bottom:1px solid #2a2a4a80;padding:10px 16px;font-size:13px}.data-table tr:hover td{background:#00d4aa08}.data-table tr:last-child td{border-bottom:none}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:480px;max-width:90vw;max-height:90vh;padding:24px;overflow-y:auto}.modal h2{color:var(--text-primary);margin:0 0 16px;font-size:18px}.tree-item:hover{background:#00d4aa0d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=768px){.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 10px}}