@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";:root{--font-heading:"Poppins", sans-serif;--font-body:"Poppins", sans-serif;--green-50:#ecfdf5;--green-100:#d1fae5;--green-200:#a7f3d0;--green-300:#6ee7b7;--green-400:#34d399;--green-500:#00b35c;--green-600:#009e50;--green-700:#058554;--green-800:#046a43;--green-900:#035234;--bg-main:#f4f6f9;--bg-surface:#ffffffd9;--bg-surface-solid:#fff;--bg-surface-hover:#ebf0f5;--bg-input:#ebf0f5;--bg-card:#ffffffb3;--bg-elevated:#fff;--accent:#ff6b00;--accent-light:#ff8522;--accent-glow:#ff6b001a;--accent-gradient:linear-gradient(135deg, #ff8522 0%, #ff6b00 50%, #e05300 100%);--accent-gradient-h:linear-gradient(90deg, #ff8522 0%, #ffa04d 100%);--accent-gradient-soft:linear-gradient(135deg, #ff6b0014 0%, #ff852208 100%);--border-color:#0f172a14;--border-focus:#ff6b0066;--border-glow:#ff6b0026;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-accent:#ff6b00;--shadow-sm:0 1px 3px #0f172a0a;--shadow-md:0 4px 12px #0f172a0f;--shadow-lg:0 8px 30px #0f172a1a;--shadow-glow:0 0 20px #ff6b000d;--brand-orange:#ff6b00;--transition-smooth:all .3s cubic-bezier(.16, 1, .3, 1);--transition-bounce:all .4s cubic-bezier(.34, 1.56, .64, 1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 20% 0,#00b35c08 0%,#0000 50%),radial-gradient(at 80% 100%,#00b35c05 0%,#0000 50%);min-height:100vh;line-height:1.5}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0f172a14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-smooth)}.glass-panel:hover{border-color:var(--border-glow)}.btn{border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);color:#fff;letter-spacing:.02em;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.85rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:linear-gradient(#ffffff1a 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #00d26a40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d26a59}.btn-primary:active{transform:translateY(0)}.btn-gold{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #00d26a40}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d26a59}.btn-secondary{color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a0d;border:1px solid #0f172a14}.btn-secondary:hover{color:var(--text-primary);background:#0f172a14;border-color:#0f172a1f}.btn-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:#ef444433;border-color:#ef44444d}.form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-label{font-family:var(--font-body);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.form-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-smooth);outline:none;padding:12px 16px;font-size:.9rem}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00d26a1a}.form-input::placeholder{color:var(--text-muted)}.header-container{width:100%;max-width:480px;margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 15px #00d26a26}50%{box-shadow:0 0 30px #00d26a40}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}.mobile-wrapper{background:var(--bg-main);background-image:radial-gradient(at 50% 0,#00d26a08 0%,#0000 60%);border-left:1px solid #00d26a0d;border-right:1px solid #00d26a0d;flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 80px #000c}.flip-card{perspective:1000px;width:100%;height:190px;margin-bottom:20px}.flip-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:20px;display:flex;position:absolute}.flip-card-front{border:1px solid var(--border-color);color:#fff;background:linear-gradient(135deg,#0f172a 0%,#060b14 100%)}.flip-card-back{border:1px solid var(--border-color);color:#fff;background:linear-gradient(135deg,#060b14 0%,#0f172a 100%);justify-content:space-around;transform:rotateY(180deg)}.stat-card{background:var(--bg-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:left;transition:var(--transition-smooth);align-items:center;gap:14px;padding:16px;display:flex}.stat-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.bottom-nav{border-top:1px solid var(--border-color);background:var(--bg-surface);-webkit-backdrop-filter:blur(20px);display:flex}.bottom-nav-btn{cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 0 12px;display:flex;position:relative}.bottom-nav-btn:before{content:"";background:var(--accent);border-radius:0 0 2px 2px;width:0;height:2px;transition:width .3s;position:absolute;top:0;left:50%;transform:translate(-50%)}.bottom-nav-btn.active:before{width:32px}.bottom-nav-btn .nav-label{letter-spacing:.04em;font-size:.68rem;font-weight:600;transition:color .3s}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-green{color:var(--accent);background:#ff6b0014;border:1px solid #ff6b0026}.badge-red{color:#ef4444;background:#ef44441a;border:1px solid #ef444426}.badge-muted{color:var(--text-secondary);background:#94a3b814;border:1px solid #94a3b81a}