.technical-indicators{background:linear-gradient(160deg,#0d1526,#111e36);border:1px solid hsla(0,0%,100%,.07);border-radius:16px;padding:24px;margin-bottom:24px;animation:fadeInUp .5s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.indicators-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.indicators-header h3{font-family:"DM Serif Display",serif;font-size:20px;color:#f8fafc;margin:0;font-weight:600}.period-selector{display:flex;gap:6px;background:hsla(0,6%,69%,.03);padding:4px;border-radius:10px;border:1px solid hsla(0,0%,100%,.05)}.period-btn{padding:6px 12px;border:none;background:transparent;color:#64748b;font-size:12px;font-weight:500;font-family:DM Sans,sans-serif;border-radius:6px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}.period-btn:hover{background:hsla(0,0%,100%,.05);color:#94a3b8}.period-btn.active{background:rgba(56,189,248,.15);color:#38bdf8;border:1px solid rgba(56,189,248,.25)}.indicators-error,.indicators-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:#64748b;font-size:14px}.loading-spinner{width:20px;height:20px;border:2px solid rgba(56,189,248,.2);border-top-color:#38bdf8;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.overall-signal{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:16px 20px;margin-bottom:20px}.signal-label{font-size:14px;font-weight:600;color:#94a3b8;font-family:DM Sans,sans-serif}.signal-badge{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-family:DM Mono,monospace}.indicators-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.indicator-card{background:linear-gradient(135deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.06));border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:16px;text-align:center;transition:transform .2s ease,border-color .2s ease}.indicator-card:hover{transform:translateY(-2px);border-color:rgba(56,189,248,.2)}.indicator-title{font-size:12px;font-weight:600;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em;font-family:DM Sans,sans-serif}.indicator-value{font-size:18px;color:#f1f5f9;margin-bottom:8px}.indicator-signal,.indicator-value{font-weight:700;font-family:DM Mono,monospace}.indicator-signal{display:inline-block;padding:4px 10px;border-radius:12px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.signals-section{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:12px;padding:20px}.signals-section h4{font-family:"DM Serif Display",serif;font-size:16px;color:#f1f5f9;margin:0 0 16px;font-weight:600}.signals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px}.signal-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:8px;transition:background .2s ease}.signal-item:hover{background:hsla(0,0%,100%,.04)}.signal-name{font-size:13px;font-weight:500;color:#94a3b8;font-family:DM Sans,sans-serif}.signal-value{padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,monospace}@media (max-width:768px){.technical-indicators{padding:16px;margin-bottom:16px}.indicators-header{flex-direction:column;align-items:flex-start;gap:12px}.period-selector{width:100%;justify-content:space-between}.period-btn{flex:1 1;text-align:center;padding:8px 4px;font-size:11px}.indicators-grid{grid-template-columns:repeat(2,1fr);gap:12px}.signals-grid{grid-template-columns:1fr}.overall-signal{flex-direction:column;gap:12px;text-align:center}.indicator-value{font-size:16px}}@media (max-width:480px){.indicators-grid{grid-template-columns:1fr}.period-btn{font-size:10px;padding:6px 2px}}