@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial}}}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.z-10{z-index:10}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.w-full{width:100%}.flex-1{flex:1}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-y-auto{overflow-y:auto}.rounded-\[16px\]{border-radius:16px}.rounded-\[28px\]{border-radius:28px}.rounded-full{border-radius:3.40282e38px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[\#72A527\]{border-color:#72a527}.bg-\[\#72A527\]{background-color:#72a527}.bg-\[\#72A527\]\/10{background-color:#72a5271a;background-color:lab(62.3729% -31.7401 54.8477/.1)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#72A527\]{--tw-gradient-from:#72a527;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#eef5e6\]{--tw-gradient-from:#eef5e6;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#f8faf5\]{--tw-gradient-from:#f8faf5;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[\#eef5e6\]{--tw-gradient-via:#eef5e6;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#5a8a1f\]{--tw-gradient-to:#5a8a1f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#eef5e6\]{--tw-gradient-to:#eef5e6;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.text-center{text-align:center}.text-left{text-align:left}.text-\[\#72A527\]{color:#72a527}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.delay-1{transition-delay:1ms}.delay-2{transition-delay:2ms}.duration-200{--tw-duration:.2s;transition-duration:.2s}:root{--primary-50:#f4f9ec;--primary-100:#e5f2d3;--primary-200:#cce6a8;--primary-300:#aad473;--primary-400:#8bc34a;--primary-500:#72a527;--primary-600:#5a8a1f;--primary-700:#466b1a;--secondary-500:#ff6b35;--accent-500:#ffd23f;--gold:#d4af37;--gold-light:#f4e4ba;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--success:#22c55e;--success-light:#dcfce7;--content-padding:24px;--max-width:420px;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 16px 48px #00000029;--shadow-glow:0 0 30px #72a5274d;--shadow-gold:0 0 20px #d4af3766}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{font-size:16px}body{min-height:100dvh;color:var(--gray-800);-webkit-font-smoothing:antialiased;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;overflow-x:hidden}.page-container{flex-direction:column;width:100%;min-height:100dvh;display:flex;overflow-x:hidden}.content-wrapper{width:100%;max-width:var(--max-width);padding-left:var(--content-padding);padding-right:var(--content-padding);box-sizing:border-box;margin:0 auto}.bg-animated{background:linear-gradient(165deg,#72a527 0%,#5a8a1f 35%,#3d6a0d 70%,#2d5a0a 100%);position:relative;overflow:hidden}.bg-animated:before{content:"";background:radial-gradient(80% 50% at 20% 40%,#8bc34a4d 0%,#0000 50%),radial-gradient(60% 40% at 80% 20%,#ffd23f26 0%,#0000 50%),radial-gradient(50% 30% at 50% 80%,#72a52733 0%,#0000 50%);animation:8s ease-in-out infinite bgPulse;position:absolute;inset:0}.bg-animated:after{content:"";background:radial-gradient(circle,#ffffff08 1px,#0000 1px) 0 0/30px 30px;width:200%;height:200%;animation:20s linear infinite bgDrift;position:absolute;top:-50%;left:-50%}@keyframes bgPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes bgDrift{0%{transform:translate(0)}to{transform:translate(30px,30px)}}.text-display{letter-spacing:-.03em;font-size:2.75rem;font-weight:800;line-height:1.1}.text-title{letter-spacing:-.02em;font-size:1.75rem;font-weight:700;line-height:1.2}.text-heading{font-size:1.125rem;font-weight:600;line-height:1.3}.text-body{font-size:1rem;font-weight:400}.text-body-lg{font-size:1.125rem;font-weight:500}.text-small{font-size:.875rem}.text-caption{letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:600}.text-number{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:800}.text-number-xl{letter-spacing:-.03em;font-size:3rem;font-weight:900}.card{box-shadow:var(--shadow-md);background:#fff;border-radius:24px}.card-glass{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);background:#fffffff2;border-radius:28px;margin:30px;padding:40px}.btn{cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:60px;padding:18px 28px;font-family:inherit;font-size:1.0625rem;font-weight:600;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--primary-500)0%,var(--primary-600)100%);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%}.btn-primary-gold{background:linear-gradient(135deg,var(--primary-500)0%,var(--primary-600)100%);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-primary-gold:before{content:"";background:linear-gradient(90deg,#0000,#d4af3780,#f4e4ba66,#d4af3780,#0000);width:100%;height:100%;animation:2.5s infinite shimmerGold;position:absolute;top:0;left:-100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes shimmerGold{0%{left:-100%}50%,to{left:100%}}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-3px)}.btn-secondary{color:var(--primary-600);border:2px solid var(--primary-400);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--primary-50);border-color:var(--primary-500)}.btn-ghost{color:#ffffffb3;background:0 0;min-height:52px;padding:16px}.btn-ghost:hover{color:#fff;background:#ffffff1a}.btn-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff26;border-radius:14px;width:48px;height:48px;min-height:48px;padding:0;font-size:1.25rem}.btn-icon:hover{background:#ffffff40}.selection-card{border:3px solid var(--gray-200);cursor:pointer;min-height:130px;box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:24px 16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.selection-card:hover{border-color:var(--primary-300);box-shadow:var(--shadow-md);transform:translateY(-4px)}.selection-card:active{transform:scale(.97)}.selection-card-selected{border-color:var(--primary-500);background:linear-gradient(135deg,var(--primary-50)0%,white 100%);box-shadow:var(--shadow-md),0 0 0 4px var(--primary-100);transform:translateY(-2px)}.selection-card-check{background:var(--primary-500);color:#fff;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:10px;right:10px;transform:scale(0)}.selection-card-selected .selection-card-check{opacity:1;transform:scale(1)}.log-btn{border:2px solid var(--gray-200);cursor:pointer;min-height:110px;box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px 16px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.log-btn:hover{border-color:var(--primary-400);background:var(--primary-50);box-shadow:var(--shadow-md);transform:translateY(-4px)}.log-btn:active{box-shadow:none;transform:scale(.95)}.log-btn-emoji{font-size:2.25rem;line-height:1}.log-btn-label{color:var(--gray-800);font-size:1.125rem;font-weight:700}.toggle{background:var(--gray-300);cursor:pointer;border-radius:999px;flex-shrink:0;width:56px;height:32px;transition:background .3s;position:relative}.toggle:after{content:"";width:24px;height:24px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:4px;left:4px}.toggle-active{background:var(--primary-500)}.toggle-active:after{transform:translate(24px)}.progress-ring{filter:drop-shadow(0 4px 12px #72a5274d);transform:rotate(-90deg)}.progress-ring-track{fill:none;stroke:var(--gray-100)}.progress-ring-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1),stroke .5s}.progress-low{stroke:#72a527}.progress-mid{stroke:#5a8a1f}.progress-high{stroke:#22c55e}.progress-complete{stroke:#16a34a}.status-badge{border-radius:999px;align-items:center;gap:8px;padding:12px 20px;font-size:.9375rem;font-weight:600;display:inline-flex}.status-badge-progress{background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200)}.status-badge-complete{background:var(--success-light);color:var(--success);border:1px solid #22c55e33}.list-item{background:var(--gray-50);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:16px 20px;display:flex}.list-item:last-child{margin-bottom:0}.btn-undo{background:var(--gray-100);color:var(--gray-500);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.btn-undo:hover{background:var(--gray-200);color:var(--gray-700)}.notification-row{background:var(--gray-50);border-radius:20px;align-items:center;gap:16px;margin-bottom:12px;padding:20px;display:flex}.notification-row:last-child{margin-bottom:0}.notification-icon{font-size:2rem;line-height:1}.step-indicator{justify-content:center;align-items:center;gap:8px;display:flex}.step-dot{background:#ffffff4d;border-radius:999px;width:8px;height:8px;transition:all .3s}.step-dot-active{background:#fff;width:28px}.step-dot-complete{background:#fff9}.feature-item{align-items:center;gap:16px;padding:16px 0;display:flex}.feature-icon{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));width:52px;height:52px;box-shadow:var(--shadow-sm);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes celebrate{0%{transform:scale(1)rotate(0)}25%{transform:scale(1.2)rotate(-8deg)}50%{transform:scale(1.2)rotate(8deg)}75%{transform:scale(1.1)rotate(-4deg)}to{transform:scale(1)rotate(0)}}@keyframes ringPulse{0%,to{filter:drop-shadow(0 4px 12px #72a5274d)}50%{filter:drop-shadow(0 4px 20px #72a52780)}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-fade-in-up{animation:.5s forwards fadeInUp}.animate-fade-in-scale{animation:.4s forwards fadeInScale}.animate-slide-up{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards slideUp}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-celebrate{animation:.6s celebrate}.animate-ring-pulse{animation:2s ease-in-out infinite ringPulse}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.15s}.delay-3{animation-delay:.2s}.delay-4{animation-delay:.25s}.delay-5{animation-delay:.3s}[class*=delay-]:not(.animate-float){opacity:0}.toast{background:var(--gray-800);color:#fff;box-shadow:var(--shadow-xl);z-index:1000;border-radius:999px;align-items:center;gap:10px;padding:16px 28px;font-size:.9375rem;font-weight:600;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.toast-success{background:var(--success)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}
