.app{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;min-height:100vh;display:flex}.header{text-align:center;background:#fffffff2;padding:2rem;box-shadow:0 2px 10px #0000001a}.header h1{color:#2d3748;margin:0;font-size:2.5rem}.header p{color:#718096;margin:.5rem 0 0;font-size:1.1rem}.main{flex:1;width:100%;max-width:1200px;margin:2rem auto;padding:0 2rem}.upload-section{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 20px #0000001a}.upload-section h2{color:#2d3748;margin-top:0}.file-input-group{margin-bottom:1.5rem}.file-input-group label{color:#4a5568;margin-bottom:.5rem;font-weight:600;display:block}.file-input-group input[type=file]{cursor:pointer;background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;width:100%;padding:.75rem;transition:all .3s;display:block}.file-input-group input[type=file]:hover{background:#edf2f7;border-color:#667eea}.file-name{color:#38a169;margin-top:.5rem;font-size:.9rem;display:inline-block}.options-group{grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0;display:grid}.checkbox-group{margin:0}.checkbox-group label{color:#4a5568;cursor:pointer;align-items:center;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px;margin-right:.5rem}.select-group{flex-direction:column;grid-column:1/-1;gap:.35rem;display:flex}.select-group label{color:#4a5568;font-size:.9rem}.select-group select{color:#2d3748;cursor:pointer;background-color:#fff;border:1px solid #cbd5e0;border-radius:6px;max-width:280px;padding:.4rem .6rem;font-size:.9rem;transition:border-color .2s}.select-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.select-group select:disabled{opacity:.5;cursor:not-allowed;background-color:#f7fafc}.btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:100%}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{color:#fff;background:#4a5568}.btn-secondary:hover:not(:disabled){background:#2d3748}.alert{border-radius:8px;margin-bottom:2rem;padding:1rem;text-align:center!important}.alert-error{color:#c53030;background:#fed7d7;border:1px solid #fc8181;text-align:center!important}.results-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 20px #0000001a}.results-section h2{color:#38a169;margin-top:0}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0;display:grid}.info-card{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;padding:1.5rem}.warnings-card{color:#fff;text-align:center;background:linear-gradient(135deg,#ff9318 0%,#f65904 100%);border-radius:8px;padding:.5rem}.pass-card{color:#fff;text-align:center;background:linear-gradient(135deg,#38a169 0%,#48bb78 100%);border-radius:8px;padding:.5rem}.fail-card{color:#fff;text-align:center;background:linear-gradient(135deg,#e53e3e 0%,#c53030 100%);border-radius:8px;padding:.5rem}.info-card .warning-row{justify-content:center;align-items:center;gap:.5rem;display:flex}.info-card h3{opacity:.9;margin:0;font-size:.9rem;font-weight:500}.info-card .value{margin:.5rem 0 0;font-size:1.5rem;font-weight:700}.certificates-section{margin-top:2rem}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.section-header h3{color:#2d3748;margin:0}.button-group{justify-content:flex-end;gap:.5rem;margin-top:25px;display:flex}.certificates-list{gap:1rem;display:grid}.certificate-card{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;padding:1rem;transition:all .3s}.certificate-card:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33}.certificate-card.invalid{background:#fff5f5;border-color:#fc8181}.certificate-card.status-warning{background:#fffaf0;border-color:#f6ad55}.certificate-card.status-warning:hover{border-color:#ed8936;box-shadow:0 2px 8px #ed893633}.certificate-card.status-deprecated{background:#fff5f5;border-color:#fc8181}.certificate-card.status-deprecated:hover{border-color:#e53e3e;box-shadow:0 2px 8px #e53e3e33}.cert-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.cert-index{color:#fff;background:#667eea;border-radius:20px;padding:.25rem .75rem;font-size:.9rem;font-weight:600}.error-badge{color:#fff;background:#fc8181;border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.cert-info{flex-direction:column;gap:.5rem;display:flex}.cert-field{color:#4a5568;font-size:.95rem}.cert-field strong{color:#2d3748}.cert-header-right{align-items:center;gap:.5rem;display:flex}.cert-expand-btn{color:#667eea;cursor:pointer;background:0 0;border:1px solid #667eea;border-radius:50%;justify-content:center;align-items:center;width:1.6rem;height:1.6rem;padding:0;font-size:1.1rem;line-height:1;transition:background .15s,color .15s;display:flex}.cert-expand-btn:hover{color:#fff;background:#667eea}.cert-details{border-top:1px solid #e2e8f0;flex-direction:column;gap:.4rem;margin-top:.5rem;padding-top:.5rem;display:flex}.cert-details .cert-field{word-break:break-all;font-size:.88rem}.cert-error{color:#c53030;background:#fed7d7;border-radius:4px;margin-top:.5rem;padding:.5rem;font-size:.9rem;text-align:left!important}.cert-warnings{color:#da4901;text-align:center;background:#efa628cc;border-radius:4px;margin-top:.5rem;padding:.5rem}.footer{text-align:center;color:#718096;background:#fffffff2;margin-top:2rem;padding:1.5rem;font-size:.9rem}.footer p{margin:.25rem 0}@media (width<=768px){.header h1{font-size:1.8rem}.main{padding:0 1rem}.info-grid,.options-group{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.button-group{width:100%}.button-group .btn{flex:1}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}