:root{--bg-body:#f4f7fc;--bg-panel:#fff;--text-primary:#1a2a3a;--text-secondary:#2c3e50;--border-color:#d0d9e8;--card-bg:#fff;--card-shadow:0 2px 8px rgba(26,42,58,.08);--card-hover-shadow:0 8px 20px rgba(26,42,58,.15);--detail-bg:#e9eef5;--accent:#1a5276;--accent-light:#2980b9;--accent-dark:#0e2f4a;--accent-text:#fff;--toggle-bg:#e9eef5;--toggle-color:#1a2a3a;--close-filter:none;--btn-shadow:0 3px 6px rgba(26,82,118,.25);--btn-hover-shadow:0 5px 12px rgba(26,82,118,.35);--input-bg:#fff;--input-color:#1a2a3a}body.dark-theme{--bg-body:#0f1a2b;--bg-panel:#1a2d44;--text-primary:#e8eef5;--text-secondary:#b0c4de;--border-color:#2a4060;--card-bg:#1f3450;--card-shadow:0 2px 8px rgba(0,0,0,.5);--card-hover-shadow:0 8px 20px rgba(0,0,0,.7);--detail-bg:#263b58;--accent:#2980b9;--accent-light:#3b9bdb;--accent-dark:#1a5276;--accent-text:#fff;--toggle-bg:#263b58;--toggle-color:#e8eef5;--close-filter:invert(1) brightness(2);--btn-shadow:0 3px 6px rgba(41,128,185,.3);--btn-hover-shadow:0 5px 12px rgba(41,128,185,.4);--input-bg:#1a2d44;--input-color:#e8eef5}*{box-sizing:border-box}body{background:var(--bg-body);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background .3s,color .3s;color:var(--text-primary);margin:0;padding:0}.app-container{display:-ms-flexbox;display:flex;min-height:100vh}.filters-panel{width:280px;min-width:280px;background:var(--bg-panel);padding:20px 15px;border-right:1px solid var(--border-color);height:100vh;position:sticky;top:0;overflow-y:auto;box-shadow:2px 0 8px rgba(0,0,0,.05);transition:background .3s,border-color .3s}.filters-panel .form-label{font-weight:600;font-size:.85rem;color:var(--text-secondary);display:block;margin-bottom:4px}.filters-panel .form-control,.filters-panel .form-select{font-size:.9rem;background:var(--input-bg);color:var(--input-color);border-color:var(--border-color);-moz-appearance:none;appearance:none;width:100%!important;padding:8px 12px;border-radius:6px;border:1px solid var(--border-color);margin-bottom:8px}.filters-panel .form-select{padding-right:30px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.filters-panel .form-control{padding:8px 12px}.filters-panel .range-slider{width:100%;margin:5px 0;-moz-appearance:none;appearance:none;accent-color:var(--accent);height:6px;background:var(--detail-bg);border-radius:3px;outline:none}.filters-panel .range-slider::-ms-track{width:100%;height:6px;background:var(--detail-bg);border-color:transparent;color:transparent;border-radius:3px}.filters-panel .range-slider::-ms-fill-lower{background:var(--accent);border-radius:3px}.filters-panel .range-slider::-ms-fill-upper{background:var(--detail-bg);border-radius:3px}.filters-panel .range-slider::-ms-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.filters-panel .range-slider::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer}.filters-panel .range-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.filters-panel .range-slider::-webkit-slider-runnable-track{height:6px;background:var(--detail-bg);border-radius:3px}.filters-panel .range-slider::-moz-range-track{height:6px;background:var(--detail-bg);border-radius:3px}.filters-panel .range-value{font-weight:600;color:var(--accent);margin-left:8px}.filters-panel .range-labels{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-top:2px}.extra-filters{border-top:1px solid var(--border-color);padding-top:15px;margin-top:10px;display:none}.cards-grid{-ms-flex:1;flex:1;padding:20px;display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;-ms-flex-line-pack:start;align-content:start}.signal-card{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow);transition:transform .15s ease,box-shadow .15s ease,background .3s;cursor:pointer}.signal-card:hover{transform:translateY(-4px);box-shadow:var(--card-hover-shadow)}.signal-card img{width:100%;height:auto;display:block;background:#1a1a2e}.signal-card .card-body{padding:12px 16px;background:var(--bg-panel);border-top:1px solid var(--border-color);font-size:.85rem;color:var(--text-primary);transition:background .3s}.signal-card .card-body .title{font-weight:700;font-size:.95rem;margin-bottom:4px;color:var(--accent)}.signal-card .card-body .subtitle{font-weight:600;color:var(--accent-light);margin-bottom:6px}.signal-card .card-body .details{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px 16px;color:var(--text-secondary)}.signal-card .card-body .details span{background:var(--detail-bg);padding:2px 10px;border-radius:12px;font-size:.8rem;color:var(--text-primary)}.signal-card .card-body .trend-details{margin:4px 0;line-height:1.6}.signal-card .card-body .volume{font-weight:600;color:var(--accent);margin-top:4px}.signal-card .card-body .quality-badge{display:inline-block;padding:2px 12px;border-radius:30px;font-size:.7rem;font-weight:600;color:#fff;margin-top:6px}.quality-red{background:#dc3545}.quality-yellow{background:#ffc107;color:#000}.quality-green{background:#28a745}.no-data{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:1.1rem}.chart-modal-img{width:100%;height:auto;max-height:90vh;object-fit:contain}.count-badge{background:var(--detail-bg);padding:2px 12px;border-radius:30px;font-size:.85rem;margin-left:10px;color:var(--text-primary)}.loading-spinner{grid-column:1/-1;text-align:center;padding:40px;color:var(--text-secondary)}#loginContainer{max-width:400px;margin:50px auto}#loginContainer h2{color:var(--text-primary)}#loginContainer .form-control,#loginContainer input.form-control{background:var(--input-bg)!important;color:var(--input-color)!important;border-color:var(--border-color)!important;border-radius:8px!important;padding:10px 15px!important;font-size:1rem!important;width:100%!important}#loginContainer .form-control::placeholder,#loginContainer input.form-control::placeholder{color:var(--text-secondary)!important;opacity:.6!important}#loginContainer .btn-primary{background:linear-gradient(145deg,var(--accent-light),var(--accent-dark));border:none;color:var(--accent-text);font-weight:600;padding:12px 0;border-radius:30px;box-shadow:var(--btn-shadow);transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;width:100%!important}#loginContainer .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--btn-hover-shadow);opacity:.95}#loginContainer .btn-primary:active{transform:scale(.97)}#loginContainer .btn-success{background:linear-gradient(145deg,#28a745,#1e7e34);border:none;color:#fff;font-weight:600;padding:12px 0;border-radius:30px;box-shadow:0 3px 6px rgba(40,167,69,.25);transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;width:100%!important}#loginContainer .btn-success:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(40,167,69,.35);opacity:.95}#loginContainer .btn-success:active{transform:scale(.97)}#loginContainer .text-muted{color:var(--text-secondary)!important}.tab-buttons{display:-ms-flexbox;display:flex;gap:10px;margin-bottom:20px}.tab-buttons button{-ms-flex:1;flex:1;padding:8px;border:none;border-radius:8px;font-weight:600;background:var(--detail-bg);color:var(--text-primary);transition:.2s}.tab-buttons button.active{background:linear-gradient(145deg,var(--accent-light),var(--accent-dark));color:var(--accent-text);box-shadow:var(--btn-shadow)}.tab-buttons button.active:hover{transform:translateY(-1px)}.auth-form{display:none}.auth-form.active{display:block}.app-header{-ms-flex-pack:justify;justify-content:space-between;padding:10px 30px;background:var(--bg-panel);border-bottom:1px solid var(--border-color);box-shadow:0 1px 4px rgba(0,0,0,.04);transition:background .3s,border-color .3s}.app-header,.app-header .left{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.app-header .left{gap:10px}.app-header .left img{height:40px;width:auto}.app-header .center{font-size:1.5rem;font-weight:700;color:var(--accent);letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.05)}.app-header .right{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:15px;font-weight:600;font-size:1rem}.app-header .right .username{color:var(--accent)}.app-header .right .admin-link{display:none;margin-right:10px;color:var(--accent);text-decoration:none;font-size:.9rem;font-weight:600}.app-header .right .admin-link:hover{text-decoration:underline}.app-header .right .logout-link{color:#dc3545;text-decoration:none;font-size:.9rem;font-weight:600;cursor:pointer}.app-header .right .logout-link:hover{text-decoration:underline}.theme-toggle{background:var(--toggle-bg);border:2px solid var(--accent);border-radius:30px;padding:6px 16px;font-size:.85rem;font-weight:600;color:var(--toggle-color);cursor:pointer;transition:all .25s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.theme-toggle:hover{background:var(--accent);color:var(--accent-text);transform:translateY(-1px);box-shadow:0 4px 8px rgba(26,82,118,.2)}#mainApp{display:none}#chartModal{display:none!important}#chartModal.show{display:block!important}@media (max-width:768px){.app-container{-ms-flex-direction:column;flex-direction:column}.filters-panel{width:100%;min-width:unset;height:auto;position:static;border-right:none;border-bottom:1px solid var(--border-color)}.cards-grid{grid-template-columns:1fr}.app-header{-ms-flex-direction:column;flex-direction:column;gap:8px;padding:10px}.app-header .center,.app-header .left,.app-header .right{font-size:1.2rem}.app-header .left img{height:30px}#loginContainer{margin:20px auto;padding:0 15px}}