@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--primary:#2e7d32;--primary-light:#4caf50;--secondary:#f9a825;--secondary-light:#fdd835;--accent:#ff6f00;--background:#0a0a0a;--surface:#121212;--surface-light:#1e1e1e;--text:#f5f5f5;--text-dim:#b0b0b0;--error:#cf6679;--success:#03dac6;--glass:#ffffff08;--glass-border:#ffffff1a;--shadow:0 8px 32px 0 #000c;--radius:16px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--background);color:var(--text);min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700}button{cursor:pointer;transition:var(--transition);border:none;outline:none;font-family:inherit}.glass{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.6s forwards fadeIn}.app-container{max-width:500px;margin:0 auto;padding-bottom:80px;position:relative}.card{transition:var(--transition);margin-bottom:16px;padding:20px}.card:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;border-radius:12px;padding:12px 24px;font-weight:600;box-shadow:0 4px 15px #2e7d324d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-secondary{background:var(--surface-light);color:var(--text);border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.65;filter:grayscale(.1);transform:none}.touch-target{min-height:44px}.icon-btn{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.form-label{color:var(--text-dim);margin-bottom:8px;font-size:12px;display:block}.form-input{background:var(--surface-light);border:1px solid var(--glass-border);color:#fff;border-radius:12px;outline:none;width:100%;min-height:44px;padding:12px}.form-input:focus-visible{border-color:#4caf5099;box-shadow:0 0 0 2px #4caf5033}.helper-text{color:var(--text-dim);font-size:12px}.error-text{color:var(--error);font-size:13px}.success-text{color:var(--success);font-size:13px}.badge{border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:500}.badge-success{color:var(--success);background:#03dac61a}.badge-error{color:var(--error);background:#cf66791a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:10px}