@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#111827a6;--bg-card-hover:#1e293bbf;--bg-glass:#0f172a8c;--border-glass:#63b3ed26;--border-active:#38bdf866;--accent-cyan:#38bdf8;--accent-blue:#3b82f6;--accent-purple:#a78bfa;--accent-green:#34d399;--accent-amber:#fbbf24;--accent-red:#f87171;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--gradient-hero:linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);--gradient-accent:linear-gradient(135deg, #38bdf8 0%, #a78bfa 100%);--gradient-card:linear-gradient(135deg, #38bdf814 0%, #a78bfa14 100%);--shadow-glow:0 0 30px #38bdf81f;--shadow-card:0 4px 24px #00000059;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}html{font-size:16px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}#root{min-height:100vh;display:flex}.app-layout{width:100%;min-height:100vh;display:flex}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-glass);z-index:100;flex-direction:column;width:260px;min-height:100vh;padding:0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid var(--border-glass);padding:28px 24px 20px}.sidebar-brand h1{background:var(--gradient-accent);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-size:1.15rem;font-weight:700}.sidebar-brand p{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin-top:4px;font-size:.7rem}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.sidebar-nav a{border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:12px;padding:12px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav a:hover{color:var(--text-primary);background:#38bdf814}.sidebar-nav a.active{color:var(--accent-cyan);box-shadow:inset 3px 0 0 var(--accent-cyan);background:#38bdf81f}.sidebar-nav a svg{flex-shrink:0;width:20px;height:20px}.sidebar-footer{border-top:1px solid var(--border-glass);padding:16px 20px}.sidebar-status{color:var(--text-muted);align-items:center;gap:10px;font-size:.78rem;display:flex}.sidebar-status .status-dot{background:var(--accent-green);width:8px;height:8px;box-shadow:0 0 8px var(--accent-green);border-radius:50%;animation:2s ease-in-out infinite pulse-glow}.main-content{background:var(--gradient-hero);flex:1;min-height:100vh;margin-left:260px;padding:32px 40px}.page-header{margin-bottom:32px}.page-header h2{letter-spacing:-.03em;margin-bottom:4px;font-size:1.75rem;font-weight:700}.page-header p{color:var(--text-secondary);font-size:.9rem}.card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-card);padding:24px;transition:all .3s}.card:hover{background:var(--bg-card-hover);border-color:var(--border-active);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.85rem;font-weight:600}.card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.card-icon.cyan{color:var(--accent-cyan);background:#38bdf826}.card-icon.purple{color:var(--accent-purple);background:#a78bfa26}.card-icon.green{color:var(--accent-green);background:#34d39926}.card-icon.amber{color:var(--accent-amber);background:#fbbf2426}.card-value{letter-spacing:-.03em;margin-bottom:4px;font-size:2rem;font-weight:800}.card-label{color:var(--text-muted);font-size:.8rem}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.drop-zone{border:2px dashed var(--border-active);border-radius:var(--radius-xl);text-align:center;background:var(--gradient-card);cursor:pointer;padding:60px 40px;transition:all .3s}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--accent-cyan);box-shadow:var(--shadow-glow);background:#38bdf80f}.drop-zone-icon{width:64px;height:64px;color:var(--accent-cyan);background:#38bdf81a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.drop-zone h3{margin-bottom:8px;font-size:1.15rem;font-weight:600}.drop-zone p{color:var(--text-muted);font-size:.85rem}.data-table-wrapper{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.data-table-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.data-table-header h3{font-size:1rem;font-weight:600}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-glass);background:#0003;padding:12px 24px;font-size:.75rem;font-weight:600}.data-table td{color:var(--text-secondary);border-bottom:1px solid #63b3ed0f;padding:14px 24px;font-size:.875rem}.data-table tr:hover td{color:var(--text-primary);background:#38bdf80a}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:all .25s;display:inline-flex}.btn-primary{background:var(--gradient-accent);color:#0f172a;box-shadow:0 4px 14px #38bdf84d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #38bdf873}.btn-secondary{color:var(--accent-cyan);background:#38bdf81a;border:1px solid #38bdf840}.btn-secondary:hover{border-color:var(--accent-cyan);background:#38bdf82e}.btn-success{color:#0f172a;background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 4px 14px #34d3994d}.btn-success:hover{transform:translateY(-1px);box-shadow:0 6px 20px #34d39973}.badge{letter-spacing:.04em;border-radius:100px;align-items:center;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-cyan{color:var(--accent-cyan);background:#38bdf826}.badge-green{color:var(--accent-green);background:#34d39926}.badge-amber{color:var(--accent-amber);background:#fbbf2426}.badge-purple{color:var(--accent-purple);background:#a78bfa26}.prompt-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.prompt-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;padding:24px;transition:all .3s}.prompt-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.prompt-card-category{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin-bottom:12px;font-size:.7rem;font-weight:600;display:inline-flex}.prompt-card h4{margin-bottom:8px;font-size:1rem;font-weight:600}.prompt-card p{color:var(--text-muted);margin-bottom:16px;font-size:.82rem;line-height:1.5}.prompt-card-example{border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--accent-cyan);border-left:3px solid var(--accent-cyan);background:#0000004d;padding:12px 16px;font-size:.78rem}.activity-feed{flex-direction:column;gap:12px;display:flex}.activity-item{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-md);align-items:flex-start;gap:14px;padding:16px 20px;transition:all .2s;display:flex}.activity-item:hover{border-color:var(--border-active)}.activity-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.activity-dot.cyan{background:var(--accent-cyan);box-shadow:0 0 8px var(--accent-cyan)}.activity-dot.green{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.activity-dot.purple{background:var(--accent-purple);box-shadow:0 0 8px var(--accent-purple)}.activity-dot.amber{background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber)}.activity-info h4{margin-bottom:2px;font-size:.875rem;font-weight:600}.activity-info p{color:var(--text-muted);font-size:.78rem}.processing-overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px;display:flex}.processing-ring{border:3px solid #38bdf826;border-top:3px solid var(--accent-cyan);border-radius:50%;width:64px;height:64px;margin-bottom:20px;animation:1s linear infinite spin}.processing-overlay h3{margin-bottom:8px;font-size:1.1rem;font-weight:600}.processing-overlay p{color:var(--text-muted);font-size:.85rem}.section-title{letter-spacing:-.02em;margin-bottom:20px;font-size:1.1rem;font-weight:700}.section-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;display:grid}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s forwards fadeIn}.fade-in-1{opacity:0;animation-delay:50ms}.fade-in-2{opacity:0;animation-delay:.1s}.fade-in-3{opacity:0;animation-delay:.15s}.fade-in-4{opacity:0;animation-delay:.2s}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.prompt-grid,.section-row{grid-template-columns:1fr}}@media (width<=768px){.sidebar{display:none}.main-content{margin-left:0;padding:20px}.stats-grid{grid-template-columns:1fr}}