@import "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap";
:root{--primary:#4db6ac;--primary-dark:#388e3c;--secondary:#2ecc71;--destructive:#e74c3c;--background:#121212;--surface:#1e1e1e;--on-surface:#262626;--foreground:#fff;--text-muted:#888;--border:#333;--radius-m:12px;--radius-l:24px;--spacing-xs:.5rem;--spacing-s:1rem;--spacing-m:1.5rem;--spacing-l:2.5rem;--spacing-fluid:clamp(1rem, 4vw, 2rem)}body{background-color:var(--background);color:var(--foreground);font-family:Quicksand,sans-serif}*{box-sizing:border-box;accent-color:var(--primary);margin:0;padding:0}html,body{background-color:var(--background);height:100%;color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}main{padding:var(--spacing-fluid);max-width:1200px;margin:0 auto}h1,h2,h3{letter-spacing:-.02em;color:color-mix(in oklch, var(--foreground), var(--primary) 10%);font-weight:700}button{cursor:pointer;border:none;font-family:inherit;transition:all .3s cubic-bezier(.16,1,.3,1)}.card{background:var(--surface);border-radius:var(--radius-m);padding:var(--spacing-m);margin-bottom:var(--spacing-s);border:none}.btn-primary{background:var(--secondary);color:#fff;text-transform:uppercase;border-radius:8px;width:100%;padding:.8rem 1.5rem;font-weight:700}.btn-teal{background:var(--primary);color:#000;text-transform:uppercase;border-radius:8px;width:100%;padding:.8rem 1.5rem;font-weight:700}.btn-destructive{background:var(--destructive);color:#fff;text-transform:uppercase;border-radius:8px;width:100%;padding:.8rem 1.5rem;font-weight:700}.fab{background:var(--primary);color:#000;border-radius:30px;align-items:center;gap:.5rem;width:auto;padding:.8rem 1.5rem;font-weight:700;display:flex;position:fixed;bottom:80px;right:20px;box-shadow:0 4px 12px #0000004d}.bottom-nav{z-index:1000;background:#1a1a1a;border-top:1px solid #333;justify-content:space-around;align-items:center;height:65px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:#888;flex-direction:column;align-items:center;gap:4px;font-size:.75rem;font-weight:500;display:flex}.nav-item.active{color:var(--primary)}.header-bar{background:var(--primary);color:#000;z-index:900;padding:1rem;position:sticky;top:0}.header-bar h1{margin:0;font-size:1.5rem;font-weight:700}.section-title{color:var(--primary);margin:1.5rem 0 1rem;font-size:1.5rem;font-weight:700}.status-text-blue{color:#4a90e2;font-weight:600}.card h3{margin-top:0;margin-bottom:.5rem}.card p{margin:.2rem 0}