:root{--bg-color: #f8fafc;--card-bg: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border-color: #e2e8f0;--primary-color: #4f46e5;--primary-hover: #4338ca;--danger-color: #ef4444;--warning-color: #f59e0b;--success-color: #10b981;--font-family: "IBM Plex Sans Arabic", sans-serif}[data-theme=dark]{--bg-color: #0f172a;--card-bg: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: #334155}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);transition:background-color .3s,color .3s;line-height:1.6;padding-bottom:50px}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:var(--card-bg);border-bottom:1px solid var(--border-color);padding:20px 0;margin-bottom:30px;transition:background-color .3s,border-color .3s}.header-content{display:flex;justify-content:space-between;align-items:center}.logo-area h1{color:var(--primary-color);font-size:1.8rem;margin-bottom:5px}.logo-area p{color:var(--text-muted);font-size:.95rem}.main-nav{display:flex;gap:15px;margin-bottom:30px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.nav-link{text-decoration:none;color:var(--text-muted);font-weight:600;padding:8px 16px;border-radius:8px;transition:all .2s}.nav-link:hover{background-color:#4f46e50d;color:var(--primary-color)}.nav-link.active{background-color:var(--primary-color);color:#fff}.btn-icon{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-main);padding:10px;border-radius:50%;transition:background-color .2s}.btn-icon:hover{background-color:#0000000d}[data-theme=dark] .btn-icon:hover{background-color:#ffffff1a}.stats-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center;box-shadow:0 2px 4px #00000005;transition:background-color .3s,border-color .3s}.stat-card h3{font-size:1rem;color:var(--text-muted);margin-bottom:10px}.stat-value{font-size:2rem;font-weight:700}.stat-card.danger .stat-value{color:var(--danger-color)}.stat-card.warning .stat-value{color:var(--warning-color)}.stat-card.success .stat-value{color:var(--success-color)}.main-grid{display:grid;grid-template-columns:1fr;gap:30px}@media(min-width:992px){.main-grid{grid-template-columns:1fr 1fr}}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 2px 4px #00000005;transition:background-color .3s,border-color .3s}.card h2{font-size:1.3rem;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}textarea,input[type=url]{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-color);color:var(--text-main);font-family:inherit;resize:vertical;transition:border-color .2s,box-shadow .2s,background-color .3s,color .3s}textarea:focus,input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.btn-primary{background-color:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;width:100%;transition:background-color .2s;font-family:inherit}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.samples-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:600px){.samples-grid{grid-template-columns:1fr}}.sample-btn{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-main);padding:12px 10px;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.9rem;transition:all .2s;text-align:right}.sample-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.hidden{display:none!important}#loading-indicator{text-align:center;margin-top:20px;color:var(--text-muted)}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{to{transform:rotate(360deg)}}.score-container{display:flex;align-items:center;gap:30px;margin-bottom:30px}.score-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;background:conic-gradient(var(--score-color) var(--score-deg),var(--border-color) 0deg);position:relative;flex-shrink:0}.score-circle:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;background-color:var(--card-bg);border-radius:50%;transition:background-color .3s}.score-circle span{position:relative;z-index:1}.score-details h3{font-size:1.5rem;margin-bottom:5px;color:var(--score-color)}.categories-breakdown,.evidence-section,.recommendations{margin-bottom:25px}.categories-breakdown h3,.evidence-section h3,.recommendations h3{font-size:1.1rem;margin-bottom:15px;color:var(--text-muted)}.category-bar{margin-bottom:12px}.category-label{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:5px}.progress-track{height:8px;background-color:var(--border-color);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:var(--primary-color);border-radius:4px;transition:width .5s ease-out}.evidence-item{background-color:var(--bg-color);border-right:4px solid var(--danger-color);padding:15px;margin-bottom:10px;border-radius:4px;font-size:.95rem;transition:background-color .3s}.evidence-item strong{color:var(--danger-color);background-color:#ef44441a;padding:0 4px;border-radius:4px}.keyword-badge{display:inline-block;background-color:#ef44441a;color:var(--danger-color);padding:4px 10px;border-radius:12px;font-size:.8rem;margin-left:5px;margin-bottom:5px;font-weight:500}.recommendations ul{list-style-position:inside;padding-right:10px}.recommendations li{margin-bottom:10px;font-size:.95rem}.ai-analysis-section{margin-top:0;margin-bottom:35px;position:relative}.ai-content{background:linear-gradient(135deg,#4f46e508,#10b98108);border:1px solid rgba(79,70,229,.15);border-radius:12px;padding:20px}[data-theme=dark] .ai-content{background:linear-gradient(135deg,#4f46e514,#10b98114);border-color:#4f46e54d}.ai-header h3{color:var(--primary-color);font-size:1.15rem;margin-bottom:15px;display:flex;align-items:center;gap:8px}.ai-content h3{font-size:1.05rem;color:var(--text-main);margin-top:20px;margin-bottom:10px;padding-bottom:5px;border-bottom:1px dashed var(--border-color)}.ai-content h3:first-child{margin-top:0}.ai-content p{margin-bottom:15px;font-size:.95rem;line-height:1.7}.ai-content ul{margin-bottom:15px;padding-right:20px}.ai-content li{margin-bottom:8px;font-size:.95rem}.ai-sources{margin-top:25px;padding-top:15px;border-top:1px solid var(--border-color)}.ai-sources h4{font-size:1rem;margin-bottom:12px;color:var(--text-muted)}.ai-sources ul{list-style:none;padding:0}.ai-sources li{margin-bottom:8px;font-size:.9rem}.ai-sources a{color:var(--primary-color);text-decoration:none;font-weight:500}.ai-sources a:hover{text-decoration:underline}.ai-sources .domain{color:var(--text-muted);font-size:.8rem;margin-right:5px}.text-danger{color:var(--danger-color)}.history-item{padding:15px 0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.history-item:last-child{border-bottom:none}.history-text{font-size:.9rem;color:var(--text-muted);max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-badge{padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.badge-high{background-color:#ef44441a;color:var(--danger-color)}.badge-medium{background-color:#f59e0b1a;color:var(--warning-color)}.badge-low{background-color:#10b9811a;color:var(--success-color)}.sources-list{list-style:none}.sources-list li{margin-bottom:12px}.sources-list a{color:var(--primary-color);text-decoration:none;font-weight:500;display:flex;align-items:center;gap:8px;transition:color .2s}.sources-list a:before{content:"🔗";font-size:.9rem}.sources-list a:hover{text-decoration:underline;color:var(--primary-hover)}.text-muted{color:var(--text-muted)}.btn-secondary{background-color:var(--bg-color);color:var(--text-main);border:1px solid var(--border-color);padding:10px 20px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font-family)}.btn-secondary:hover{background-color:var(--border-color)}.highlight-suspicious{background-color:#ef444433;color:var(--danger-color);padding:2px 4px;border-radius:4px;font-weight:600}.file-input{display:block;width:100%;padding:10px;border:1px dashed var(--border-color);border-radius:8px;background-color:var(--bg-color);color:var(--text-main);cursor:pointer;font-family:var(--font-family)}.file-input:focus{outline:none;border-color:var(--primary-color)}