*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--surface:#111;--surface-alt:#1a1a1a;--border:#c0301e;--accent:#c0301e;--accent-hover:#a02818;--gold:#f6da9d;--gold-dim:#c4a96b;--text:#e0e0e0;--text-muted:#888;--success:#4caf50;--error:#f44336;--warning:#ff9800;--info:#2196f3;--radius:10px;--radius-sm:6px;--font:"Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Consolas", "Courier New", monospace}html,body{height:100%}body{font-family:var(--font);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:14px;line-height:1.5}#root{height:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast{border-radius:var(--radius-sm);pointer-events:auto;align-items:center;gap:10px;min-width:240px;max-width:360px;padding:12px 16px;font-size:13px;font-weight:500;animation:.2s slideIn;display:flex;box-shadow:0 4px 12px #0006}.toast.success{border-left:3px solid var(--success);color:#a5d6a7;background:#1e3a1e}.toast.error{border-left:3px solid var(--error);color:#ef9a9a;background:#3a1e1e}.toast.warning{border-left:3px solid var(--warning);color:#ffcc80;background:#3a2e1e}.toast.info{border-left:3px solid var(--info);color:#90caf9;background:#1e2a3a}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-outline{color:var(--gold);border:2px solid var(--border);background:0 0}.btn-outline:hover:not(:disabled){background:#c0301e1f}.btn-ghost{background:var(--surface-alt);color:var(--text);border:1px solid #2a2a2a}.btn-ghost:hover:not(:disabled){background:#222}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:1px solid #2a2a2a;padding:7px}.btn-icon:hover{background:var(--surface-alt);color:var(--text)}.field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--gold);margin-bottom:4px;font-size:11px;font-weight:700}.field-row{border-radius:var(--radius-sm);background:#0d0d0d;border:1px solid #2a2a2a;align-items:center;gap:6px;min-height:38px;padding:8px 12px;display:flex}.field-value{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-family:var(--font-mono);flex:1;overflow:hidden}.field-value.empty{color:var(--text-muted);font-style:italic;font-family:var(--font)}input.input-field,select.input-field{border-radius:var(--radius-sm);width:100%;color:var(--text);background:#0d0d0d;border:1px solid #2a2a2a;outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}input.input-field:focus,select.input-field:focus{border-color:var(--accent)}select.input-field option{background:var(--surface)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.panel-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.panel-header-bar{background:var(--accent);border-radius:2px;flex-shrink:0;width:4px;height:22px}.panel-title{color:var(--gold);font-size:16px;font-weight:700}.divider{background:var(--border);height:1px;margin:10px 0}.log-area{border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--gold);word-break:break-all;background:#000;padding:10px 12px;font-size:12px;overflow-y:auto}.log-entry{margin-bottom:2px}.log-entry.success{color:#4caf50}.log-entry.error{color:#f44336}.log-entry.info{color:#90caf9}.log-entry.warn{color:#ffcc80}.status-bar{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.status-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.active{background:var(--success);animation:1.5s infinite pulse}.status-dot.error{background:var(--error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.data-table{border-collapse:collapse;width:100%;font-size:12px}.data-table th{background:var(--surface);color:var(--gold);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:2px solid var(--border);z-index:1;white-space:nowrap;padding:10px 8px;font-size:11px;font-weight:700;position:sticky;top:0}.data-table td{color:var(--text);text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #111;max-width:180px;padding:8px;overflow:hidden}.data-table tr:nth-child(2n) td{background:#050505}.data-table tr.selected td{background:#c0301e40!important}.data-table tr:hover:not(.selected) td{cursor:pointer;background:#c0301e1a}.data-table tr.sold td{opacity:.5;text-decoration:line-through}@media (width<=768px){.btn{padding:8px 12px;font-size:12px}.panel-title{font-size:14px}}