.green-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0e261ea6;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out greenFadeIn;display:flex;position:fixed;inset:0}@keyframes greenFadeIn{0%{opacity:0}to{opacity:1}}.green-modal-card{background:#fff;border:1px solid #d5ece2;border-radius:24px;width:100%;max-width:620px;max-height:92vh;padding:24px;animation:.28s cubic-bezier(.16,1,.3,1) greenSlideUp;position:relative;overflow-y:auto;box-shadow:0 20px 45px #0a342640,0 4px 16px #00000014}@keyframes greenSlideUp{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.green-modal-header{border-bottom:1px solid #e2f0e9;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;padding-bottom:16px;display:flex}.green-modal-title-wrap{align-items:center;gap:14px;display:flex}.green-gift-badge{background:linear-gradient(135deg,#e6f9ef,#c8f3dc);border:1px solid #a3e8c5;border-radius:16px;padding:10px;font-size:32px;line-height:1;box-shadow:0 4px 12px #10b98126}.green-modal-title-wrap h3{color:#0b5e43;margin:0 0 4px;font-size:18px;font-weight:800}.green-modal-title-wrap p{color:#4b6b60;margin:0;font-size:12.5px;line-height:1.45}.green-close-btn{color:#4b6b60;cursor:pointer;background:#f1f8f4;border:1px solid #d0e7dc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:all .2s;display:flex}.green-close-btn:hover{color:#111827;background:#e2f0e8;transform:rotate(90deg)}.green-progress-card{background:linear-gradient(145deg,#f0fbf5,#e4f7ed);border:1.5px solid #b7e8d0;border-radius:18px;margin-bottom:16px;padding:18px 20px;box-shadow:0 4px 14px #10b98114}.green-progress-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.green-progress-stats{align-items:baseline;gap:8px;display:flex}.green-stat-label{color:#166547;font-size:13.5px;font-weight:600}.green-stat-value{color:#059669;font-size:18px;font-weight:800}.green-stat-value strong{color:#047857;font-size:24px}.green-settlement-pill{color:#065f46;background:#fff;border:1px solid #a7f3d0;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex;box-shadow:0 2px 6px #0596690f}.green-settlement-pill strong{color:#047857}.green-settlement-pill small{color:#059669;font-weight:600}.green-bar-track{background:#d4f1e3;border-radius:999px;width:100%;height:18px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f}.green-bar-fill{background:linear-gradient(90deg,#10b981,#059669,#047857);border-radius:999px;min-width:14px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1);position:relative}.green-bar-glow{background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%);animation:2s infinite greenShine;position:absolute;inset:0}@keyframes greenShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.green-bar-subtext{color:#4b6b60;justify-content:space-between;margin-top:8px;font-size:11px;font-weight:600;display:flex}.milestone-30{color:#047857;font-weight:800}.green-checkin-bar{border-top:1px dashed #bbf0d8;margin-top:14px;padding-top:12px}.green-checked-tag{color:#047857;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.green-check-icon{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:900;display:inline-flex}.green-uncheck-tag{color:#065f46;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;font-weight:600;display:flex}.green-checkin-btn{color:#fff;cursor:pointer;background:linear-gradient(105deg,#059669,#047857);border:none;border-radius:10px;padding:7px 14px;font-size:12.5px;font-weight:700;transition:all .2s;box-shadow:0 3px 8px #05966940}.green-checkin-btn:hover:not(:disabled){background:linear-gradient(105deg,#047857,#065f46);transform:translateY(-1px)}.green-rules-box{background:#f7fdfa;border:1px solid #dcf2e8;border-radius:14px;flex-direction:column;gap:8px;margin-bottom:18px;padding:12px 14px;display:flex}.green-rule-item{color:#375349;align-items:flex-start;gap:10px;font-size:12px;line-height:1.45;display:flex}.rule-icon{flex-shrink:0;margin-top:1px;font-size:15px}.green-rule-item strong{color:#114b38}.green-toast-alert{color:#065f46;text-align:center;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:12px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:600;animation:.2s ease-out greenFadeIn}.green-reward-form{background:#fff;border-top:1px solid #e3f1eb;padding-top:16px}.green-form-title{align-items:center;gap:8px;margin-bottom:14px;display:flex}.green-form-title h4{color:#114b38;margin:0;font-size:15px;font-weight:800}.green-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:520px){.green-form-row{grid-template-columns:1fr}}.green-form-group{margin-bottom:12px}.green-form-group label{color:#274339;margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.green-form-group label .req{color:#dc2626}.green-form-group input,.green-form-group select{box-sizing:border-box;color:#1f2937;background:#fbfdfc;border:1.5px solid #cce5da;border-radius:10px;outline:none;width:100%;padding:9px 12px;font-size:13px;transition:all .2s}.green-form-group input:focus,.green-form-group select:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.green-shipping-notice{background:#fffbeb;border:1.5px solid #fde68a;border-radius:14px;align-items:flex-start;gap:12px;margin-top:14px;margin-bottom:18px;padding:12px 14px;display:flex}.shipping-notice-icon{flex-shrink:0;margin-top:2px;font-size:24px;line-height:1}.shipping-notice-content strong{color:#92400e;margin-bottom:4px;font-size:13px;display:block}.shipping-notice-content ul{color:#78350f;margin:0;padding-left:18px;font-size:12px;line-height:1.5}.shipping-notice-content li{margin-bottom:2px}.green-form-footer{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.green-btn-secondary{color:#375349;cursor:pointer;background:#f1f8f5;border:1px solid #d3eae0;border-radius:12px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s}.green-btn-secondary:hover{color:#111827;background:#e2f2ea}.green-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(105deg,#059669,#047857);border:none;border-radius:12px;padding:10px 22px;font-size:13px;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #05966940}.green-btn-primary:hover:not(:disabled){background:linear-gradient(105deg,#047857,#065f46);transform:translateY(-1px);box-shadow:0 6px 16px #05966959}.green-btn-primary:disabled{opacity:.6;cursor:not-allowed}