.reports-wrapper{background-color:#f5f5f5;min-height:100vh;display:flex;flex-direction:column}.reports-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#fff;box-shadow:0 2px 4px #0000001a;border-radius:10px}.filter-controls{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:flex-start;margin-top:10px}.search-form form{display:flex;gap:8px;align-items:center}.search-form input[type=text]{padding:8px 12px;font-size:14px;border:1px solid #ccc;border-radius:6px;width:250px;transition:border-color .3s ease}.search-form input[type=text]:focus{outline:none;border-color:#e40613;box-shadow:0 0 5px #e4061380}.search-form button{padding:8px 16px;background-color:#e40613;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .3s ease}.search-form button:hover{background-color:#c0050f}.filters{display:flex;gap:20px;align-items:center;flex-wrap:wrap;max-width:400px}.filters>div{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.filters input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#e40613}.filters label{font-size:14px;color:#333;cursor:pointer;transition:color .3s ease}.filters label:hover{color:#e40613}.reports-tab{flex:1;width:80%;padding:20px}.loader:before,.loader:after{content:"";box-sizing:border-box;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:5px solid #FFF;animation:prixClipFix 2s linear infinite}.loader:after{border-color:#ff3d00;animation:prixClipFix 2s linear infinite,rotate .5s linear infinite reverse;top:6px;right:6px;bottom:6px;left:6px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.reports-list{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:20px;min-height:700px}.filters{display:flex;gap:1rem;margin-bottom:1rem;align-items:center;flex-wrap:wrap}.filters input,.filters select{padding:8px 12px;border:1px solid #ccc;border-radius:6px;font-size:14px}.reports-footer{display:flex;justify-content:center;align-items:center;margin-top:1rem;gap:10px}.reports-footer button{padding:8px 16px;border:none;border-radius:6px;background-color:#e40613;color:#fff;cursor:pointer;font-size:14px}.reports-footer button:hover{background-color:#c0050f}.reports-footer button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 600px){.filter-controls{flex-direction:column;align-items:stretch;gap:15px}.filters{justify-content:flex-start;max-width:100%}.search-form input[type=text]{width:100%}}.report-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;padding:16px;margin:12px 0;box-shadow:0 2px 6px #0000000d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:box-shadow .3s ease}.report-card:hover{box-shadow:0 4px 12px #0000001a}.report-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid #f0f0f0;padding-bottom:8px}.report-card-body{display:flex;flex-direction:column;gap:10px}.report-info{display:flex;align-items:center;gap:8px;font-size:14px;color:#333}.report-icon{font-size:16px;color:#4a4a4a}.label{font-weight:600;color:#1a1a1a}.compatibility{display:flex;align-items:center;gap:6px;font-weight:700;font-size:14px}.compatible{color:#2e7d32}.not-compatible{color:#c62828}.status-icon{font-size:16px}.loader{width:48px;height:48px;border-radius:50%;position:relative;animation:rotate 1s linear infinite}.reports-header{display:flex;justify-content:space-between;flex:1;align-items:center;padding:20px;background-color:#fff;box-shadow:0 2px 4px #0000001a;border-radius:10px}.app-container{display:flex;flex:1;font-family:Segoe UI,sans-serif;flex-direction:column}.home-wrapper{background-color:#f5f5f5}.main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#f5f5f5;flex:1}.hero-banner{background-color:#e40613;color:#fff;padding:2rem;text-align:center}.hero-banner h1{margin:0;font-size:2.5rem}.hero-banner p{font-size:1.25rem;margin-top:.5rem}.home-content{display:flex;justify-content:center;padding:3rem 1rem}.form-section,.welcome-section{background:white;padding:2rem;border-radius:8px;max-width:400px;width:100%;box-shadow:0 0 10px #00000014;text-align:center}.signup-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.signup-form input{padding:.75rem;border:1px solid #ccc;border-radius:4px}.btn-red{background-color:#e40613;color:#fff;padding:.75rem;border:none;border-radius:4px;font-weight:700;cursor:pointer;margin-top:1rem;text-decoration:none;display:inline-block}.btn-red:hover{background-color:#c40411}.error-text{color:red;font-size:.9rem}.logout-btn{position:absolute;top:20px;right:20px;background:transparent;border:1px solid white;color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer}.logout-btn:hover{background-color:#fff;color:#e40613}.footer{background-color:#e40613;color:#fff;text-align:center;padding:1rem;bottom:0}