@import url(https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Rajdhani:wght@600;700&family=Inter:wght@400;500;600&display=swap);@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-base:#080b10;--bg-surface:#0d1117;--bg-elevated:#131b24;--bg-hover:#1a2333;--border-subtle:#ffffff12;--border-default:#ffffff21;--border-strong:#ffffff38;--accent:#00e5ff;--accent-dim:#00e5ff1a;--accent-glow:#00e5ff38;--green:#00d97e;--green-dim:#00d97e1f;--green-border:#00d97e66;--red:#ff4560;--red-dim:#ff45601f;--red-border:#ff456066;--amber:#ffab00;--amber-dim:#ffab001f;--amber-border:#ffab0066;--gold:gold;--gold-dim:#ffd7001a;--gold-border:#ffd70059;--text-primary:#eef2f7;--text-secondary:#a8b8cc;--text-muted:#5a6e82;--text-heading:#fff;--shadow-card:0 2px 8px #0006;--grid-color:rgba(0,229,255,.018);--font-display:"Rajdhani",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"DM Mono",monospace;--gap-xs:4px;--gap-sm:8px;--gap-md:12px;--gap-lg:16px;--gap-xl:24px;--gap-2xl:32px;--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--transition:0.15s ease}[data-theme=light]{--bg-base:#f0f4f8;--bg-surface:#fff;--bg-elevated:#e8eef5;--bg-hover:#dde6f0;--border-subtle:#00000012;--border-default:#0000001f;--border-strong:#0003;--accent:#09b;--accent-dim:#0099bb1a;--accent-glow:#0099bb38;--green:#00a85e;--green-dim:#00a85e1a;--green-border:#00a85e59;--red:#e02040;--red-dim:#e020401a;--red-border:#e0204059;--amber:#c70;--amber-dim:#cc77001a;--amber-border:#cc770059;--gold:#b8860b;--gold-dim:#b8860b1a;--gold-border:#b8860b4d;--text-primary:#1a2332;--text-secondary:#3d5166;--text-muted:#7a92a8;--text-heading:#0d1825;--shadow-card:0 2px 8px #00000014;--grid-color:#0099bb0a}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#080b10;background:var(--bg-base);background-image:linear-gradient(rgba(0,229,255,.018) 1px,#0000 0),linear-gradient(90deg,rgba(0,229,255,.018) 1px,#0000 0);background-image:linear-gradient(var(--grid-color) 1px,#0000 1px),linear-gradient(90deg,var(--grid-color) 1px,#0000 1px);background-size:40px 40px;color:#eef2f7;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body);line-height:1.5;overflow-x:hidden;transition:background .2s ease,color .2s ease}.min-h-screen,body{min-height:100vh}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:.8rem}.text-green{color:#00d97e;color:var(--green)}.text-red{color:#ff4560;color:var(--red)}.text-gray{color:#5a6e82;color:var(--text-muted)}.text-gray-300,.text-gray-400{color:#a8b8cc;color:var(--text-secondary)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:16px;padding:var(--gap-lg);position:fixed;z-index:999}.modal-card{background:#0d1117;background:var(--bg-surface);border:1px solid #ffffff21;border:1px solid var(--border-default);border-radius:10px;border-radius:var(--radius-lg);box-shadow:0 24px 48px #0000004d;max-width:320px;padding:24px 32px;padding:var(--gap-xl) var(--gap-2xl);text-align:center;width:100%}.modal-title{color:#fff;color:var(--text-heading);font-family:Rajdhani,sans-serif;font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:.04em;margin-bottom:4px;margin-bottom:var(--gap-xs)}.modal-subtitle{color:#a8b8cc;color:var(--text-secondary);font-size:.8rem;margin-bottom:24px;margin-bottom:var(--gap-xl)}.modal-actions{display:flex;gap:8px;gap:var(--gap-sm);justify-content:center}.modal-cancel{background:#131b24;background:var(--bg-elevated);border:1px solid #ffffff21;border:1px solid var(--border-default);border-radius:6px;border-radius:var(--radius-md);color:#a8b8cc;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.8rem;font-weight:600;padding:8px 24px;padding:var(--gap-sm) var(--gap-xl);transition:all .15s ease;transition:all var(--transition)}.modal-cancel:hover{border-color:#ffffff38;border-color:var(--border-strong);color:#eef2f7;color:var(--text-primary)}.modal-confirm{background:#ff45601f;background:var(--red-dim);border:1px solid #ff456066;border:1px solid var(--red-border);border-radius:6px;border-radius:var(--radius-md);color:#ff4560;color:var(--red);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.8rem;font-weight:600;padding:8px 24px;padding:var(--gap-sm) var(--gap-xl);transition:all .15s ease;transition:all var(--transition)}.modal-confirm:hover{background:#ff4560;background:var(--red);color:#fff}.log-panel{background:#0d1117;background:var(--bg-surface);border:1px solid #ffffff21;border:1px solid var(--border-default);border-radius:10px;border-radius:var(--radius-lg);box-shadow:0 24px 48px #0006;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;position:relative;width:100%}.log-panel:before{background:linear-gradient(90deg,#0000,#00e5ff,#00d97e,#0000);background:linear-gradient(90deg,#0000,var(--accent),var(--green),#0000);content:"";height:1px;left:15%;position:absolute;right:15%;top:0}.log-panel-header{align-items:center;background:#131b24;background:var(--bg-elevated);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px;padding:var(--gap-lg) var(--gap-xl)}.log-panel-title{color:#fff;color:var(--text-heading);font-family:Rajdhani,sans-serif;font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.04em}.log-panel-date{color:#5a6e82;color:var(--text-muted);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.7rem;margin-top:2px}.log-panel-actions{align-items:center;display:flex;gap:8px;gap:var(--gap-sm)}.log-export-btn{background:linear-gradient(135deg,#00e5ff,#00d97e);background:linear-gradient(135deg,var(--accent),var(--green));border:none;border-radius:6px;border-radius:var(--radius-md);color:#060d14;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:5px 12px;padding:5px var(--gap-md);transition:opacity .15s ease;transition:opacity var(--transition)}.log-export-btn:hover{opacity:.85}[data-theme=light] .log-export-btn{color:#fff}.log-clear-btn{background:#0000;border:1px solid #ffffff21;border:1px solid var(--border-default);border-radius:6px;border-radius:var(--radius-md);color:#5a6e82;color:var(--text-muted);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.72rem;font-weight:600;padding:5px 12px;padding:5px var(--gap-md);transition:all .15s ease;transition:all var(--transition)}.log-clear-btn:hover{background:#ff45601f;background:var(--red-dim);border-color:#ff4560;border-color:var(--red);color:#ff4560;color:var(--red)}.log-close-btn{align-items:center;background:#0000;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-md);color:#5a6e82;color:var(--text-muted);cursor:pointer;display:flex;font-size:.75rem;height:28px;justify-content:center;transition:all .15s ease;transition:all var(--transition);width:28px}.log-close-btn:hover{border-color:#ffffff38;border-color:var(--border-strong);color:#eef2f7;color:var(--text-primary)}.log-empty{padding:32px;padding:var(--gap-2xl);text-align:center}.log-empty p:first-child{color:#eef2f7;color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:4px;margin-bottom:var(--gap-xs)}.log-empty p:last-child{color:#5a6e82;color:var(--text-muted);font-size:.75rem}.log-list{flex:1 1;overflow-y:auto}.log-list-header{background:#131b24;background:var(--bg-elevated);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:60px 80px 1fr 1fr;padding:8px 24px;padding:var(--gap-sm) var(--gap-xl)}.log-list-header span{color:#5a6e82;color:var(--text-muted);font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.log-row{align-items:center;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:60px 80px 1fr 1fr;padding:12px 24px;padding:var(--gap-md) var(--gap-xl);transition:background .15s ease;transition:background var(--transition)}.log-row:last-child{border-bottom:none}.log-row:hover{background:#1a2333;background:var(--bg-hover)}.log-time{color:#5a6e82;color:var(--text-muted);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.75rem}.log-ticker{color:#fff;color:var(--text-heading);font-size:.85rem;letter-spacing:.04em}.log-drop,.log-ticker{font-family:DM Mono,monospace;font-family:var(--font-mono);font-weight:500}.log-drop{color:#ff4560;color:var(--red);font-size:.82rem}.log-bounce{background:#00d97e1f;background:var(--green-dim);border:1px solid #00d97e66;border:1px solid var(--green-border);border-radius:3px;border-radius:var(--radius-sm);color:#00d97e;color:var(--green);display:inline-block;font-size:.78rem;font-weight:500;padding:2px 8px;width:fit-content}.log-bounce,.log-summary{font-family:DM Mono,monospace;font-family:var(--font-mono)}.log-summary{border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);color:#5a6e82;color:var(--text-muted);font-size:.7rem;padding:12px 24px;padding:var(--gap-md) var(--gap-xl);text-align:center}.log-btn,.log-summary{background:#131b24;background:var(--bg-elevated)}.log-btn{align-items:center;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.85rem;justify-content:center;line-height:1;min-height:30px;min-width:30px;padding:6px 8px;position:relative;transition:all .15s ease;transition:all var(--transition)}.log-btn-active,.log-btn:hover{background:#00e5ff1a;background:var(--accent-dim);border-color:#00e5ff;border-color:var(--accent)}.log-badge{background:#ff4560;background:var(--red);border-radius:50%;color:#fff;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.55rem;font-weight:700;height:14px;line-height:1;position:absolute;right:-4px;top:-4px;width:14px}.log-badge,.login-container{align-items:center;display:flex;justify-content:center}.login-container{min-height:100vh;overflow:hidden;padding:16px;padding:var(--gap-lg);position:relative}.login-bg-glow{background:radial-gradient(ellipse 70% 60% at 20% 25%,#00e5ff12 0,#0000 65%),radial-gradient(ellipse 60% 50% at 80% 75%,#00d97e0d 0,#0000 65%);inset:0;pointer-events:none;position:fixed;z-index:0}[data-theme=light] .login-bg-glow{background:radial-gradient(ellipse 70% 60% at 20% 25%,#0099bb14 0,#0000 65%),radial-gradient(ellipse 60% 50% at 80% 75%,#00a85e0f 0,#0000 65%)}.login-card{background:#0d1117;background:var(--bg-surface);border:1px solid #ffffff21;border:1px solid var(--border-default);border-radius:10px;border-radius:var(--radius-lg);box-shadow:0 0 0 1px #ffffff12,0 32px 64px #00000026;box-shadow:0 0 0 1px var(--border-subtle),0 32px 64px #00000026;max-width:400px;padding:32px;padding:var(--gap-2xl);position:relative;width:100%;z-index:1}.login-card:before{background:linear-gradient(90deg,#0000,#00e5ff,#00d97e,#0000);background:linear-gradient(90deg,#0000,var(--accent),var(--green),#0000);content:"";height:1px;left:15%;position:absolute;right:15%;top:0}.login-logo{display:flex;justify-content:center;margin-bottom:12px;margin-bottom:var(--gap-md)}.login-eye{display:block;filter:drop-shadow(0 0 14px rgba(0,229,255,.55));font-size:2.2rem;line-height:1}[data-theme=light] .login-eye{filter:drop-shadow(0 0 10px rgba(0,153,187,.4))}.login-title{margin-bottom:24px;margin-bottom:var(--gap-xl);text-align:center}.login-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00e5ff,#00d97e);background:linear-gradient(135deg,var(--accent) 0,var(--green) 100%);-webkit-background-clip:text;background-clip:text;font-family:Rajdhani,sans-serif;font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:.06em;line-height:1.15;margin-bottom:6px;text-transform:uppercase}.login-title p{color:#a8b8cc;color:var(--text-secondary);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.form-group{margin-bottom:16px;margin-bottom:var(--gap-lg)}.form-group label{color:#a8b8cc;color:var(--text-secondary);display:block;font-size:.7rem;font-weight:600;letter-spacing:.09em;margin-bottom:4px;margin-bottom:var(--gap-xs);text-transform:uppercase}.form-input{background:#131b24;background:var(--bg-elevated);border:1px solid #ffffff21;border:1px solid var(--border-default);border-radius:6px;border-radius:var(--radius-md);color:#eef2f7;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:16px;min-height:42px;padding:8px 12px;padding:var(--gap-sm) var(--gap-md);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);width:100%}.form-input:focus{border-color:#00e5ff;border-color:var(--accent);box-shadow:0 0 0 3px #00e5ff1a;box-shadow:0 0 0 3px var(--accent-dim);outline:none}.form-input:disabled{cursor:not-allowed;opacity:.5}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper .form-input{padding-right:44px}.password-toggle{background:none;border:none;border-radius:3px;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;line-height:1;opacity:.6;padding:4px;position:absolute;right:8px;right:var(--gap-sm);transition:opacity .15s ease;transition:opacity var(--transition)}.password-toggle:hover{opacity:1}.btn-primary{background:linear-gradient(135deg,#00e5ff,#00d97e);background:linear-gradient(135deg,var(--accent),var(--green));border:none;border-radius:6px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:Rajdhani,sans-serif;font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:.1em;margin-top:8px;margin-top:var(--gap-sm);min-height:46px;padding:12px;padding:var(--gap-md);text-transform:uppercase;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease;transition:opacity var(--transition),transform var(--transition),box-shadow var(--transition);width:100%}[data-theme=dark] .btn-primary{color:#060d14}.btn-primary:hover:not(:disabled){box-shadow:0 8px 24px #00e5ff38;box-shadow:0 8px 24px var(--accent-glow);opacity:.92;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.4}.btn-loading{align-items:center;display:flex;gap:8px;gap:var(--gap-sm);justify-content:center}.btn-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:initial;flex-shrink:0;height:14px;width:14px}.login-footer{color:#5a6e82;color:var(--text-muted);font-size:.65rem;letter-spacing:.05em;margin-top:16px;margin-top:var(--gap-lg);text-align:center;text-transform:uppercase}.login-footer:before{content:"🔒 "}.error-alert{align-items:flex-start;background:#ff45601f;background:var(--red-dim);border:1px solid #ff456066;border:1px solid var(--red-border);border-radius:6px;border-radius:var(--radius-md);color:#ff4560;color:var(--red);display:flex;font-size:.78rem;font-weight:500;gap:8px;gap:var(--gap-sm);line-height:1.4;margin-bottom:12px;margin-bottom:var(--gap-md);padding:8px 12px;padding:var(--gap-sm) var(--gap-md)}.header{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0d1117;background:var(--bg-surface);border-bottom:1px solid #ffffff21;border-bottom:1px solid var(--border-default);box-shadow:0 2px 8px #0006;box-shadow:var(--shadow-card);position:sticky;top:0;transition:background .2s ease;z-index:100}.header-content{align-items:center;display:flex;gap:12px;gap:var(--gap-md);height:54px;justify-content:space-between;margin:0 auto;max-width:1440px;padding:0 16px;padding:0 var(--gap-lg)}.header-title{flex:1 1;min-width:0}.header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00e5ff,#00d97e);background:linear-gradient(90deg,var(--accent),var(--green));-webkit-background-clip:text;background-clip:text;font-family:Rajdhani,sans-serif;font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:.06em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.header-subtitle{color:#a8b8cc;color:var(--text-secondary);font-size:.62rem;font-weight:500;letter-spacing:.08em;margin-top:2px;text-transform:uppercase}.header-actions{flex-shrink:0;gap:8px;gap:var(--gap-sm)}.header-actions,.theme-btn{align-items:center;display:flex}.theme-btn{background:#131b24;background:var(--bg-elevated);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;justify-content:center;line-height:1;min-height:30px;min-width:30px;padding:6px 8px;transition:all .15s ease;transition:all var(--transition)}.theme-btn:hover{background:#00e5ff1a;background:var(--accent-dim);border-color:#00e5ff;border-color:var(--accent)}.auto-refresh-container{align-items:center;background:#131b24;background:var(--bg-elevated);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-md);display:flex;gap:4px;gap:var(--gap-xs);padding:6px 8px;padding:6px var(--gap-sm)}.auto-refresh-container input[type=checkbox]{accent-color:#00e5ff;accent-color:var(--accent);cursor:pointer;height:13px;width:13px}.auto-refresh-container label{color:#a8b8cc;color:var(--text-secondary);cursor:pointer;font-size:.7rem;font-weight:600;letter-spacing:.04em;white-space:nowrap}.sound-btn{align-items:center;background:#131b24;background:var(--bg-elevated);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.9rem;justify-content:center;line-height:1;min-height:30px;min-width:30px;padding:6px 8px;transition:all .15s ease;transition:all var(--transition)}.sound-btn:hover{border-color:#00e5ff;border-color:var(--accent)}.sound-btn.sound-on{background:#00d97e1f;background:var(--green-dim);border-color:#00d97e;border-color:var(--green)}.btn-secondary{align-items:center;background:#131b24;background:var(--bg-elevated);border:1px solid #ffffff21;border:1px solid var(--border-default);border-radius:6px;border-radius:var(--radius-md);color:#a8b8cc;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.72rem;font-weight:600;gap:5px;letter-spacing:.05em;min-height:30px;padding:6px 12px;padding:6px var(--gap-md);text-transform:uppercase;transition:all .15s ease;transition:all var(--transition);white-space:nowrap}.btn-secondary:hover:not(:disabled){background:#00e5ff1a;background:var(--accent-dim);border-color:#00e5ff;border-color:var(--accent);color:#00e5ff;color:var(--accent)}.btn-secondary:disabled{cursor:not-allowed;opacity:.4}.btn-secondary svg{height:12px;width:12px}.logout-btn{background:#0000;border:1px solid #ffffff21;border:1px solid var(--border-default);border-radius:6px;border-radius:var(--radius-md);color:#a8b8cc;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.05em;min-height:30px;padding:6px 12px;padding:6px var(--gap-md);text-transform:uppercase;transition:all .15s ease;transition:all var(--transition);white-space:nowrap}.logout-btn:hover{background:#ff45601f;background:var(--red-dim);border-color:#ff4560;border-color:var(--red);color:#ff4560;color:var(--red)}.btn-label-short{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.main-content{margin:0 auto;max-width:1440px;padding:16px;padding:var(--gap-lg)}.stats-grid{grid-gap:8px;grid-gap:var(--gap-sm);display:grid;gap:8px;gap:var(--gap-sm);grid-template-columns:repeat(4,1fr);margin-bottom:8px;margin-bottom:var(--gap-sm)}.stats-card{background:#0d1117;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0006;box-shadow:var(--shadow-card);overflow:hidden;padding:12px 16px;padding:var(--gap-md) var(--gap-lg);position:relative;transition:border-color .15s ease,background .15s ease;transition:border-color var(--transition),background var(--transition)}.stats-card:after{background:linear-gradient(90deg,#00e5ff,#00d97e);background:linear-gradient(90deg,var(--accent),var(--green));bottom:0;content:"";height:1px;left:0;opacity:0;position:absolute;right:0;transition:opacity .15s ease;transition:opacity var(--transition)}.stats-card:hover{border-color:#ffffff38;border-color:var(--border-strong)}.stats-card:hover:after{opacity:1}.stats-card-content{align-items:center;display:flex;gap:8px;gap:var(--gap-sm)}.stats-card-icon{background:#00e5ff1a;background:var(--accent-dim);border-radius:3px;border-radius:var(--radius-sm);color:#00e5ff;color:var(--accent);flex-shrink:0;height:28px;padding:5px;width:28px}.stats-card-text{flex:1 1;min-width:0}.stats-card-text p:first-child{color:#a8b8cc;color:var(--text-secondary);font-size:.62rem;font-weight:600;letter-spacing:.08em;margin-bottom:3px;text-transform:uppercase}.stats-card-text p:nth-child(2){color:#fff;color:var(--text-heading);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:1.1rem;font-weight:500;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-pick-banner{align-items:center;background:#ffd7001a;background:var(--gold-dim);border:1px solid #ffd70059;border-left:3px solid gold;border:1px solid var(--gold-border);border-left:3px solid var(--gold);border-radius:6px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:8px;gap:var(--gap-sm);margin-bottom:8px;margin-bottom:var(--gap-sm);padding:8px 16px;padding:var(--gap-sm) var(--gap-lg)}.top-pick-label{color:gold;color:var(--gold);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.top-pick-ticker{color:#fff;color:var(--text-heading);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:1rem;font-weight:500}.top-pick-drop{color:#ff4560;color:var(--red)}.top-pick-bounce,.top-pick-drop{font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.875rem;font-weight:500}.top-pick-bounce{color:#00d97e;color:var(--green)}.top-pick-seen{color:#a8b8cc;color:var(--text-secondary);font-size:.7rem;margin-left:auto}.summary-card{background:#0d1117;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0006;box-shadow:var(--shadow-card);flex-wrap:nowrap;gap:24px;gap:var(--gap-xl);margin-bottom:8px;margin-bottom:var(--gap-sm);padding:12px 16px;padding:var(--gap-md) var(--gap-lg)}.summary-card,.summary-title{align-items:center;display:flex}.summary-title{color:#a8b8cc;color:var(--text-secondary);flex-shrink:0;font-family:Rajdhani,sans-serif;font-family:var(--font-display);font-size:.68rem;font-weight:700;gap:4px;gap:var(--gap-xs);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.summary-title svg{color:#00e5ff;color:var(--accent);height:13px;width:13px}.summary-grid{align-items:center;display:flex;flex:1 1;flex-wrap:nowrap;gap:24px;gap:var(--gap-xl)}.summary-item{align-items:baseline;display:flex;gap:8px;gap:var(--gap-sm);white-space:nowrap}.summary-item p:first-child{font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:1.25rem;font-weight:500;line-height:1}.summary-item p:last-child{color:#a8b8cc;color:var(--text-secondary);font-size:.68rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.summary-green{color:#00d97e;color:var(--green)}.summary-blue{color:#00e5ff;color:var(--accent)}.system-message{background:#00e5ff1a;background:var(--accent-dim);border:1px solid #00e5ff26;border-left:2px solid #00e5ff;border-left:2px solid var(--accent);border-radius:6px;border-radius:var(--radius-md);margin-bottom:8px;margin-bottom:var(--gap-sm);padding:8px 16px;padding:var(--gap-sm) var(--gap-lg)}[data-theme=light] .system-message{border-color:#09b3}.system-message div{color:#a8b8cc;color:var(--text-secondary);font-size:.8rem;font-weight:500}.table-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--gap-xs);padding:0 2px}.filter-btn{background:#131b24;background:var(--bg-elevated);border:1px solid #ffffff21;border:1px solid var(--border-default);border-radius:6px;border-radius:var(--radius-md);color:#a8b8cc;color:var(--text-secondary);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.74rem;font-weight:600;letter-spacing:.04em;padding:6px 12px;padding:6px var(--gap-md);transition:all .15s ease;transition:all var(--transition)}.filter-btn.filter-active,.filter-btn:hover{background:#00d97e1f;background:var(--green-dim);border-color:#00d97e;border-color:var(--green);color:#00d97e;color:var(--green)}.table-count{color:#a8b8cc;color:var(--text-secondary);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.7rem}.table-container{background:#0d1117;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0006;box-shadow:var(--shadow-card);overflow:hidden;position:relative}.table-container:before{background:linear-gradient(90deg,#0000,#00e5ff,#00d97e,#0000);background:linear-gradient(90deg,#0000,var(--accent),var(--green),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.table-header{padding:0}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-color:#00e5ff4d #0000;scrollbar-width:thin}.signals-table{border-collapse:collapse;font-size:.82rem;table-layout:auto;width:100%}.signals-table thead{background:#131b24;background:var(--bg-elevated);border-bottom:1px solid #ffffff21;border-bottom:1px solid var(--border-default)}.signals-table th{color:#a8b8cc;color:var(--text-secondary);font-size:.65rem;font-weight:700;letter-spacing:.09em;padding:8px 12px;padding:var(--gap-sm) var(--gap-md);text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}.signals-table th.sortable{cursor:pointer;transition:color .15s ease;transition:color var(--transition)}.signals-table th.sortable:hover{color:#fff;color:var(--text-heading)}.signals-table td.col-trend,.signals-table td:nth-child(6),.signals-table td:nth-child(7),.signals-table th.col-trend,.signals-table th:nth-child(6),.signals-table th:nth-child(7){text-align:center}.signals-table td.col-seen,.signals-table td:nth-child(2),.signals-table td:nth-child(3),.signals-table th.col-seen,.signals-table th:nth-child(2),.signals-table th:nth-child(3){text-align:right}.signals-table td{border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);color:#eef2f7;color:var(--text-primary);padding:8px 12px;padding:var(--gap-sm) var(--gap-md);vertical-align:middle;white-space:nowrap}.signals-table tbody tr:last-child td{border-bottom:none}.signals-table tbody tr{transition:background .15s ease;transition:background var(--transition)}.signals-table tbody tr:hover{background:#1a2333;background:var(--bg-hover)}.signals-table tbody tr.row-best{background:#00d97e1f;background:var(--green-dim)}.signals-table tbody tr.row-best:hover{background:#00d97e26}.sort-icon{font-size:.65rem;margin-left:3px}.sort-inactive{opacity:.3}.sort-active{color:#00e5ff;color:var(--accent);opacity:1}.stock-ticker{align-items:center;display:flex;gap:4px;gap:var(--gap-xs)}.best-dot{background:#00d97e;background:var(--green);border-radius:50%;box-shadow:0 0 6px #00d97e;box-shadow:0 0 6px var(--green);flex-shrink:0;height:5px;width:5px}.ticker-name{color:#fff;color:var(--text-heading);font-size:.84rem;font-weight:500;letter-spacing:.04em}.first-seen,.ticker-name{font-family:DM Mono,monospace;font-family:var(--font-mono)}.first-seen{color:#a8b8cc;color:var(--text-secondary);font-size:.72rem}.bounce-high{background:#00d97e1f;background:var(--green-dim);border:1px solid #00d97e66;border:1px solid var(--green-border);border-radius:3px;border-radius:var(--radius-sm);color:#00d97e;color:var(--green)}.bounce-high,.bounce-medium{display:inline-block;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.76rem;font-weight:500;padding:2px 7px;white-space:nowrap}.bounce-medium{background:#ffab001f;background:var(--amber-dim);border:1px solid #ffab0066;border:1px solid var(--amber-border);border-radius:3px;border-radius:var(--radius-sm);color:#ffab00;color:var(--amber)}.bounce-low{background:#ff45601f;background:var(--red-dim);border:1px solid #ff456066;border:1px solid var(--red-border);border-radius:3px;border-radius:var(--radius-sm);color:#ff4560;color:var(--red);display:inline-block;font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.76rem;font-weight:500;padding:2px 7px;white-space:nowrap}.indicator-pass{color:#00d97e;color:var(--green)}.indicator-fail,.indicator-pass{font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.9rem;font-weight:700}.indicator-fail{color:#ff4560;color:var(--red)}.empty-state,.loading-state{padding:32px 16px;padding:var(--gap-2xl) var(--gap-lg);text-align:center}.empty-state svg,.loading-state svg{color:#5a6e82;color:var(--text-muted);display:block;height:24px;margin:0 auto 8px;margin:0 auto var(--gap-sm);width:24px}.empty-state p:first-of-type,.loading-state p:first-of-type{color:#eef2f7;color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:4px}.empty-state p:last-of-type,.loading-state p:last-of-type{color:#a8b8cc;color:var(--text-secondary);font-size:.74rem}.footer-info{background:#0d1117;background:var(--bg-surface);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0006;box-shadow:var(--shadow-card);color:#a8b8cc;color:var(--text-secondary);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:.7rem;margin-top:8px;margin-top:var(--gap-sm);padding:8px 16px;padding:var(--gap-sm) var(--gap-lg);text-align:center}.footer-info strong{color:#eef2f7;color:var(--text-primary);font-weight:500}.table-wrapper::-webkit-scrollbar{height:3px}.table-wrapper::-webkit-scrollbar-track{background:#0000}.table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#00e5ff,#00d97e);background:linear-gradient(90deg,var(--accent),var(--green));border-radius:2px}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.top-pick-seen{display:none}}@media (max-width:600px){.header-content{flex-wrap:wrap;gap:4px;gap:var(--gap-xs);height:auto;padding:8px 12px;padding:var(--gap-sm) var(--gap-md)}.header-title{width:100%}.header-title h1{font-size:.95rem;letter-spacing:.04em}.header-subtitle{display:none}.header-actions{gap:4px;gap:var(--gap-xs);justify-content:space-between;width:100%}.log-btn,.sound-btn,.theme-btn{font-size:.8rem;min-height:28px;min-width:28px;padding:5px 6px}.auto-refresh-container{flex:1 1;justify-content:center;padding:5px 4px;padding:5px var(--gap-xs)}.auto-refresh-container label,.btn-secondary{font-size:.65rem}.btn-secondary{gap:3px;min-height:28px;padding:5px 8px;padding:5px var(--gap-sm)}.btn-secondary svg{height:11px;width:11px}.logout-btn{font-size:.65rem;min-height:28px;padding:5px 8px;padding:5px var(--gap-sm)}.btn-label{display:none}.btn-label-short{display:inline}.main-content{padding:8px;padding:var(--gap-sm)}.stats-grid{gap:4px;gap:var(--gap-xs);grid-template-columns:repeat(2,1fr)}.stats-card{padding:8px 12px;padding:var(--gap-sm) var(--gap-md)}.stats-card-icon{height:22px;width:22px}.stats-card-text p:first-child{font-size:.58rem}.stats-card-text p:nth-child(2){font-size:.95rem}.top-pick-banner{gap:4px;gap:var(--gap-xs);padding:8px 12px;padding:var(--gap-sm) var(--gap-md)}.top-pick-ticker{font-size:.9rem}.top-pick-bounce,.top-pick-drop{font-size:.78rem}.summary-card{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:12px;gap:var(--gap-md);overflow:hidden;padding:8px 12px;padding:var(--gap-sm) var(--gap-md)}.summary-title{flex-shrink:0;font-size:.6rem}.summary-grid{flex-wrap:nowrap;gap:12px;gap:var(--gap-md)}.summary-item{gap:4px;gap:var(--gap-xs)}.summary-item p:first-child{font-size:.95rem}.summary-item p:last-child{font-size:.58rem;letter-spacing:.03em}.col-seen{display:none}.signals-table{font-size:.72rem}.signals-table th{font-size:.55rem;letter-spacing:.04em}.signals-table td,.signals-table th{padding:4px 8px;padding:var(--gap-xs) var(--gap-sm)}.ticker-name{font-size:.72rem}.bounce-high,.bounce-low,.bounce-medium{font-size:.65rem;padding:1px 4px}.indicator-fail,.indicator-pass{font-size:.8rem}.login-card{padding:24px;padding:var(--gap-xl)}.login-title h1{font-size:1.3rem}.modal-card{padding:16px;padding:var(--gap-lg)}.modal-title{font-size:1rem}.log-panel{max-height:90vh}.log-panel-header{padding:12px;padding:var(--gap-md)}.log-row{padding:8px 12px;padding:var(--gap-sm) var(--gap-md)}.log-list-header{padding:4px 12px;padding:var(--gap-xs) var(--gap-md)}}@media (max-width:380px){.header-title h1{font-size:.82rem}.signals-table th{font-size:.5rem}.signals-table td,.signals-table th{padding:3px 4px;padding:3px var(--gap-xs)}.signals-table,.ticker-name{font-size:.65rem}.summary-item p:first-child{font-size:.85rem}.summary-item p:last-child{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.btn-spinner,.spin{animation:none}}button:focus-visible,input:focus-visible{outline:2px solid #00e5ff;outline:2px solid var(--accent);outline-offset:2px}@media print{body{background:#fff;background-image:none;color:#000}.btn-primary,.btn-secondary,.header-actions,.logout-btn{display:none}.text-green{color:#006400!important}.text-red{color:#8b0000!important}}
/*# sourceMappingURL=main.a380f9bd.css.map*/