:root{--bg: #ffffff;--text: #000000;--border: #000000;--border-light: #cccccc;--hover: #f5f5f5;--active: #e0e0e0;--input-bg: #ffffff;--bg-surface: #ffffff;--bg-subtle: #f1f5f9;--bg-hover: #e2e8f0;--bg-base: #f1f5f9;--bg-card: #f8fafc;--border-strong: #cbd5e1;--ph-border: #cbd5e1;--ph-border-light: #e2e8f0;--text-main: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--primary: #2563eb;--primary-light: #eff6ff;--primary-hover: #1d4ed8;--border-focus: #2563eb;--accent-glow: rgba(37, 99, 235, .12);--success-text: #15803d;--sell-color: #059669;--buy-color: #d97706;--danger: #dc2626;--on-danger: #ffffff;--stattrak: #cf6a32;--souvenir: #ca8a04;--danger-bg: #fee2e2;--danger-border: #f87171;--stale-bg: #fca5a5;--stale-hover: #f89494;--stale-active: #f87171;--stale-border: #dc2626;--stale-ring: rgba(220, 38, 38, .4);--stattrak-bg: rgba(207, 106, 50, .12);--stattrak-border: rgba(207, 106, 50, .3);--souvenir-bg: rgba(202, 138, 4, .12);--souvenir-border: rgba(202, 138, 4, .3);--cell-danger-bg: #f98b8b;--cell-warn-bg: #fec9c9;--info: #2563eb;--info-bg: #dbeafe;--info-hover: #bfdbfe;--info-active: #93c5fd;--row-highlight: rgba(37, 99, 235, .12);--pulse-ring: rgba(37, 99, 235, .45);--pulse-ring-clear: rgba(37, 99, 235, 0);--chart-grid: #e2e8f0;--chart-text: #64748b;--chart-bg: #f8fafc;--radius-sm: 6px;--radius-md: 8px;--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .07), 0 1px 2px -1px rgba(0, 0, 0, .05);--shadow-popover: 0 10px 25px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .05);--backdrop: rgba(0, 0, 0, .45);--transition: .15s ease-in-out;--table-font-size: 12px;--table-line-height: normal;--table-th-padding: 4px 8px;--table-td-padding: 3px 8px;--table-cell-max-width: 300px;--table-width: 100%}body.dark{--bg: #121212;--text: #e0e0e0;--border: #555555;--border-light: #333333;--hover: #2a2a2a;--active: #333333;--input-bg: #1e1e1e;--bg-surface: #1a1a1a;--bg-subtle: #1e1e1e;--bg-hover: #2a2a2a;--bg-base: #121212;--bg-card: #1e1e1e;--border-strong: #3a3a3a;--ph-border: #333333;--ph-border-light: #2a2a2a;--text-main: #e0e0e0;--text-secondary: #aaaaaa;--text-muted: #777777;--primary: #3b82f6;--primary-light: rgba(59, 130, 246, .18);--primary-hover: #60a5fa;--border-focus: #58a6ff;--accent-glow: rgba(59, 130, 246, .2);--success-text: #4ade80;--sell-color: #10b981;--buy-color: #f59e0b;--danger: #ef4444;--souvenir: #ffd700;--danger-bg: #451214;--danger-border: #b91c1c;--stale-bg: #4a181c;--stale-hover: #5a1e23;--stale-active: #6b242a;--stale-border: #dc2626;--cell-danger-bg: #3d1a1a;--cell-warn-bg: #2e1a1a;--info: #3b82f6;--info-bg: #14264d;--info-hover: #1b3366;--info-active: #234080;--row-highlight: rgba(59, 130, 246, .25);--pulse-ring: rgba(59, 130, 246, .45);--pulse-ring-clear: rgba(59, 130, 246, 0);--chart-grid: #2a2a2a;--chart-text: #888888;--chart-bg: #121212;--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);--shadow-popover: 0 10px 25px -3px rgba(0, 0, 0, .6);--backdrop: rgba(0, 0, 0, .6)}*{box-sizing:border-box}body{margin:0;font-family:monospace;background:var(--bg);color:var(--text)}app-root{display:flex;flex-direction:column;height:100vh;overflow:hidden}header{border-bottom:1px solid var(--border);padding:8px 16px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}nav{border-bottom:1px solid var(--border);display:flex;flex-shrink:0}.tab{padding:8px 16px;cursor:pointer;border-right:1px solid var(--border);font-size:13px;text-decoration:none;color:var(--text);display:block}.tab.active{font-weight:700;background:var(--active)}.tab:hover:not(.active){background:var(--hover)}main{flex:1;overflow-y:auto;padding:16px}.btn{border:1px solid var(--border);background:var(--bg);color:var(--text);padding:4px 10px;cursor:pointer;font-family:monospace;font-size:12px}.btn:hover{background:var(--active)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--text);color:var(--bg)}.btn.primary:hover{opacity:.85}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.toolbar h2{margin:0;font-size:15px}.data-table-wrap{overflow-x:auto}table{border-collapse:collapse;width:var(--table-width);font-size:var(--table-font-size);line-height:var(--table-line-height)}th{border:1px solid var(--border);padding:var(--table-th-padding);background:var(--table-th-bg, var(--active));text-align:left;white-space:nowrap;position:sticky;top:0;color:var(--text);font-weight:700;vertical-align:middle}td{border:1px solid var(--border-light);padding:var(--table-td-padding);max-width:var(--table-cell-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);vertical-align:middle}tr:hover td{background:var(--hover)}td.cell-danger{background:var(--cell-danger-bg)}td.cell-warn{background:var(--cell-warn-bg)}.status-text{font-size:12px;opacity:.7}.error-text{color:var(--danger);opacity:1}.empty{opacity:.4;font-size:13px;padding:20px 0}input[type=text],input[type=password]{border:1px solid var(--border);background:var(--input-bg);color:var(--text);padding:8px 12px;font-family:monospace;font-size:14px;outline:none;width:100%}input[type=text]:focus,input[type=password]:focus{background:var(--active)}.form-box{border:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:16px;max-width:480px}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:12px;opacity:.6;text-transform:uppercase;letter-spacing:.5px}.msg{font-size:13px;padding:6px 0}.msg.success{color:var(--success-text)}.msg.error{color:var(--danger)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent;border:none}*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-button{display:none;width:0;height:0;background:none}*::-webkit-scrollbar-thumb{background-color:#4d4d4db3;background-clip:padding-box;border-radius:2px;border:0 solid transparent}*::-webkit-scrollbar-thumb:vertical{min-height:30px;border-width:0 3px}*::-webkit-scrollbar-thumb:horizontal{min-width:30px;border-width:3px 0}*::-webkit-scrollbar-thumb:hover{background-color:#666666d9}*::-webkit-scrollbar-thumb:vertical:hover{border-width:0}*::-webkit-scrollbar-thumb:horizontal:hover{border-width:0}*::-webkit-scrollbar-thumb:active{background-color:#333333f2}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:rgba(77,77,77,.7) transparent}}