:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #2c3e50;--secondary-color: #3498db;--danger-color: #e74c3c;--warning-color: #f1c40f;--success-color: #2ecc71;--background-color: #f5f6fa;--text-color: #2c3e50;--border-color: #ddd;--tab-hover: #edf2f7}.app{font-family:Arial,sans-serif;background-color:var(--primary-color);width:100vw;min-height:100vh;height:auto}.holder{text-align:center;width:90%;margin:0 auto;padding:20px}.url-input{padding:0 0 1rem}@media (min-width: 768px){.app{padding:2rem}}.inp{width:80%;padding:1rem;margin:1rem;border:1px solid #ccc;border-radius:10px;font-size:1rem}.header{text-align:center;margin-bottom:2rem}.header h1{color:var(--background-color);font-size:1.8rem}@media (min-width: 768px){.header h1{font-size:2.5rem}}.main{background-color:#0000001a;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:80vw;margin:20vh auto 0;color:var(--background-color);padding:0 20px}@media (min-width: 768px){.main{padding:2rem}}.assessment-report{margin-top:1rem}.overall-score{text-align:center;margin-bottom:1.5rem}.score{font-size:2rem;font-weight:700;padding:1rem;border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin:1rem auto;color:#fff}@media (min-width: 768px){.score{font-size:2.5rem;width:120px;height:120px}}.report-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.tab-btn{flex:1;min-width:calc(50% - .5rem);padding:.8rem;background:none;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--secondary-color);transition:all .2s}@media (min-width: 768px){.tab-btn{min-width:auto;flex:0 1 auto;padding:.8rem 1.5rem}}.tab-btn.active{background-color:var(--secondary-color);color:#fff;border-color:var(--secondary-color)}.tab-btn:hover:not(.active){background-color:var(--tab-hover)}.tab-content{margin-top:1.5rem}.summary-tab{display:grid;gap:1.5rem}@media (min-width: 768px){.summary-tab{grid-template-columns:repeat(2,1fr)}}.vulnerability-item{border:1px solid var(--border-color);border-radius:4px;padding:1rem;margin-bottom:1rem;text-align:left}@media (min-width: 768px){.vulnerability-item{padding:1.5rem}}.vulnerability-item h4{margin:0 0 .5rem;font-size:1.1rem}.ai-analysis-tab{display:grid;gap:1.5rem}.analysis-section{background-color:var(--primary-color);padding:1rem;border-radius:4px;text-align:left}@media (min-width: 768px){.analysis-section{padding:1.5rem}}.scan-result{border:1px solid var(--border-color);border-radius:4px;margin-bottom:1.5rem;text-align:left;padding:1rem;text-wrap:wrap;overflow-x:scroll}.scan-header{padding:1rem;background-color:var(--background-color);border-radius:4px 4px 0 0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center}.scan-details{padding:1rem}@media (min-width: 768px){.scan-details{padding:1.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}}.scan-findings{margin-top:1rem}@media (min-width: 768px){.scan-findings{margin-top:0}}.finding{display:flex;flex-wrap:wrap;gap:.5rem;padding:.8rem;border-radius:4px;margin-bottom:.5rem;background-color:var(--background-color)}.finding-severity{font-weight:700;padding:.2rem .5rem;border-radius:4px;font-size:.9rem}.risk-level{display:inline-block;padding:.3rem .8rem;border-radius:4px;color:#fff;font-weight:700}.risk-high,.critical{background-color:var(--danger-color)}.risk-medium,.warning{background-color:var(--warning-color)}.risk-low,.success{background-color:var(--success-color)}.scan-status{padding:.3rem .8rem;border-radius:4px;font-weight:700}.completed{background-color:var(--success-color);color:#fff}.in-progress{background-color:var(--warning-color);color:var(--text-color)}.failed{background-color:var(--danger-color);color:#fff}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000!important}.loading-overlay2{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:block;justify-content:center;align-items:center;z-index:4000!important}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;width:20px;height:20px;animation:spin 2s linear infinite}.backg{height:50px;width:50px;background-color:#0006;border-radius:10px;display:flex;justify-content:center;align-items:center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
