@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg-color:#0d0f14;--bg-gradient:radial-gradient(circle at top right, #1a1f35, #000);--primary-color:#00e5ff;--primary-hover:#00b8d4;--secondary-color:#b000ff;--accent-color:#f05;--surface-color:#ffffff08;--surface-border:#ffffff14;--surface-hover:#ffffff14;--text-main:#f8fafc;--text-muted:#94a3b8;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--transition-fast:.15s ease-in-out;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:#fff;margin-bottom:var(--space-4);font-weight:600;line-height:1.2}a{color:var(--primary-color);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}.brand-text-hover{transition:color var(--transition-fast)}.brand-text-hover:hover{color:#00ff9d!important}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d}.glass-card{background:var(--surface-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--surface-border);border-radius:var(--radius-md);padding:var(--space-6);transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal)}.glass-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 40px #0006}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-slide-up{animation:slideUp var(--transition-slow) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@keyframes neonPulse{0%,to{border-color:#00e5ff4d;box-shadow:0 0 5px #00e5ff33,0 0 10px #00e5ff33}50%{border-color:#00e5ffcc;box-shadow:0 0 10px #00e5ff80,0 0 20px #00e5ff4d}}.animate-pulse-neon{animation:2s cubic-bezier(.4,0,.6,1) infinite neonPulse}.glass-glow-hover{transition:all var(--transition-normal)}.glass-glow-hover:hover{background:#00e5ff0d;box-shadow:0 0 15px #00e5ff4d;border-color:var(--primary-color)!important}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-weight:500;font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;padding:.625rem 1.25rem;font-size:1rem;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:var(--primary-text-color,white);box-shadow:0 4px 15px #2563eb4d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-outline{color:var(--text-main);border:1px solid var(--surface-border);background:0 0}.btn-outline:hover{background:var(--surface-hover);border-color:#fff3}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{padding:var(--space-8);flex:1;width:100%;max-width:1440px;margin:0 auto}@media (width<=768px){.main-content{padding:var(--space-4)}}:root{--color-vendor:#7c3aed;--color-operator:#06b6d4;--color-consumer:#f59e0b;--neon-success:#10b981}.badge-vendor,.badge-operator,.badge-consumer{border-radius:20px;align-items:center;gap:.25rem;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-vendor{color:var(--color-vendor);background:#7c3aed26;border:1px solid #7c3aed4d}.badge-operator{color:var(--color-operator);background:#06b6d426;border:1px solid #06b6d44d}.badge-consumer{color:var(--color-consumer);background:#f59e0b26;border:1px solid #f59e0b4d}.live-indicator{color:var(--neon-success);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;display:inline-flex}.live-dot{background:var(--neon-success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #10b98166}50%{opacity:.7;box-shadow:0 0 0 6px #10b98100}}