:root{--surface-dim: #10131a;--surface: #14171e;--surface-container-lowest: #0b0e14;--surface-container-low: #181b22;--surface-container: #1d2026;--surface-container-high: #282c33;--surface-container-highest: #333840;--surface-bright: #363940;--bg-navy: var(--surface-dim);--bg-navy-light: var(--surface-container-low);--bg-navy-lighter: var(--surface-container);--primary: #4edea3;--primary-container: #10b981;--primary-fixed-dim: #3ab88a;--primary-purple: var(--primary);--primary-purple-hover: var(--primary-fixed-dim);--on-surface: #e0e4e8;--on-surface-variant: #8a9199;--text-main: var(--on-surface);--text-muted: var(--on-surface-variant);--outline-variant: rgba(60, 74, 66, .15);--border-glass: var(--outline-variant);--status-green: #34d399;--status-yellow: #fbbf24;--status-red: #f87171;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--gradient-primary: linear-gradient(135deg, #4edea3 0%, #10b981 100%);--gradient-glass: rgba(255, 255, 255, .03);--shadow-glow: 0 0 32px rgba(78, 222, 163, .15);--shadow-card: 0 8px 32px rgba(0, 0, 0, .25), 0 0 64px rgba(78, 222, 163, .04);--ease-quart: cubic-bezier(.25, 1, .5, 1);--ease-expo: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--surface-dim);color:var(--on-surface);background-image:radial-gradient(circle at 15% 50%,rgba(78,222,163,.04) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(16,185,129,.03) 0%,transparent 50%);background-attachment:fixed;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s var(--ease-quart) forwards}.glass-panel{background:var(--surface-container);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--outline-variant);border-radius:16px;box-shadow:var(--shadow-card)}.text-gradient{background:linear-gradient(to right,#e0e4e8,#8a9199);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-primary{background:linear-gradient(135deg,#4edea3,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .35s var(--ease-quart);border:none;gap:.5rem}.btn-primary{background:var(--gradient-primary);color:var(--surface-dim);box-shadow:0 4px 20px #4edea340}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);filter:brightness(1.1)}.btn-outline{background:transparent;color:var(--on-surface);border:1px solid var(--outline-variant)}.btn-outline:hover{background:var(--surface-container-high);border-color:#4edea340}.btn-glass{background:var(--surface-container-high);color:var(--on-surface);border:1px solid var(--outline-variant);backdrop-filter:blur(8px)}.btn-glass:hover{background:var(--surface-bright)}.input-group{margin-bottom:1.25rem}.input-label{display:block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;color:var(--on-surface-variant)}.input-field{width:100%;padding:.875rem 1rem;background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:10px;color:var(--on-surface);font-family:var(--font-family);font-size:1rem;transition:all .3s var(--ease-quart)}.input-field:focus{outline:none;border-color:transparent;border-bottom:2px solid var(--primary);box-shadow:0 4px 16px #4edea31a}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.d-flex{display:flex}.flex-column{flex-direction:column}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.badge{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em}.badge-green{background:#34d39926;color:var(--status-green)}.badge-yellow{background:#fbbf2426;color:var(--status-yellow)}.badge-red{background:#f8717126;color:var(--status-red)}.badge-purple{background:#4edea326;color:var(--primary)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.15;letter-spacing:-.02em;margin-bottom:1rem;color:var(--on-surface)}p{line-height:1.6;color:var(--on-surface-variant)}.text-muted{color:var(--on-surface-variant)}.text-status-yellow{color:var(--status-yellow)}.text-status-green{color:var(--status-green)}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.p-3{padding:1rem}.px-3{padding-left:1rem;padding-right:1rem}.pb-4{padding-bottom:1.5rem}.m-0{margin:0}.rounded{border-radius:10px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface-dim)}::-webkit-scrollbar-thumb{background:var(--surface-container-high);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--surface-bright)}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.w-100{width:100%}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:2rem}