@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#0f172a;--bg-secondary:#1e293b;--accent:#a78bfa;--accent-light:#c4b5fd;--accent-strong:#8b5cf6;--accent-pink:#c084fc;--text:#fafafa;--text-muted:#94a3b8;--text-soft:#cbd5e1;--border:#8b5cf64d;--card-bg:#1e293bbf}*{box-sizing:border-box;font-family:Inter,sans-serif}html,body,#root{background:var(--bg);min-height:100vh;color:var(--text);margin:0}a{color:var(--accent-light)}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:linear-gradient(#0f172a,#1e293b);flex-shrink:0;width:260px;padding:1.5rem 1rem}.sidebar-title{color:var(--accent-light);text-align:center;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600}.sidebar-card{color:var(--text-soft);background:#ffffff0d;border:1px solid #8b5cf640;border-radius:12px;margin-bottom:1rem;padding:1rem;font-size:.9rem}.sidebar-card b{color:var(--text)}.sidebar-nav{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.sidebar-nav a{color:var(--text-soft);border-radius:10px;padding:.6rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}.sidebar-nav a.active,.sidebar-nav a:hover{color:var(--accent-light);background:#8b5cf633}.sidebar-caption{text-align:center;color:var(--text-muted);margin-top:1rem;font-size:.8rem}.main-content{flex:1;max-width:1400px;padding:2rem 3rem}.hero{text-align:center;color:#fff;background:linear-gradient(#6366f1bf,#8b5cf6bf),url(https://thumbs.dreamstime.com/b/abstract-digital-network-background-glowing-connected-dots-lines-generative-ai-dynamic-depicting-interconnected-435384026.jpg) 50%/cover no-repeat;border-radius:20px;flex-direction:column;justify-content:center;min-height:360px;margin:0 0 3rem;padding:6rem 2rem;display:flex;box-shadow:0 15px 50px #6366f166}.hero h1{color:#fff;margin-bottom:.8rem;font-size:3.5rem}.hero p{opacity:.95;max-width:800px;margin:0 auto 2rem;font-size:1.3rem}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(90deg,#a78bfa,#c084fc);border:none;border-radius:999px;min-width:280px;padding:1rem 3rem;font-size:1.2rem;font-weight:700;transition:all .3s;box-shadow:0 10px 30px #a855f766}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 45px #a855f799}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:var(--accent-light);border:1px solid var(--border);cursor:pointer;background:#8b5cf626;border-radius:999px;padding:.6rem 1.5rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#8b5cf64d}.cta-wrap{justify-content:center;margin:2rem 0;display:flex}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:2rem 0 3rem;display:grid}.feature-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:16px;transition:all .3s;overflow:hidden}.feature-card:hover{border-color:var(--accent-pink);transform:translateY(-8px);box-shadow:0 20px 50px #8b5cf659}.feature-img{object-fit:cover;border-bottom:4px solid var(--accent-strong);width:100%;height:180px}.feature-content{padding:1.4rem 1.2rem}.feature-title{color:var(--accent-light);margin-bottom:.6rem;font-size:1.25rem;font-weight:600}.feature-desc{color:var(--text-soft);font-size:.95rem;line-height:1.6}.icon-row{flex-wrap:wrap;justify-content:center;gap:3rem;margin:2rem 0 3rem;display:flex}.icon-item{text-align:center;max-width:200px}.icon-item .emoji{color:var(--accent);margin-bottom:.6rem;font-size:64px}.icon-item h3{color:var(--accent-light);margin-bottom:.4rem;font-size:1.15rem}.icon-item p{color:var(--text-soft);font-size:.9rem}.section-title{text-align:center;color:var(--accent-light);margin:2.5rem 0 1rem}.section-desc{text-align:center;max-width:900px;color:var(--text-soft);margin:0 auto 2.5rem;font-size:1.05rem}.panel{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.tab-row{gap:.75rem;margin-bottom:1.5rem;display:flex}.tab-btn{border:1px solid var(--border);color:var(--text-soft);cursor:pointer;background:#ffffff08;border-radius:12px;flex:1;padding:.9rem;font-size:1rem;font-weight:600;transition:all .2s}.tab-btn.active{color:var(--accent-light);border-color:var(--accent-pink);background:linear-gradient(90deg,#a78bfa4d,#c084fc4d)}.detection-layout{grid-template-columns:3fr 1fr;gap:1.5rem;display:grid}@media (width<=900px){.detection-layout{grid-template-columns:1fr}.sidebar{display:none}.main-content{padding:1.5rem}.hero h1{font-size:2.2rem}}.result-image{border:1px solid var(--border);border-radius:12px;width:100%}.metric-card{text-align:center;background:#8b5cf626;border:1px solid #8b5cf666;border-radius:12px;margin-bottom:.8rem;padding:1rem}.metric-value{color:var(--accent-light);font-size:1.8rem;font-weight:700}.metric-label{color:var(--text-muted);margin-top:.2rem;font-size:.85rem}.metric-row{gap:.8rem;display:flex}.metric-row .metric-card{flex:1}table.results-table{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.9rem}table.results-table th,table.results-table td{text-align:left;border-bottom:1px solid var(--border);color:var(--text-soft);padding:.4rem .6rem}table.results-table th{color:var(--accent-light)}.field-label{color:var(--text-soft);margin-bottom:.4rem;font-size:.95rem;font-weight:600;display:block}.slider-row{align-items:center;gap:.8rem;display:flex}input[type=range]{accent-color:var(--accent-strong);flex:1}select,.file-drop{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:10px;padding:.6rem}.multiselect-chips{border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;gap:.4rem;max-height:140px;margin-top:.5rem;padding:.5rem;display:flex;overflow-y:auto}.chip{border:1px solid var(--border);color:var(--text-soft);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff08;border-radius:999px;padding:.25rem .7rem;font-size:.8rem}.chip.selected{color:var(--accent-light);border-color:var(--accent-pink);background:#8b5cf659}.file-drop{text-align:center;cursor:pointer;color:var(--text-muted);border-style:dashed;padding:2rem 1rem}.file-drop.has-file{color:var(--text-soft);border-style:solid}.progress-track{background:#ffffff14;border-radius:999px;width:100%;height:10px;margin:.8rem 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#a78bfa,#c084fc);height:100%;transition:width .2s}.alert{border-radius:10px;margin:1rem 0;padding:.9rem 1.1rem;font-size:.95rem}.alert-info{color:#c7d2fe;background:#6366f126;border:1px solid #6366f166}.alert-error{color:#fecaca;background:#f8717126;border:1px solid #f8717166}.alert-success{color:#bbf7d0;background:#4ade8026;border:1px solid #4ade8066}.footer-note{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);margin-top:2rem;padding:2rem 0}