.bar-chart{display:flex;flex-direction:column;gap:8px;margin-top:12px}.bar-section-header{font-size:11px;color:var(--muted);text-transform:uppercase;margin-top:12px;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid var(--line)}.bar-row{display:flex;align-items:center;gap:12px}.bar-label{width:120px;font-size:13px;color:var(--muted);text-align:right}.bar-container{flex:1;display:flex;align-items:center;gap:8px}.bar{height:24px;border-radius:4px;min-width:4px;transition:width .3s}.bar-classical{background:linear-gradient(90deg,#64748b,#475569)}.bar-kem{background:linear-gradient(90deg,var(--accent),rgba(106,166,255,.6))}.bar-sig{background:linear-gradient(90deg,var(--accent2),rgba(155,140,255,.6))}.bar-hash{background:linear-gradient(90deg,#22c55e,rgba(34,197,94,.6))}.bar-value{font-size:12px;color:var(--muted);min-width:80px}.rec-badge{background:linear-gradient(135deg,#22c55e 0,#16a34a 100%);color:#fff;font-size:9px;padding:2px 6px;border-radius:4px;margin-left:8px;font-weight:600;text-transform:uppercase}.legacy-badge{background:rgba(239,68,68,.2);color:#ef4444;font-size:9px;padding:2px 6px;border-radius:4px;margin-left:8px;font-weight:600}.recommended{background:rgba(34,197,94,.05)}.badge-classical{background:rgba(100,116,139,.2);color:#94a3b8;padding:2px 8px;border-radius:4px;font-size:11px}.badge-danger{background:rgba(239,68,68,.2);color:#ef4444;padding:2px 8px;border-radius:4px;font-size:11px}.chart-tabs{display:flex;gap:8px;flex-wrap:wrap}.chart-tab{padding:6px 14px;border:1px solid var(--line);border-radius:6px;background:0 0;color:var(--muted);font:inherit;cursor:pointer;transition:all .15s}.chart-tab:hover{color:var(--fg);border-color:var(--accent)}.chart-tab.active{background:var(--accent);color:#000;border-color:var(--accent)}.selection-guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px}.guide-item{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:16px}.guide-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.guide-icon{font-size:24px}.guide-header h4{margin:0;font-size:1rem}.guide-content p{margin:0 0 6px 0;font-size:14px}.guide-tip{color:var(--muted);font-size:13px!important}.tips-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.tip-item{background:var(--bg);border-radius:10px;padding:16px}.tip-item h4{margin:0 0 12px 0}.tip-item ul{margin:0;padding-left:20px}.tip-item li{margin:6px 0;font-size:14px;color:var(--muted)}.tip-do{border:1px solid rgba(34,197,94,.3)}.tip-do h4{color:#22c55e}.tip-dont{border:1px solid rgba(239,68,68,.3)}.tip-dont h4{color:#ef4444}.filter-group{display:flex;align-items:center}@media (max-width:768px){.tips-grid{grid-template-columns:1fr}}