.header{background:#243447;border-bottom:1px solid #6496c833;box-shadow:0 4px 12px #0006;color:#fff;overflow:hidden;padding:2rem 2rem 1.5rem;position:relative}.header:before{background:linear-gradient(90deg,#0000,#6496c80d 50%,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-content{gap:2rem;justify-content:space-between;margin:0 auto;max-width:1400px;position:relative;z-index:1}.header-content,.header-left,.logo-image{align-items:center;display:flex}.logo-image{background:#ffffff0d;border:2px solid #6496c84d;border-radius:12px;box-shadow:0 4px 12px #0000004d;height:160px;justify-content:center;padding:8px;transition:all .3s ease;width:160px}.logo-image:hover{border-color:#6496c880;box-shadow:0 6px 16px #0006;transform:scale(1.05)}.logo-image img,.logo-image svg{display:block;height:100%;object-fit:contain;width:100%}.header-right{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.stat-card{background:#6496c826;border:1px solid #6496c84d;border-radius:12px;box-shadow:0 2px 8px #0000004d;padding:.75rem 1.5rem;transition:all .3s ease}.stat-card:hover{background:#6496c833;box-shadow:0 4px 12px #0006;transform:translateY(-2px)}.stat-label{color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.stat-value{color:#f1f5f9;font-size:1.75rem;font-weight:700}.stat-value-small{color:#e2e8f0;font-size:.9rem;font-weight:600;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.header-content{align-items:flex-start;flex-direction:column}.header-right{align-items:stretch;flex-direction:column;width:100%}.stat-card{flex:1 1}.stat-value-small{max-width:100%;white-space:normal}.logo-image{height:70px;width:70px}}.file-select{background:#0000;border:1px solid #6496c84d;border-radius:8px;color:#e2e8f0;font-size:.9rem;margin-top:.25rem;max-width:300px;padding:.5rem;transition:all .3s ease;width:100%}.file-select:hover{border-color:#6496c880;box-shadow:0 2px 8px #0000004d}.file-select:focus{border-color:#64a3d8;box-shadow:0 0 0 2px #6496c833;outline:none}option{background:#243447;color:#e2e8f0}.score-display{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:2rem 0}.score-container{background:#2c3e5066;border:1px solid #6496c84d;border-radius:50%;box-shadow:0 4px 16px #0006;height:240px;padding:1rem;position:relative;transition:opacity .3s ease;width:240px}.score-container.faded{opacity:.4}.score-circle{height:100%;width:100%}.score-circle-bg{stroke:#96c8ff4d;opacity:.15}.score-circle-progress{transition:stroke-dashoffset 1s ease-out,stroke .3s ease}.score-content{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.score-value{font-size:4rem;font-weight:700;line-height:1;transition:color .3s ease}.score-label{color:#94a3b8;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-top:.25rem;text-transform:uppercase}.score-grade{font-size:1.1rem;font-weight:600;letter-spacing:1px;margin-top:.5rem;text-transform:uppercase;transition:color .3s ease}.score-warning{align-items:center;background:#ef444426;border:2px solid #ef4444;border-radius:12px;box-shadow:0 2px 8px #ef44444d;color:#fca5a5;display:flex;font-weight:600;gap:.75rem;padding:1rem 1.5rem}.warning-icon{font-size:1.5rem;line-height:1}@media (max-width:768px){.score-container{height:200px;width:200px}.score-value{font-size:3rem}}.example-text{background:#2c3e504d;border:1px solid #6496c840;border-radius:12px;box-shadow:0 1px 3px #0000004d;margin-bottom:1rem;padding:1rem;transition:all .2s ease}.example-text:hover{background:#2c3e5066;border-color:#6496c866;box-shadow:0 2px 6px #0006;transform:translateX(4px)}.example-text:last-child{margin-bottom:0}.example-header{margin-bottom:.75rem}.example-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.severity-badge{border:1.5px solid;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.25rem .6rem;text-transform:uppercase}.check-type{color:#cbd5e1;font-size:.75rem;font-weight:500}.check-type.hard-requirement{color:#fca5a5;font-weight:600}.example-content{display:flex;flex-direction:column;gap:.75rem}.example-quote{background:#3b82f61a;border-left:4px solid #3b82f6;border-radius:8px;box-shadow:0 1px 3px #0000004d;color:#e2e8f0;font-size:.95rem;font-style:italic;line-height:1.6;padding:.875rem 1rem}.example-description{align-items:flex-start;color:#94a3b8;display:flex;font-size:.875rem;gap:.5rem;line-height:1.5}.description-icon{flex-shrink:0;font-size:1rem;margin-top:.1rem}@media (max-width:768px){.example-text{padding:.875rem}.example-quote{font-size:.875rem}}.category-card{background:#2c3e5066;border:1px solid #6496c840;border-radius:16px;box-shadow:0 4px 12px #0006;overflow:hidden;transition:all .3s ease}.category-card:hover{background:#2c3e5080;border-color:#6496c866;box-shadow:0 6px 20px #00000080;transform:translateY(-4px)}.category-card.has-failures{border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.category-card.has-failures:hover{box-shadow:0 6px 20px #ef444466}.category-header{cursor:pointer;padding:1.5rem;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.category-header:hover{background:#6496c81a}.category-card.has-failures .category-header:hover{background:#ef44441a}.category-title{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.category-icon{font-size:1.75rem;line-height:1}.category-title h3{color:#f1f5f9;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.issue-badge{background:#ef4444;border-radius:12px;color:#fff;font-size:.75rem;font-weight:700;min-width:1.5rem;padding:.25rem .6rem;text-align:center}.category-summary{align-items:center;display:flex;gap:2rem}.summary-item{display:flex;flex-direction:column;gap:.25rem}.summary-label{color:#94a3b8;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:#e2e8f0;font-size:1.1rem;font-weight:600}.summary-value.passed{color:#10b981}.summary-value.failed{color:#ef4444}.expand-icon{color:#94a3b8;font-size:.875rem;margin-left:auto;transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.category-content{animation:slideDown .3s ease;border-top:1px solid #6496c833;padding:0 1.5rem 1.5rem}.category-card.has-failures .category-content{border-top-color:#ef44444d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.issues-list h4{color:#cbd5e1;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:1.5rem 0 1rem;text-transform:uppercase}.no-issues{align-items:center;color:#10b981;display:flex;gap:.75rem;justify-content:center;padding:2rem;text-align:center}.no-issues-icon{font-size:1.5rem}.no-issues p{color:#cbd5e1;font-weight:500;margin:0}@media (max-width:768px){.category-summary{align-items:flex-start;flex-direction:column;gap:1rem}.expand-icon{position:absolute;right:1.5rem;top:1.5rem}}.app{background:#1a2332;min-height:100vh;position:relative}.app:before{background:radial-gradient(circle at 20% 50%,#2c3e5066 0,#0000 50%),radial-gradient(circle at 80% 80%,#34495e66 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.main-content{padding:2rem 1rem 4rem;position:relative;z-index:1}.content-wrapper{margin:0 auto;max-width:1400px}.categories-section{margin-top:3rem}.section-title{color:#f1f5f9;font-size:1.5rem;font-weight:700;letter-spacing:2px;margin-bottom:1.5rem;padding:0 .5rem;text-transform:uppercase}.categories-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#fff;height:60px;margin-bottom:1.5rem;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.loading-state p{color:#f1f5f9;font-size:1.1rem;font-weight:500}.error-state{background:#ef444426;border:2px solid #ef4444;border-radius:16px;box-shadow:0 4px 12px #ef44444d;margin:2rem auto;max-width:600px}.error-icon{font-size:4rem;margin-bottom:1rem}.error-state h2{color:#fca5a5;font-size:1.75rem;margin:0 0 .5rem}.error-state p{color:#fca5a5;font-size:1rem;margin:0}@media (max-width:768px){.main-content{padding:1.5rem .75rem 3rem}.section-title{font-size:1.25rem;padding:0}.categories-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width:550px){.categories-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.04370058.css.map*/