/*
  Polished dark theme stylesheet
  - Cleaned up duplicates
  - Better typography, spacing, and panel styles
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&family=Orbitron:wght@500;700&display=swap');

:root{
  --bg-dark: #060713;
  --bg-soft: linear-gradient(180deg,#070911,#0b0f18);
  --muted: #9aa6b2;
  --text: #dff6ff;
  --accent: #00e5ff;
  --accent-2: #7c4dff;
  --panel-border: rgba(255,255,255,0.04);
  --panel-bg: rgba(255,255,255,0.02);
  --glass: rgba(255,255,255,0.02);
  --shadow: 0 12px 40px rgba(2,6,23,0.6);
}

*{box-sizing:border-box}
html,body{height:100%}
html,body{max-width:100%;overflow-x:hidden}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
  background: radial-gradient(800px 400px at 10% 10%, rgba(124,77,255,0.04), transparent),
              radial-gradient(600px 300px at 90% 90%, rgba(0,229,255,0.03), transparent),
              var(--bg-dark);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  padding:36px 28px;
}

.wrap{max-width:1120px;margin:0 auto}
.header{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.logo{font-family:Orbitron, Inter, sans-serif;color:var(--accent);font-weight:700;letter-spacing:1px;font-size:1.15rem}
.subtitle{color:var(--muted);font-size:0.95rem}

.hero{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start;margin-bottom:22px}
.intro{padding:20px;border-radius:12px;background:var(--panel-bg);box-shadow:var(--shadow);border:1px solid var(--panel-border)}
.intro h1{margin:0 0 8px;font-size:1.5rem}
.intro p{margin:0;color:var(--muted);line-height:1.4}

.upload-card{padding:18px;border-radius:12px;background:var(--panel-bg);border:1px solid var(--panel-border)}
.dropzone{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;padding:18px;border-radius:10px;border:2px dashed rgba(255,255,255,0.03);background:linear-gradient(180deg, rgba(255,255,255,0.01), transparent);min-height:140px;cursor:pointer;transition:all .18s ease}
.dropzone.dragover{border-color:var(--accent);box-shadow:0 8px 40px rgba(0,229,255,0.06);transform:translateY(-2px)}
.dropzone input{display:none}
.file-label{color:var(--muted);font-size:0.95rem}
.file-name{color:var(--text);font-weight:600;font-size:0.95rem}
.file-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.help{color:var(--muted);font-size:0.85rem;margin-top:8px}

.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:0;cursor:pointer;font-weight:700}
.btn-accent{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#001012}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,0.04);color:var(--text)}

.panel{padding:14px;border-radius:10px;background:var(--panel-bg);border:1px solid var(--panel-border)}

.grid-2{display:grid;grid-template-columns:1fr 380px;gap:18px}

.evidence-list{list-style:none;padding-left:0;margin:0}
.evidence-list li{padding:12px 14px;border-radius:8px;margin-bottom:10px;background:rgba(0,0,0,0.14);border-left:6px solid rgba(255,255,255,0.03);display:flex;gap:12px;align-items:flex-start}
.evidence-list li.bad{border-left-color:#ff6b6b}
.evidence-list li.good{border-left-color:#6fffc1}
.evidence-title{font-weight:700;color:var(--text);font-size:0.95rem}
.evidence-desc{color:var(--muted);font-size:0.9rem;word-break:break-word;white-space:normal}

pre{background:linear-gradient(180deg, rgba(0,0,0,0.12), rgba(0,0,0,0.08));border-radius:10px;padding:14px;border:1px solid rgba(255,255,255,0.03);color:#bfeff6;overflow:auto;font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, 'Roboto Mono', 'Courier New', monospace;font-size:0.85rem;white-space:pre-wrap;word-break:break-word}

.muted{color:var(--muted)}
.back-link{color:var(--muted);text-decoration:none;font-size:0.95rem}

footer{margin-top:26px;color:var(--muted);font-size:0.9rem}

@media (max-width:920px){
  .hero{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .upload-card{order:2}
}