.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite loading}.skeleton-text{border-radius:4px;height:1em;margin-bottom:.5em}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-card{border-radius:16px;height:120px}.skeleton-badge{border-radius:20px;width:80px;height:24px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:.5s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#dataContent{opacity:0;transition:opacity .5s}#dataContent.visible{opacity:1}.data-card{background:var(--panel);border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);border-radius:20px;transition:all .3s}.data-card:hover{border-color:#e11d484d;transform:translateY(-2px);box-shadow:0 20px 60px #0000004d}.stat-card{background:var(--panel2);border:1px solid var(--border);border-radius:16px;padding:1.5rem;transition:all .3s}.stat-card:hover{border-color:#3b82f64d;transform:translateY(-3px)}.badge-risk{letter-spacing:.5px;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge-risk.critical{color:#dc2626;background:#dc262626;border:1px solid #dc26264d}.badge-risk.high{color:#e11d48;background:#e11d4826;border:1px solid #e11d484d}.badge-risk.medium{color:#eab308;background:#eab30826;border:1px solid #eab3084d}.badge-risk.low{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.badge-risk.informational{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f64d}.accordion-button-custom{border:1px solid var(--border);text-align:left;background:0 0;border-radius:12px;width:100%;padding:1rem 1.25rem;font-weight:600;transition:all .3s}.accordion-button-custom:hover{background:#ffffff08;border-color:#e11d4866}.accordion-button-custom[aria-expanded=true]{background:#e11d481a;border-color:#e11d4866}.table-custom{background:var(--panel2);border:1px solid var(--border);border-radius:12px;overflow:hidden}.table-custom th{border-bottom:1px solid var(--border);background:#0003;padding:1rem;font-weight:600}.table-custom td{border-bottom:1px solid var(--border);padding:.75rem 1rem}.table-custom tr:last-child td{border-bottom:none}.tag-pill{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;margin:.25rem;padding:.25rem .75rem;font-size:.75rem;display:inline-block}.progress-bar{background:var(--border);border-radius:3px;height:6px;margin-top:.5rem;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .5s}.progress-fill.critical{background:#dc2626}.progress-fill.high{background:#e11d48}.progress-fill.medium{background:#eab308}.progress-fill.low{background:#22c55e}.progress-fill.informational{background:var(--muted2)}.loading-overlay{background:var(--bg);z-index:9999;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.loading-overlay.hidden{opacity:0;pointer-events:none}.scan-line{background:linear-gradient(90deg,transparent,var(--red),var(--blue),transparent);height:2px;animation:2s linear infinite scan;position:absolute;top:0;left:0;right:0}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-card{text-align:center;background:#e11d481a;border:1px solid #e11d484d;border-radius:16px;padding:2rem}.email-provider-icon{background:var(--panel2);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.risk-factor{border-left:3px solid var(--red);background:#e11d480d;border-radius:8px;margin-bottom:.5rem;padding:.75rem}.recommendation-card{background:#22c55e0d;border-left:3px solid #22c55e;border-radius:8px;margin-bottom:.5rem;padding:1rem}.phone-card{background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:1rem;transition:all .3s}.phone-card:hover{border-color:#3b82f64d;transform:translateY(-2px)}.breach-timeline{border-left:2px solid var(--border);margin-left:1rem;padding-left:1.5rem}.timeline-item{margin-bottom:1.5rem;position:relative}.timeline-item:before{content:"";background:var(--red);border:2px solid var(--bg);border-radius:50%;width:12px;height:12px;position:absolute;top:.25rem;left:-1.75rem}.flex.items-center.gap-4>div{min-width:0}#dataContent h1,#dataContent code{overflow-wrap:anywhere}
