*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh;color:#e0e0e0}.app-container{max-width:1600px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:30px}.header h1{font-size:2.5rem;background:linear-gradient(90deg,#00d4ff,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.header p{color:#8892b0;font-size:1.1rem}.controls-section{display:flex;gap:20px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.search-container{position:relative;width:300px}.search-input{width:100%;padding:12px 16px;font-size:16px;border:2px solid #2d3748;border-radius:8px;background:#1a202c;color:#e0e0e0;outline:none;transition:border-color .3s}.search-input:focus{border-color:#00d4ff}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#1a202c;border:2px solid #2d3748;border-top:none;border-radius:0 0 8px 8px;max-height:300px;overflow-y:auto;z-index:1000}.autocomplete-item{padding:12px 16px;cursor:pointer;transition:background .2s;display:flex;justify-content:space-between;align-items:center}.autocomplete-item:hover{background:#2d3748}.autocomplete-item .symbol{font-weight:700;color:#00d4ff}.autocomplete-item .name{color:#8892b0;font-size:.9rem}.autocomplete-item .type{font-size:.75rem;padding:2px 8px;border-radius:12px;background:#2d3748;color:#a0aec0}.timeframe-buttons{display:flex;gap:10px}.timeframe-btn{padding:10px 20px;font-size:14px;border:2px solid #2d3748;border-radius:8px;background:#1a202c;color:#e0e0e0;cursor:pointer;transition:all .3s}.timeframe-btn:hover{border-color:#00d4ff}.timeframe-btn.active{background:#00d4ff;border-color:#00d4ff;color:#1a1a2e}.chart-section{display:flex;gap:0;background:#1a202c;border-radius:12px;overflow:hidden;border:2px solid #2d3748;min-height:450px;max-height:calc(100vh - 300px)}.price-chart-container{flex:1;padding:20px;position:relative}.prediction-controls{display:flex;justify-content:center;margin-bottom:15px}.sentiment-slider-container{padding:12px 20px;background:#1a202c;border-radius:12px;border:2px solid #2d3748;width:400px}.sentiment-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.bearish-label{font-size:11px;color:#e53e3e;font-weight:500}.bullish-label{font-size:11px;color:#38a169;font-weight:500}.sentiment-value{font-size:12px;color:#00d4ff;font-weight:600}.sentiment-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#e53e3e,#4a5568,#38a169);border-radius:3px;outline:none;cursor:pointer}.sentiment-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:#00d4ff;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #00d4ff66;transition:transform .2s}.sentiment-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.sentiment-slider::-moz-range-thumb{width:18px;height:18px;background:#00d4ff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #00d4ff66}.sentiment-slider:disabled{opacity:.5;cursor:not-allowed}.price-inputs{display:flex;justify-content:space-between;margin-top:10px;gap:15px}.price-input-group{display:flex;align-items:center;gap:6px}.price-input-group label{font-size:11px;color:#8892b0}.price-text-input{width:90px;padding:6px 8px;font-size:12px;border:1px solid #2d3748;border-radius:4px;background:#151a24;color:#e0e0e0;outline:none}.price-text-input:focus{border-color:#00d4ff}.price-text-input:disabled{opacity:.5;cursor:not-allowed}.drawing-canvas-container{width:400px;background:#151a24;border-left:2px solid #2d3748;position:relative;display:flex;flex-direction:column}.drawing-canvas-container canvas{width:100%;height:100%;cursor:crosshair}.canvas-controls{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.canvas-btn{padding:8px 16px;font-size:13px;border:none;border-radius:6px;cursor:pointer;transition:all .3s}.canvas-btn.clear{background:#e53e3e;color:#fff}.canvas-btn.clear:hover{background:#c53030}.canvas-btn.submit{background:#38a169;color:#fff}.canvas-btn.submit:hover{background:#2f855a}.canvas-btn:disabled{opacity:.5;cursor:not-allowed}.drawing-area{position:relative;flex:1;min-height:0}.info-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#1a202c;border-radius:12px;border:2px solid #2d3748;margin-top:20px}.info-item{text-align:center}.info-item .label{font-size:.8rem;color:#8892b0;margin-bottom:4px}.info-item .value{font-size:1.2rem;font-weight:700;color:#00d4ff}.info-item .value.up{color:#38a169}.info-item .value.down{color:#e53e3e}.predictions-count{background:#2d3748;padding:8px 16px;border-radius:20px}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#1a202ce6;display:flex;align-items:center;justify-content:center;z-index:100}.loading-spinner{width:50px;height:50px;border:4px solid #2d3748;border-top:4px solid #00d4ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:#e53e3e;color:#fff;padding:10px 20px;border-radius:8px;margin-bottom:20px;text-align:center}.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#8892b0}.no-data svg{width:80px;height:80px;margin-bottom:20px;opacity:.5}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.header-text{flex:1}.auth-header{display:flex;align-items:center;gap:15px}.auth-loading{color:#8892b0;font-size:14px}.user-info{display:flex;align-items:center;gap:10px}.profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #00d4ff}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;color:#e0e0e0;font-size:14px}.token-balance{font-size:12px;color:#00d4ff}.auth-button{padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s}.login-button{background:#00d4ff;color:#1a1a2e}.login-button:hover{background:#00b8e0}.logout-button{background:transparent;border:1px solid #4a5568;color:#a0aec0}.logout-button:hover{border-color:#e53e3e;color:#e53e3e}.stake-input-group{display:flex;align-items:center;gap:6px;background:#0000004d;padding:6px 10px;border-radius:6px}.stake-input-group label{font-size:12px;color:#a0aec0}.stake-input{width:70px;padding:4px 6px;font-size:12px;border:1px solid #4a5568;border-radius:4px;background:#1a202c;color:#00d4ff;text-align:right}.stake-input:focus{border-color:#00d4ff;outline:none}.stake-max{font-size:11px;color:#718096}.predictions-table-container{margin-top:30px;background:#1a202c;border-radius:12px;border:2px solid #2d3748;padding:20px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.table-header h2{font-size:1.4rem;color:#e0e0e0;margin:0}.prediction-count{font-size:14px;color:#8892b0;background:#2d3748;padding:4px 12px;border-radius:12px}.table-filters{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.filter-input{padding:8px 12px;font-size:14px;border:1px solid #4a5568;border-radius:6px;background:#151a24;color:#e0e0e0;width:180px}.filter-input:focus{border-color:#00d4ff;outline:none}.filter-select{padding:8px 12px;font-size:14px;border:1px solid #4a5568;border-radius:6px;background:#151a24;color:#e0e0e0;cursor:pointer}.filter-select:focus{border-color:#00d4ff;outline:none}.clear-filters-btn{padding:8px 16px;font-size:14px;border:1px solid #4a5568;border-radius:6px;background:transparent;color:#a0aec0;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{border-color:#e53e3e;color:#e53e3e}.table-loading,.table-error,.table-empty{text-align:center;padding:40px;color:#8892b0}.table-error{color:#e53e3e}.predictions-table{width:100%;border-collapse:collapse;font-size:14px}.predictions-table th{text-align:left;padding:12px 10px;color:#a0aec0;font-weight:500;border-bottom:2px solid #2d3748;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.predictions-table th:hover{color:#00d4ff}.sort-icon{margin-left:4px;font-size:12px;opacity:.5}.sort-icon.active{opacity:1;color:#00d4ff}.predictions-table td{padding:10px;border-bottom:1px solid #2d3748;color:#e0e0e0}.predictions-table tbody tr:hover{background:#00d4ff0d}.asset-link{background:none;border:none;color:#00d4ff;cursor:pointer;font-weight:600;padding:0;font-size:inherit}.asset-link:hover{text-decoration:underline}.user-cell{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-cell{white-space:nowrap;color:#8892b0}.score-cell{font-family:monospace;color:#4ecdc4;font-weight:600}.positive{color:#38a169}.negative{color:#e53e3e}.table-pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding-top:15px;border-top:1px solid #2d3748}.pagination-btn{padding:8px 16px;font-size:14px;border:1px solid #4a5568;border-radius:6px;background:transparent;color:#e0e0e0;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:#00d4ff;color:#00d4ff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{font-size:14px;color:#8892b0}.live-score{background:#9f7aea26;padding:8px 16px;border-radius:8px;border:1px solid rgba(159,122,234,.3)}.progress-indicator{font-size:.75em;opacity:.7}.chart-section{scroll-margin-top:20px}.register-button{background:transparent;border:2px solid #00d4ff;color:#00d4ff}.register-button:hover{background:#00d4ff1a}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#00d4ff,#7c3aed);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#1a202c;border-radius:16px;border:2px solid #2d3748;padding:30px;width:100%;max-width:420px;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:28px;color:#8892b0;cursor:pointer;line-height:1;padding:0;transition:color .2s}.modal-close:hover{color:#e53e3e}.modal-content h2{font-size:1.5rem;color:#e0e0e0;margin-bottom:25px;text-align:center}.auth-error{background:#e53e3e26;border:1px solid rgba(229,62,62,.3);color:#fc8181;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.form-row{display:flex;gap:15px}.form-row .form-group{flex:1}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:13px;color:#a0aec0;margin-bottom:6px;font-weight:500}.form-group input{width:100%;padding:12px 14px;font-size:15px;border:2px solid #2d3748;border-radius:8px;background:#151a24;color:#e0e0e0;outline:none;transition:border-color .2s}.form-group input:focus{border-color:#00d4ff}.form-group input::placeholder{color:#4a5568}.submit-button{width:100%;padding:14px;font-size:16px;font-weight:600;border:none;border-radius:8px;background:linear-gradient(135deg,#00d4ff,#7c3aed);color:#fff;cursor:pointer;transition:opacity .2s,transform .2s;margin-top:10px}.submit-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-switch{margin-top:20px;text-align:center;padding-top:20px;border-top:1px solid #2d3748}.auth-switch p{font-size:14px;color:#8892b0}.auth-switch button{background:none;border:none;color:#00d4ff;font-size:14px;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.auth-switch button:hover{color:#00b8e0}