@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000803;--surface:#0a0f0a;--surface-alt:#0f140f;--surface-elevated:#141e14;--border:#030;--border-light:#050;--accent:#00ff41;--accent-glow:#00ff4126;--accent-hover:#00cc34;--gold:#d4ffb0;--gold-dim:#8b6;--text:#c4ffc4;--text-secondary:#8b8;--text-muted:#363;--success:#00ff41;--success-bg:#00ff4114;--error:#f35;--error-bg:#ff335514;--warning:#ffb000;--warning-bg:#ffb00014;--info:#3af;--info-bg:#33aaff14;--radius:10px;--radius-sm:6px;--radius-xs:4px;--shadow:0 1px 3px #00000080, 0 1px 2px #0006;--shadow-lg:0 8px 32px #0009;--font:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Consolas", "Courier New", monospace;--transition:.15s cubic-bezier(.4, 0, .2, 1)}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.6}#root{height:100%}a{color:var(--accent);transition:opacity var(--transition);text-decoration:none}a:hover{opacity:.8;text-decoration:underline}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font)}::selection{background:var(--accent);color:#000803}::-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(--border-light)}.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);font-size:12px;font-family:var(--font-mono);-webkit-backdrop-filter:blur(16px);min-width:240px;max-width:360px;box-shadow:var(--shadow-lg), 0 0 0 1px #00ff410f;pointer-events:auto;align-items:center;padding:10px 16px;font-weight:500;animation:.25s cubic-bezier(.16,1,.3,1) toastIn;display:flex}.toast.success{border-left:2px solid var(--success);color:var(--success);background:#00ff410f}.toast.error{border-left:2px solid var(--error);color:var(--error);background:#ff33550f}.toast.warning{border-left:2px solid var(--warning);color:var(--warning);background:#ffb0000f}.toast.info{border-left:2px solid var(--info);color:var(--info);background:#33aaff0f}@keyframes toastIn{0%{opacity:0;transform:translate(120%)scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:.02em;text-transform:uppercase;border:none;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-size:12px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.3;cursor:not-allowed}.btn-primary{color:var(--accent);border:1px solid var(--accent);box-shadow:0 0 8px var(--accent-glow);background:0 0}.btn-primary:hover:not(:disabled){background:var(--accent-glow);box-shadow:0 0 16px var(--accent-glow)}.btn-primary:active:not(:disabled){background:#00ff4133}.btn-sm{border-radius:var(--radius-xs);padding:6px 12px;font-size:11px}.btn-icon{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-xs);transition:all var(--transition);background:0 0;padding:6px}.btn-icon:hover{background:var(--surface-alt);color:var(--accent);border-color:var(--border-light)}.btn i{margin-right:5px;font-size:11px}.field-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:5px;font-size:10px;font-weight:600}.field-row{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:38px;transition:all var(--transition);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:9px 12px;display:flex}.field-row:hover{border-color:var(--accent);background:var(--surface-elevated);box-shadow:0 0 0 1px var(--accent-glow)}.field-row:active{transform:scale(.995)}.field-value{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-size:12px;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:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--accent);font-size:12px;font-family:var(--font-mono);transition:all var(--transition);background:#000;outline:none;padding:9px 12px}input.input-field:focus,select.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}input.input-field::placeholder{color:var(--text-muted)}select.input-field option{background:var(--surface)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.panel-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.panel-header-bar{background:var(--accent);width:3px;height:20px;box-shadow:0 0 6px var(--accent-glow);border-radius:2px;flex-shrink:0}.panel-title{color:var(--accent);letter-spacing:-.01em;text-transform:uppercase;font-size:14px;font-weight:700}.divider{background:linear-gradient(to right, var(--border), transparent);height:1px;margin:10px 0}.log-area{border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--accent);word-break:break-all;background:#000500;padding:10px 12px;font-size:12px;line-height:1.6;position:relative;overflow-y:auto;box-shadow:inset 0 0 30px #00ff4108}.log-area:after{content:"";pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff4104 2px 4px);position:absolute;inset:0}.log-entry{white-space:pre-wrap;margin-bottom:1px}.log-entry:last-child{margin-bottom:0}.log-entry.success{color:var(--accent)}.log-entry.error{color:var(--error)}.log-entry.info{color:var(--info)}.log-entry.warn{color:var(--warning)}.log-entry a{color:var(--accent);text-decoration:underline}.log-cursor{background:var(--accent);vertical-align:text-bottom;width:8px;height:14px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.status-bar{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);border-radius:var(--radius-xs);border:1px solid var(--border);background:#000;align-items:center;gap:8px;padding:6px 10px;display:flex}.status-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-dot.active{background:var(--accent);box-shadow:0 0 6px var(--accent);animation:1.5s infinite pulse}.status-dot.error{background:var(--error);box-shadow:0 0 6px var(--error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.data-table{border-collapse:collapse;width:100%;font-size:11px}.data-table th{background:var(--surface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;text-align:left;border-bottom:1px solid var(--border);z-index:1;white-space:nowrap;padding:10px 8px;font-size:10px;font-weight:600;position:sticky;top:0}.data-table td{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-family:var(--font-mono);border-bottom:1px solid #0306;padding:8px;font-size:11px;overflow:hidden}.data-table tr:nth-child(2n) td{background:#00ff4104}.data-table tr.selected td{color:var(--accent);background:#00ff4114!important}.data-table tr:hover:not(.selected) td{cursor:pointer;background:#00ff4109}.data-table tr.sold td{opacity:.35;text-decoration:line-through}.sidebar-btn{transition:all var(--transition)}.sidebar-btn:hover{background:#00ff410a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.btn{padding:8px 14px;font-size:11px}.panel-title{font-size:13px}}
