@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#080810;min-height:100vh;font-family:Inter,sans-serif}.app{max-width:960px;margin:0 auto;padding:2.5rem 2rem}.header{align-items:center;gap:14px;margin-bottom:2rem;display:flex}.header-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.header h1{color:#f1f5f9;font-size:22px;font-weight:700}.header p{color:#64748b;margin-top:2px;font-size:13px}.tabs{background:#0f0f1a;border:1px solid #1e1e2e;border-radius:12px;gap:2px;width:fit-content;margin-bottom:2rem;padding:4px;display:flex}.tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.tab:hover{color:#94a3b8;background:#1a1a2e}.tab.active{color:#fff;background:#6366f1}.label{color:#64748b;letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:500}input,textarea,select{color:#e2e8f0;background:#0f0f1a;border:1px solid #1e1e2e;border-radius:10px;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s}input:focus,textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}textarea{resize:vertical;min-height:130px;line-height:1.6}.btn{cursor:pointer;border:none;border-radius:10px;padding:10px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:#94a3b8;background:#0f0f1a;border:1px solid #1e1e2e}.btn-secondary:hover{color:#e2e8f0;background:#1a1a2e;border-color:#2e2e4e}.grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.gap{flex-direction:column;gap:14px;display:flex}.result-card{background:#0f0f1a;border:1px solid #1e1e2e;border-radius:16px;margin-top:1rem;padding:1.75rem;position:relative;overflow:hidden}.result-card:before{content:"";background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);height:3px;position:absolute;top:0;left:0;right:0}.result-top{align-items:center;gap:16px;margin-bottom:1.25rem;display:flex}.verdict-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.verdict{letter-spacing:-.5px;font-size:26px;font-weight:700}.verdict.spam{color:#f87171}.verdict.ham{color:#4ade80}.verdict.phishing{color:#fbbf24}.verdict.promotional{color:#60a5fa}.icon-spam{background:#f8717126}.icon-ham{background:#4ade8026}.icon-phishing{background:#fbbf2426}.icon-promotional{background:#60a5fa26}.confidence-label{color:#64748b;justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.confidence-bar{background:#1e1e2e;border-radius:3px;height:6px;overflow:hidden}.confidence-fill{border-radius:3px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.fill-spam{background:linear-gradient(90deg,#ef4444,#f87171)}.fill-ham{background:linear-gradient(90deg,#22c55e,#4ade80)}.fill-phishing{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.fill-promotional{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.section-label{color:#475569;letter-spacing:.8px;text-transform:uppercase;margin:1.25rem 0 8px;font-size:11px;font-weight:600}.reasons{flex-wrap:wrap;gap:8px;display:flex}.reason-tag{border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500}.reason-tag.danger{color:#f87171;background:#ef44441a;border:1px solid #ef444433}.reason-tag.warn{color:#fbbf24;background:#f59e0b1a;border:1px solid #f59e0b33}.reason-tag.normal{color:#64748b;background:#1a1a2e;border:1px solid #1e1e2e}.feedback-row{border-top:1px solid #1e1e2e;align-items:center;gap:8px;margin-top:1.25rem;padding-top:1.25rem;display:flex}.feedback-row span{color:#64748b;flex:1;font-size:13px}.fb-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #1e1e2e;border-radius:8px;padding:6px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:all .2s}.fb-btn:hover{color:#e2e8f0;background:#1a1a2e}.fb-btn.selected{color:#fff;background:#6366f1;border-color:#6366f1}.history-item{cursor:default;background:#0f0f1a;border:1px solid #1e1e2e;border-radius:12px;margin-bottom:8px;padding:14px 18px;transition:border-color .2s,transform .2s}.history-item:hover{border-color:#2e2e4e;transform:translate(2px)}.hi-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.hi-subject{color:#e2e8f0;font-size:14px;font-weight:500}.mini-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.badge-spam{color:#f87171;background:#ef44441a}.badge-ham{color:#4ade80;background:#22c55e1a}.badge-phishing{color:#fbbf24;background:#f59e0b1a}.badge-promotional{color:#60a5fa;background:#3b82f61a}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:1.5rem;display:grid}.stat-card{background:#0f0f1a;border:1px solid #1e1e2e;border-radius:14px;padding:1.25rem;position:relative;overflow:hidden}.stat-card:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0}.stat-card:first-child:after{background:#6366f1}.stat-card:nth-child(2):after{background:#ef4444}.stat-card:nth-child(3):after{background:#22c55e}.stat-card:nth-child(4):after{background:#8b5cf6}.stat-label{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:500}.stat-value{font-size:28px;font-weight:700}.chart-card{background:#0f0f1a;border:1px solid #1e1e2e;border-radius:14px;padding:1.5rem}.chart-title{color:#94a3b8;letter-spacing:.3px;margin-bottom:1.25rem;font-size:13px;font-weight:600}