#root{width:100%;margin:0;padding:0}:root{--bg-dark: #09090b;--bg-card: #18181b;--text-main: #e4e4e7;--text-muted: #a1a1aa;--accent: #22c55e;--danger: #ef4444;--border: #27272a;--font-main: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-main);font-size:14px;width:100%;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:20px}header{display:flex;flex-direction:column;gap:20px;margin-bottom:25px;border-bottom:1px solid var(--border);padding-bottom:20px}.header-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.header-titles{display:flex;flex-direction:column}.auth-container{display:flex;align-items:center;gap:15px}.auth-btn{background:#22c55e26;color:var(--accent);border:1px solid rgba(34,197,94,.3);padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.9rem;display:flex;align-items:center;gap:8px}.auth-btn:hover{background:var(--accent);color:var(--bg-dark)}.auth-btn.logout{background:#ef444426;color:var(--danger);border-color:#ef44444d}.auth-btn.logout:hover{background:var(--danger);color:#fff}.user-info{color:var(--text-muted);font-size:.9rem;display:flex;align-items:center;gap:6px}.controls-group{display:flex;gap:15px;flex-wrap:wrap}.control-input{padding:12px;border-radius:8px;background:var(--bg-card);color:#fff;border:1px solid var(--border);font-size:.95rem}.search-container{display:flex;align-items:center;flex:1;min-width:250px;padding:0 15px}.search-input{border:none;background:transparent;color:#fff;padding:12px 10px;outline:none;width:100%;font-size:.95rem}.table-container{overflow-x:auto;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);box-shadow:0 10px 30px #00000080}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th:nth-child(1){width:40px;text-align:center}.data-table th:nth-child(2){width:50px;text-align:center}.data-table th:nth-child(3){width:220px}.company-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;max-width:200px;color:var(--text-muted);font-size:.8rem;margin-top:2px}.data-table th{padding:18px 15px;background:#ffffff05;border-bottom:1px solid var(--border);font-weight:600;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:12px 15px;border-bottom:1px solid var(--border);vertical-align:middle!important}.table-row{cursor:pointer;transition:background .2s;height:70px}.table-row:hover{background:#ffffff0a}.ticker-text{font-weight:600;color:#fff;font-size:1rem}.company-text{color:var(--text-muted);font-size:.8rem;display:block;margin-top:3px}.score-wrapper{display:flex;align-items:center;gap:10px}.score-bar-bg{flex:1;background:#333;height:8px;border-radius:4px;overflow:hidden;min-width:60px}.score-bar-fill{height:100%;transition:width .5s}.action-cell,.alt-motors-container{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px;min-height:40px}.alt-motors-container{font-size:.85rem;color:var(--text-muted);white-space:nowrap}.alt-motors-container span{display:flex;align-items:center;gap:4px}.signal-badge{padding:5px 10px;border-radius:6px;font-size:.75rem;font-weight:700;display:inline-block}.ai-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:75px!important;height:28px!important;padding:0!important;overflow:hidden}.signal-badge.buy{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.signal-badge.sell{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.signal-badge.neutral{background:#a1a1aa26;color:#a1a1aa;border:1px solid rgba(161,161,170,.3)}.alt-motors{font-size:.85rem;color:var(--text-muted)}.alt-motors span{display:inline-block;margin-right:12px}.loading-container{text-align:center;padding:80px 20px;color:var(--accent)}.empty-state{padding:40px!important;text-align:center;color:var(--text-muted);font-size:1.1rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.detail-modal-content{background:var(--bg-card);width:90%;max-width:500px;border-radius:16px;border:1px solid var(--border);box-shadow:0 25px 50px -12px #00000080;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 25px;border-bottom:1px solid var(--border);background:#ffffff05}.close-btn{background:#ffffff1a;color:#fff;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .2s}.close-btn:hover{background:var(--danger)}.modal-body{padding:25px}.detail-section{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.05)}.detail-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-weight:600}.alt-motors-grid{display:flex;gap:10px;justify-content:space-between}.motor-box{background:#ffffff08;padding:10px;border-radius:8px;font-size:.9rem;color:var(--text-main);border:1px solid rgba(255,255,255,.05)}.modal-footer{margin-top:25px}.btn-grafik{display:block;width:100%;padding:16px;background:#2962ff;color:#fff;text-align:center;text-decoration:none;border-radius:10px;font-weight:800;letter-spacing:.5px;transition:background .2s,transform .1s}.btn-grafik:hover{background:#1e4eb8}.btn-grafik:active{transform:scale(.98)}.legal-box{background:var(--bg-card);border:1px solid var(--danger);width:90%;max-width:800px;max-height:85vh;border-radius:12px;padding:30px;display:flex;flex-direction:column;box-shadow:0 0 50px #ef444433}.legal-scroll{overflow-y:auto;flex:1;margin:20px 0;padding-right:15px;font-size:.9rem;line-height:1.7;color:#d4d4d8;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding-top:15px;padding-bottom:15px}.legal-btn{background:var(--danger);color:#fff;border:none;padding:15px;width:100%;border-radius:8px;font-weight:800;cursor:pointer;font-size:1rem}@media(max-width:768px){.hide-on-mobile{display:none!important}.header-top{flex-direction:column;gap:15px}.auth-container{width:100%;justify-content:space-between;padding-top:10px;border-top:1px dashed rgba(255,255,255,.1)}.signal-badge{padding:6px 8px;font-size:10px}.ai-badge{width:53px!important}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table th,.data-table td{font-size:10px!important;padding:8px 4px!important}.company-text{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;font-size:.75rem;line-height:1.2;max-width:110px;margin-top:3px}.container{padding:6px}.controls-group{flex-direction:column}.control-input{width:100%}.score-bar-bg{min-width:12px}.detail-modal-content{width:95%}.detail-modal-content .sub-motors,.detail-modal-content .detail-row,.detail-modal-content .ai-signals{display:flex;flex-wrap:wrap!important;justify-content:center!important;align-items:center;gap:6px}.detail-modal-content .signal-badge,.detail-modal-content .ai-badge{display:inline-flex!important;justify-content:center!important;align-items:center!important;text-align:center;padding:4px 6px!important;font-size:11px!important;min-width:50px!important;width:auto!important;margin:2px 0}.alt-motors-grid{flex-wrap:wrap;justify-content:center;gap:6px}.motor-box{padding:6px 8px;font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:5px;flex:1 1 45%;min-width:110px}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.data-table th,.data-table td{text-align:center}.data-table th:first-child,.data-table td:first-child{text-align:left}.action-cell{justify-content:center}.data-table .score-wrapper{margin:0 auto}.alt-motors{display:flex;gap:8px;justify-content:center;flex-wrap:nowrap;white-space:nowrap}.auth-modal-content{background:var(--bg-card);width:90%;max-width:400px;border-radius:12px;border:1px solid var(--border);box-shadow:0 25px 50px -12px #00000080;padding:30px;position:relative}.auth-form{display:flex;flex-direction:column;gap:15px;margin-top:20px}.auth-input{background:#ffffff0d;border:1px solid var(--border);color:#fff;padding:12px 15px;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s}.auth-input:focus{border-color:var(--accent)}.auth-submit-btn{background:var(--accent);color:var(--bg-dark);border:none;padding:12px;border-radius:8px;font-weight:800;font-size:1rem;cursor:pointer;transition:opacity .2s;margin-top:10px}.auth-submit-btn:hover{opacity:.9}.auth-switch-text{text-align:center;margin-top:15px;color:var(--text-muted);font-size:.9rem}.auth-switch-text span{color:var(--accent);cursor:pointer;font-weight:600}.auth-switch-text span:hover{text-decoration:underline}.auth-error{color:var(--danger);background:#ef44441a;padding:10px;border-radius:6px;font-size:.85rem;text-align:center;border:1px solid rgba(239,68,68,.3)}.user-menu-wrapper{position:relative!important;display:inline-block}.user-info-btn{background:transparent;color:var(--text-muted);border:1px solid var(--border);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:8px;transition:all .2s}.user-info-btn:hover,.user-info-btn.active{color:var(--accent);border-color:var(--accent);background:#22c55e0d}.user-dropdown{position:absolute;top:calc(100% + 5px);right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 25px #00000080;width:180px;z-index:9999;display:flex;flex-direction:column;overflow:hidden}.dropdown-item{padding:12px 15px;background:transparent;border:none;color:var(--text-main);text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .2s;font-size:.9rem}.dropdown-item:hover{background:#ffffff0d}.dropdown-item.danger{color:var(--danger);border-top:1px solid rgba(255,255,255,.05)}.dropdown-item.danger:hover{background:#ef44441a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}