@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-primary: #050508;--bg-secondary: #0a0a10;--bg-tertiary: #0f0f18;--bg-card: rgba(15, 15, 25, .6);--bg-card-hover: rgba(20, 20, 35, .8);--accent-cyan: #00f5ff;--accent-purple: #a855f7;--accent-pink: #ec4899;--accent-blue: #3b82f6;--accent-green: #22c55e;--accent-orange: #f97316;--accent-red: #ef4444;--gradient-primary: linear-gradient(135deg, #00f5ff 0%, #a855f7 50%, #ec4899 100%);--gradient-secondary: linear-gradient(135deg, #3b82f6 0%, #a855f7 100%);--gradient-danger: linear-gradient(135deg, #f97316 0%, #ef4444 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #00f5ff 100%);--gradient-card: linear-gradient(135deg, rgba(0, 245, 255, .05) 0%, rgba(168, 85, 247, .05) 100%);--gradient-glow: radial-gradient(ellipse at center, rgba(0, 245, 255, .15) 0%, transparent 70%);--text-primary: #ffffff;--text-secondary: #b4b4c4;--text-muted: #6b6b80;--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(0, 245, 255, .3);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow-cyan: 0 0 30px rgba(0, 245, 255, .3);--shadow-glow-purple: 0 0 30px rgba(168, 85, 247, .3);--shadow-glow-pink: 0 0 30px rgba(236, 72, 153, .3);--font-display: "Space Grotesk", sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-cyan),var(--accent-purple));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-purple),var(--accent-pink))}::selection{background:#00f5ff4d;color:var(--text-primary)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00f5ff4d;opacity:1}50%{box-shadow:0 0 40px #00f5ff99;opacity:.8}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3) translateY(20px)}50%{transform:scale(1.05) translateY(-5px)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}@keyframes typing-pulse{0%,60%,to{transform:translateY(0);opacity:1}30%{transform:translateY(-8px);opacity:.5}}@keyframes meter-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}@keyframes border-dance{0%,to{border-color:#00f5ff4d}33%{border-color:#a855f74d}66%{border-color:#ec48994d}}@keyframes text-glow{0%,to{text-shadow:0 0 10px rgba(0,245,255,.5)}50%{text-shadow:0 0 20px rgba(0,245,255,.8),0 0 40px rgba(0,245,255,.4)}}.gradient-text{background:var(--gradient-primary);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.glow-effect{position:relative}.glow-effect:before{content:"";position:absolute;inset:-2px;background:var(--gradient-primary);border-radius:inherit;z-index:-1;opacity:0;filter:blur(20px);transition:opacity .3s ease}.glow-effect:hover:before{opacity:.5}:root{--bg-dark: #09090b;--bg-card: #18181b;--bg-card-hover: #27272a;--primary: #3b82f6;--primary-glow: rgba(59, 130, 246, .5);--danger: #ef4444;--success: #10b981;--warning: #f59e0b;--text-main: #fafafa;--text-muted: #a1a1aa;--border: #27272a;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-main);overflow:hidden}.app{height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top right,#1e1e24 0%,var(--bg-dark) 40%)}.header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid var(--border);background:#09090bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.logo{display:flex;align-items:center;gap:.75rem}.logo-icon{font-size:1.75rem}.logo-text h1{font-size:1.25rem;font-weight:700;background:linear-gradient(90deg,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo-text .tagline{display:block;font-size:.75rem;color:var(--text-muted)}.header-stats{display:flex;gap:1rem}.stat-badge{display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:99px;font-size:.85rem}.stat-icon{font-size:1rem}.status-badge{border-color:#10b98133;background:#10b9811a;color:var(--success)}.status-badge.offline{border-color:#ef444433;background:#ef44441a;color:var(--danger)}.status-dot{width:8px;height:8px;background-color:currentColor;border-radius:50%;box-shadow:0 0 8px currentColor}.main-content{flex:1;display:grid;grid-template-columns:1fr 400px;gap:1.5rem;padding:1.5rem 2rem;overflow:hidden}.chat-panel{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 30px #0000004d}.panel-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:#18181b80}.panel-header h2{font-size:1rem;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:.5rem}.panel-header p{font-size:.8rem;color:var(--text-muted);margin-top:2px}.chat-container{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;scroll-behavior:smooth}.chat-welcome{margin:auto;text-align:center;color:var(--text-muted);max-width:400px}.welcome-icon{font-size:3rem;margin-bottom:1rem;opacity:.8}.chat-welcome h3{color:var(--text-main);margin-bottom:.5rem}.message{display:flex;width:100%}.message.scammer{justify-content:flex-end}.message.user{justify-content:flex-start}.message-bubble{max-width:80%;padding:1rem;border-radius:12px;position:relative;font-size:.95rem;line-height:1.5}.message.scammer .message-bubble{background:#2563eb;color:#fff;border-top-right-radius:2px;box-shadow:0 4px 12px #2563eb4d}.message.scammer .message-sender{color:#fffc;font-size:.7rem;font-weight:700;text-transform:uppercase;margin-bottom:4px;display:block;text-align:right}.message.user .message-bubble{background:#27272a;color:var(--text-main);border-top-left-radius:2px}.message.user .message-sender{color:var(--success);font-size:.7rem;font-weight:700;text-transform:uppercase;margin-bottom:4px;display:block}.message-time{font-size:.65rem;opacity:.6;margin-top:4px;text-align:right}.typing-indicator{padding:.5rem 1rem;background:var(--bg-card);border-radius:20px;border:1px solid var(--border);width:fit-content;display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.typing-dots{display:flex;gap:4px}.typing-dots span{width:4px;height:4px;background:var(--text-muted);border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input-area{padding:1.5rem;background:var(--bg-card);border-top:1px solid var(--border)}.quick-messages{display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto;padding-bottom:.5rem}.quick-btn{white-space:nowrap;padding:.4rem .8rem;border-radius:6px;border:1px solid var(--border);background:#ffffff08;color:var(--text-muted);font-size:.75rem;cursor:pointer;transition:all .2s}.quick-btn:hover{background:#ffffff14;color:var(--text-main);border-color:var(--text-muted)}.input-wrapper{display:flex;gap:.75rem}.input-wrapper input{flex:1;background:#09090b;border:1px solid var(--border);padding:.8rem 1rem;border-radius:8px;color:var(--text-main);font-size:.95rem;outline:none;transition:border-color .2s}.input-wrapper input:focus{border-color:var(--primary)}.send-btn{padding:0 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:filter .2s;display:flex;align-items:center;gap:.5rem}.send-btn:hover{filter:brightness(1.1)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.intel-panel{display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;padding-right:.5rem}.detection-card,.intel-card,.notes-card,.session-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-header h3{font-size:.9rem;font-weight:600;color:var(--text-main);text-transform:uppercase;letter-spacing:.05em}.detection-status{padding:.25rem .6rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.detection-status.scam{background:#ef444433;color:var(--danger)}.detection-status.suspicious{background:#f59e0b33;color:var(--warning)}.detection-status.safe{background:#10b98133;color:var(--success)}.detection-status.waiting{background:#27272a;color:var(--text-muted)}.confidence-meter{margin-bottom:1rem}.meter-track{height:6px;background:#27272a;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.meter-fill{height:100%;border-radius:3px;background:var(--primary);transition:width .5s ease}.meter-fill.danger{background:var(--danger);box-shadow:0 0 10px #ef444480}.meter-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted)}.scam-type{background:#0003;padding:.5rem;text-align:center;border-radius:6px;font-size:.85rem;color:var(--text-muted)}.intel-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.intel-item{background:#ffffff05;border:1px solid var(--border);padding:.75rem;border-radius:8px}.intel-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem;display:flex;align-items:center;gap:.4rem}.intel-values{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--primary);word-break:break-all}.intel-tags{display:flex;flex-wrap:wrap;gap:4px}.intel-tag{background:#ef444426;color:var(--danger);padding:2px 6px;border-radius:4px;font-size:.75rem}.notes-list{max-height:150px;overflow-y:auto;padding-right:.5rem}.note-item{padding:.6rem;background:#ffffff05;border-left:2px solid var(--primary);margin-bottom:.5rem;font-size:.8rem;color:var(--text-muted)}.session-details{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem}.session-item{display:flex;justify-content:space-between}.session-item code{background:#ffffff0d;padding:2px 4px;border-radius:4px;font-family:monospace}.callback-status.sent{color:var(--success)}.callback-status.pending{color:var(--warning)}.new-session-btn,.clear-btn{background:none;border:1px solid var(--border);color:var(--text-muted);padding:.2rem .6rem;border-radius:4px;cursor:pointer;font-size:.7rem}.new-session-btn:hover,.clear-btn:hover{background:var(--bg-card-hover);color:var(--text-main)}.footer{padding:.5rem 2rem;font-size:.75rem;color:var(--text-muted);background:var(--bg-card);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.tech-tag{background:#ffffff0d;padding:2px 6px;border-radius:4px}@media(max-width:900px){.main-content{grid-template-columns:1fr;overflow-y:auto;display:block}.chat-panel{height:60vh;margin-bottom:1.5rem}.intel-panel{overflow:visible}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3f3f46;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#52525b}