.n4a-rangeSwitcher{flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 8px;display:flex}.n4a-rangeBtn{color:#78350f;cursor:pointer;background:#fff;border:1px solid #d977064d;border-radius:9999px;padding:8px 18px;font-size:13px;font-weight:700;transition:all .15s}.n4a-rangeBtn:hover{background:#fef3c780;border-color:#d977068c}.n4a-rangeBtn.active{color:#fff;background:linear-gradient(135deg,#d97706,#f59e0b);border-color:#d97706;box-shadow:0 4px 12px #d977064d}.n4a-totalBadge{text-align:center;color:#64748b;margin:8px 0 18px;font-size:13px}.n4a-totalBadge strong{color:#d97706;font-weight:900}.n4a-section{background:#ffffffeb;border:1px solid #94a3b859;border-radius:18px;margin-top:22px;padding:20px 16px;box-shadow:0 10px 26px #0f172a0f}.n4a-section h2{color:#0f172a;align-items:center;gap:8px;margin:0 0 6px;font-size:17px;font-weight:900;display:flex}.n4a-section h2:before{content:"";background:linear-gradient(#d97706,#f59e0b);border-radius:3px;flex-shrink:0;width:5px;height:22px;display:inline-block}.n4a-desc{color:#64748b;margin:0 0 14px;font-size:13px;line-height:1.7}.n4a-digitGrid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.n4a-digitCard{background:#fef3c72e;border:1px solid #d9770626;border-radius:14px;padding:12px 8px}.n4a-digitCard h3{color:#78350f;text-align:center;margin:0 0 8px;font-size:14px;font-weight:800}.n4a-table{border-collapse:collapse;width:100%;font-size:13px}.n4a-table th{color:#fff;text-align:center;white-space:nowrap;background:linear-gradient(135deg,#d97706,#f59e0b);padding:8px 10px;font-weight:700}.n4a-table th:first-child{border-radius:10px 0 0}.n4a-table th:last-child{border-radius:0 10px 0 0}.n4a-table td{text-align:center;color:#334155;border-bottom:1px solid #94a3b833;padding:8px 10px}.n4a-table tbody tr:nth-child(2n){background:#fef3c780}.n4a-table tbody tr:hover{background:#d9770614}.n4a-dtfGrid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.n4a-dtfCard{text-align:center;background:linear-gradient(#fff 0%,#fef3c74d 100%);border:1px solid #d9770633;border-radius:14px;padding:14px 10px;transition:transform .15s}.n4a-dtfCard:hover{transform:translateY(-2px)}.n4a-dtfLabel{color:#64748b;margin:0 0 4px;font-size:12px;font-weight:600}.n4a-dtfCount{color:#d97706;margin:0;font-size:26px;font-weight:900;line-height:1.2}.n4a-dtfRate{color:#78350f;margin:2px 0 0;font-size:13px;font-weight:700}.n4a-infoGrid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.n4a-infoCard{background:linear-gradient(#fff 0%,#fef3c733 100%);border:1px solid #d9770633;border-radius:14px;padding:16px}.n4a-infoCard h3{color:#78350f;margin:0 0 6px;font-size:14px;font-weight:800}.n4a-infoCard p{color:#475569;margin:0;font-size:13px;line-height:1.7}.n4a-loading{color:#d97706;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 0;display:flex}.n4a-spinner{border:4px solid #d9770633;border-top-color:#d97706;border-radius:50%;width:40px;height:40px;animation:.7s linear infinite n4aSpin}@keyframes n4aSpin{to{transform:rotate(360deg)}}.n4a-error{text-align:center;color:#dc2626;padding:40px 0}.n4a-error button{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #dc2626;border-radius:8px;margin-top:10px;padding:8px 20px;font-weight:700}.n4a-tooltip{background:#fffffff5;border:1px solid #d977064d;border-radius:10px;padding:8px 12px;font-size:13px;box-shadow:0 4px 12px #0000001a}.n4a-tooltip p{color:#334155;margin:2px 0}.n4a-tooltip .label{color:#78350f;font-weight:700}.n4a-bottomNav{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px;display:grid}.n4a-bottomNav a{color:#78350f;text-align:center;background:linear-gradient(#fff 0%,#fef3c733 100%);border:1px solid #d9770633;border-radius:14px;padding:14px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.n4a-bottomNav a:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d9770626}.n4a-insight{color:#334155;background:#d977060f;border-left:3px solid #d97706;border-radius:4px;margin:8px 0 20px;padding:10px 14px;font-size:.88rem;line-height:1.7}.n4a-note{color:#64748b;text-align:center;margin-top:20px;font-size:12px;line-height:1.75}@media (max-width:640px){.n4a-digitGrid,.n4a-bottomNav{grid-template-columns:1fr}.n4a-dtfGrid{grid-template-columns:repeat(2,1fr)}.n4a-section{padding:16px 12px}}
