html{overflow-x:clip}#root{width:100%;max-width:100%;min-height:100svh}body{touch-action:pan-y;background:#130d08;max-width:100%;margin:0;font-family:Helvetica Neue,Segoe UI,sans-serif;overflow-x:clip}.auth-page{box-sizing:border-box;background:radial-gradient(circle at top,#3f2b19 0%,#20150d 48%,#130d08 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;min-height:100svh;padding:16px;display:flex}.app-shell{background:radial-gradient(circle at top,#3f2b19 0%,#20150d 48%,#130d08 100%);flex-direction:column;width:100%;max-width:100%;min-height:100svh;display:flex;overflow-x:clip}.rewards-page,.page{box-sizing:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:18px;width:100%;padding:16px 16px 24px;display:flex}.auth-logo{width:200px;height:auto;display:block}.page h1{color:#f3d9a8;text-align:center;margin:0;font-size:26px}.page-text{color:#d4b48a;text-align:center;max-width:320px;margin:0;font-size:15px;line-height:1.5}.auth-card{color:#3b2615;text-align:left;background:#fdf4ddf2;border:2px solid #c38b41;border-radius:18px;width:min(100%,360px);padding:28px 20px;box-shadow:0 16px 30px #00000059}.rewards-content{flex-direction:column;align-items:center;width:100%;min-width:0;max-width:min(100%,400px);display:flex}.auth-badge{letter-spacing:.08em;text-transform:uppercase;color:#fff5dd;background:linear-gradient(90deg,#74431d 0%,#9d5f2a 100%);border-radius:999px;width:fit-content;margin:0 0 14px;padding:4px 12px;font-size:13px}.auth-card h1{color:#4d2e15;letter-spacing:-.02em;margin:0 0 10px;font-size:30px}.auth-subtitle{color:#6e4728;margin:0 0 18px;font-size:15px;line-height:1.45}.phase-title{color:#f3d9a8;text-align:center;letter-spacing:.02em;margin:0 0 12px;font-size:22px;font-weight:700}.profile-error{color:#7a2323;text-align:center;box-sizing:border-box;background:#fde8e8f2;border:1px solid #d88a8a;border-radius:10px;width:100%;margin:0 0 12px;padding:10px 12px;font-size:13px;line-height:1.4}.level-image{object-fit:contain;width:100%;max-height:380px;margin-bottom:8px}.level-image--phase-three{transform-origin:top;margin-bottom:48px;transform:scale(1.2)}.level-image--ecobag{object-fit:contain;object-position:center;width:min(100%,300px);height:300px;max-height:300px;margin-left:auto;margin-right:auto;display:block}.ecobag-intro{margin-bottom:8px}.ecobag-hint,.ecobag-pending{margin-top:4px}.ecobag-success{color:#2d5a22;text-align:center;box-sizing:border-box;background:#e8f8dcf2;border:1px solid #7cb86a;border-radius:10px;width:100%;margin:0 0 12px;padding:10px 12px;font-size:13px;line-height:1.4}.orb-row{justify-content:center;gap:10px;margin:8px 0 14px;display:flex}.orb{background:0 0;border:2px solid #a26b37;border-radius:999px;width:18px;height:18px}.orb.filled{background:radial-gradient(circle,#ffe28a 15%,#c98f3a 90%);box-shadow:0 0 8px #e9aa4b8c}.phase-progress-message{color:#f3d9a8;text-align:center;box-sizing:border-box;background:#fdf4dd1f;border:1px solid #c38b4173;border-radius:12px;width:100%;max-width:320px;margin:10px 0 14px;padding:12px 14px;font-size:14px;font-weight:600;line-height:1.45}.phase-progress-message--admin-complete{color:#e8d4a8}.reward-choice{background:#fdf4dd1f;border:1px solid #c38b4173;border-radius:14px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:400px;margin:4px 0 14px;padding:14px 12px;display:flex}.reward-choice-title{color:#f3d9a8;text-align:center;margin:0;font-size:15px;font-weight:700;line-height:1.35}.reward-choice-options{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.reward-choice-options--three,.reward-choice-options--grid{max-width:400px}.reward-choice-options--three .reward-choice-option,.reward-choice-options--grid .reward-choice-option{flex:calc(33.333% - 8px);min-width:108px;max-width:128px}.reward-choice-option{cursor:pointer;color:#f3d9a8;text-align:center;box-sizing:border-box;background:#fdf4dd14;border:2px solid #c38b4173;border-radius:12px;flex-direction:column;flex:1;align-items:stretch;gap:4px;width:100%;max-width:128px;padding:5px 3px 4px;font-size:10px;font-weight:600;line-height:1.2;display:flex;overflow:visible}.reward-choice-option--selected{background:#fdf4dd33;border-color:#e9aa4b;box-shadow:0 0 10px #e9aa4b59}.reward-choice-option:disabled{opacity:.65;cursor:wait}.reward-choice-label{justify-content:center;align-items:flex-end;min-height:3em;margin:0;padding:0 2px;font-size:13px;font-weight:700;line-height:1.25;display:flex}.reward-choice-image-wrap{flex-shrink:0;justify-content:center;align-items:center;height:118px;margin:0 -4px;display:flex}.reward-choice-image{object-fit:contain;width:100%;height:auto;display:block}.earned-reward{background:#fdf4dd1f;border:1px solid #c38b4173;border-radius:14px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:280px;margin:4px 0 14px;padding:14px 12px;display:flex}.earned-reward-image{object-fit:contain;width:auto;max-width:min(100%,180px);height:auto;max-height:150px;display:block}.earned-reward-message{color:#f3d9a8;text-align:center;margin:0;font-size:15px;font-weight:700;line-height:1.35}.rewards-page--admin .earned-reward{margin-top:16px}.auth-form{gap:10px;display:grid}.auth-form label{color:#5c3b1f;font-size:14px;font-weight:600}.auth-form input{color:#3a2716;background:#fff8ea;border:1px solid #cfb189;border-radius:10px;outline:none;padding:12px 14px;font-size:15px}.auth-form input:focus{border-color:#9a5f2e;box-shadow:0 0 0 3px #9a5f2e33}.auth-form button{color:#fff9eb;cursor:pointer;background:linear-gradient(90deg,#8c4f23 0%,#b96f34 100%);border:none;border-radius:10px;margin-top:8px;padding:12px 14px;font-size:16px;font-weight:700}.auth-form button:active{transform:translateY(1px)}.reward-button{color:#fff9eb;cursor:pointer;background:linear-gradient(90deg,#8c4f23 0%,#b96f34 100%);border:none;border-radius:10px;width:100%;max-width:320px;margin-top:4px;padding:12px 14px;font-size:16px;font-weight:700}.reward-button:active{transform:translateY(1px)}.auth-helper{color:#7d5b3f;margin:14px 0 0;font-size:13px}.auth-helper a{color:#8c4f23}.auth-standalone-button{color:#fff9eb;cursor:pointer;background:linear-gradient(90deg,#8c4f23 0%,#b96f34 100%);border:none;border-radius:10px;width:100%;margin-top:8px;padding:12px 14px;font-size:16px;font-weight:700}.admin-shell{background:radial-gradient(circle at top,#1a2438 0%,#121a28 48%,#0c111a 100%);flex-direction:column;min-height:100svh;display:flex}.admin-page{box-sizing:border-box;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;width:100%;max-width:560px;margin:0 auto;padding:24px 16px;display:flex}.admin-page h1{color:#e8f0ff;margin:0;font-size:26px}.admin-page-text{color:#a8bdd9;margin:0;font-size:15px;line-height:1.5}.admin-page--list{justify-content:flex-start;align-items:stretch;max-width:560px;padding-top:20px}.admin-page-header{text-align:left;width:100%}.admin-page-header h1,.admin-page-header .admin-page-text{text-align:left}.admin-user-filter{flex-direction:column;gap:8px;width:100%;margin-bottom:16px;display:flex}.admin-filters{gap:16px;width:100%;margin-bottom:16px;display:grid}.admin-filters .admin-user-filter{margin-bottom:0}@media (width>=640px){.admin-filters{grid-template-columns:1fr 1fr}}.admin-user-filter-label{color:#c5d4e8;text-align:left;font-size:13px;font-weight:600}.admin-user-filter-select{box-sizing:border-box;color:#e8f0ff;appearance:auto;cursor:pointer;background:#1a2438f2;border:1px solid #3d4f6b;border-radius:10px;width:100%;padding:12px 14px;font-size:15px}.admin-user-filter-select:disabled{opacity:.6;cursor:not-allowed}.admin-user-filter-select:focus{outline-offset:2px;outline:2px solid #5a7aa8}.admin-user-filter-input{box-sizing:border-box;color:#e8f0ff;background:#1a2438f2;border:1px solid #3d4f6b;border-radius:10px;width:100%;padding:12px 14px;font-size:15px}.admin-user-filter-input::placeholder{color:#8a9bb8}.admin-user-filter-input:disabled{opacity:.6;cursor:not-allowed}.admin-user-filter-input:focus{outline-offset:2px;outline:2px solid #5a7aa8}.admin-error{color:#ffb8b8;text-align:left;background:#50181880;border:1px solid #a44;border-radius:10px;width:100%;margin:0;padding:10px 12px;font-size:13px}.admin-user-list{flex-direction:column;gap:10px;width:100%;margin:0;padding:0;list-style:none;display:flex}.admin-user-card{box-sizing:border-box;background:#1a2438d9;border:1px solid #3d4f6b;border-radius:12px;flex-direction:column;gap:4px;width:100%;padding:14px 16px;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.admin-user-card:hover{background:#2a3a58f2;border-color:#5a7aa8}.admin-user-card-email{color:#e8f0ff;font-size:15px;font-weight:600}.admin-user-card-meta{color:#8fa8c8;font-size:13px}.admin-detail-back{box-sizing:border-box;width:100%;max-width:560px;margin:0 auto;padding:12px 16px 0}.admin-back-link{color:#a8bdd9;font-size:14px;font-weight:600;text-decoration:none}.admin-back-link:hover{color:#e8f0ff}.rewards-page--admin{padding-top:0}.rewards-user-email{color:#c5d8ef;text-align:center;margin:0 0 8px;font-size:14px}.admin-user-info-card{text-align:center;box-sizing:border-box;background:#1e2d468c;border:1px solid #78a0d266;border-radius:14px;width:100%;max-width:320px;margin:10px 0 14px;padding:14px 16px}.admin-user-info-label{color:#9ec8ff;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:700}.admin-user-info-name{color:#f3f8ff;margin:0 0 6px;font-size:20px;font-weight:700;line-height:1.25}.admin-user-info-line{color:#c5d8ef;margin:0;font-size:14px;line-height:1.45}.admin-user-info-line+.admin-user-info-line{margin-top:4px}.admin-reward-actions{flex-direction:column;gap:10px;width:100%;max-width:320px;display:flex}.reward-button--secondary{background:linear-gradient(90deg,#3a3f4a 0%,#4d5566 100%)}.page--form{justify-content:flex-start;padding-top:24px}.request-card{color:#3b2615;text-align:left;background:#fdf4ddf2;border:2px solid #c38b41;border-radius:18px;width:min(100%,400px);padding:24px 20px;box-shadow:0 16px 30px #00000059}.request-card h1{color:#4d2e15;text-align:left;margin:0 0 10px;font-size:26px}.request-card-text{color:#6e4728;margin:0 0 16px;font-size:15px;line-height:1.45}.profile-contact-email{margin-bottom:12px}.profile-contact-status{text-align:center}.profile-contact-status-message{border-radius:10px;margin:0 0 12px;padding:12px 14px;font-size:15px;font-weight:700;line-height:1.4}.profile-contact-status-message--saving{color:#5c3b1f;background:#fff8e6f2;border:1px solid #c38b41}.profile-contact-status-message--success{color:#2d5a22;background:#e8f8dcf2;border:1px solid #7cb86a}.profile-contact-status .auth-standalone-button{margin-top:8px}.admin-user-contact{text-align:left;background:#1e2d4680;border:1px solid #78a0d259;border-radius:12px;width:100%;max-width:560px;margin:0 auto 12px;padding:12px 14px}.admin-user-contact-name{color:#e8f0ff;margin:0 0 4px;font-size:18px;font-weight:700}.admin-user-contact-line{color:#a8bdd9;margin:0;font-size:14px;line-height:1.4}.request-pending{color:#5c3b1f;background:#fff8e6e6;border:1px solid #c38b41;border-radius:10px;margin:0;padding:12px 14px;font-size:14px;line-height:1.45}.request-form{gap:10px;display:grid}.request-form label{color:#5c3b1f;font-size:14px;font-weight:600}.request-form input{color:#3a2716;background:#fff8ea;border:1px solid #cfb189;border-radius:10px;outline:none;padding:12px 14px;font-size:15px}.request-form input:focus{border-color:#9a5f2e;box-shadow:0 0 0 3px #9a5f2e33}.request-form button{color:#fff9eb;cursor:pointer;background:linear-gradient(90deg,#8c4f23 0%,#b96f34 100%);border:none;border-radius:10px;margin-top:8px;padding:12px 14px;font-size:16px;font-weight:700}.request-form button:disabled{opacity:.7;cursor:not-allowed}.request-error{color:#7a2323;background:#fde8e8f2;border:1px solid #d88a8a;border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:13px}.request-success{color:#2d5a2d;background:#e8f8e8f2;border:1px solid #8ab88a;border-radius:10px;margin:0 0 12px;padding:10px 12px;font-size:13px}.admin-requests-list{flex-direction:column;gap:12px;width:100%;display:flex}.admin-request-alert{box-sizing:border-box;text-align:left;background:linear-gradient(135deg,#503c1480 0%,#32280fcc 100%);border:1px solid #c9a227;border-radius:12px;width:100%;padding:16px;box-shadow:0 0 0 1px #c9a2274d,0 8px 20px #00000040}.admin-request-alert--phase-reward{background:linear-gradient(135deg,#19375fa6 0%,#0f2346e6 100%);border-color:#5b8fc9;box-shadow:0 0 0 1px #5b8fc966,0 8px 20px #00000040}.admin-request-alert--phase-reward .admin-request-alert-title{color:#9ec8ff}.admin-request-alert--phase-reward .admin-request-alert-user{color:#e8f4ff}.admin-request-alert--phase-reward .admin-request-alert-meta{color:#b8d4f0}.admin-request-alert--phase-reward .admin-request-link{background:linear-gradient(90deg,#2a5a8a 0%,#4a8ac4 100%)}.admin-request-alert--phase-reward .admin-request-dismiss{color:#d4e8ff;border-color:#6b9fd4}.admin-request-alert--ecobag{background:linear-gradient(135deg,#193c1e99 0%,#0f2814d9 100%);border-color:#6aab6a;box-shadow:0 0 0 1px #6aab6a59,0 8px 20px #00000040}.admin-request-alert--ecobag .admin-request-alert-title{color:#b8f0b8}.admin-request-alert-title{color:#ffe28a;letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-size:14px;font-weight:700}.admin-request-alert-user{color:#e8f0ff;margin:0 0 8px;font-size:15px}.admin-request-alert-meta{color:#a8bdd9;margin:0 0 4px;font-size:13px}.admin-request-reward{justify-content:space-between;align-items:center;gap:16px;margin:8px 0 4px;display:flex}.admin-request-reward-image{object-fit:contain;box-sizing:border-box;background:#ffffff14;border-radius:8px;flex-shrink:0;width:112px;height:112px;margin-left:auto;padding:6px}.admin-request-reward-label{flex:1;margin:0}.admin-request-alert-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.admin-request-link{color:#fff;background:linear-gradient(90deg,#2a4a7a 0%,#3d6ba8 100%);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none}.admin-request-dismiss{color:#c5d8ef;cursor:pointer;background:0 0;border:1px solid #5a7aa8;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600}.admin-request-dismiss:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:#7a2323;background:#fde8e8;border:1px solid #d88a8a;border-radius:10px;margin:0 0 14px;padding:10px 12px;font-size:14px;line-height:1.4}.auth-loading{color:#f3d9a8;margin:0;font-size:16px}.auth-link-button{color:#7d5b3f;cursor:pointer;background:0 0;border:none;width:100%;margin-top:12px;padding:4px 0;font-size:14px;font-weight:600;text-decoration:underline;display:block}.auth-link-button:hover:not(:disabled){color:#5c3b1f}.auth-link-button:disabled{opacity:.6;cursor:not-allowed}.auth-subtitle strong{color:#4d2e15}@media (width<=380px){.auth-page,.rewards-page,.page{gap:10px;max-width:100%;padding:10px 10px 20px}.auth-logo{width:140px}.auth-card,.request-card{border-radius:12px;width:100%;max-width:100%;padding:14px 12px;box-shadow:0 8px 18px #00000047}.auth-card h1{font-size:22px}.request-card h1{font-size:20px}.auth-subtitle,.request-card-text{margin-bottom:12px;font-size:13px;line-height:1.4}.auth-form input,.request-form input{border-radius:8px;padding:9px 10px;font-size:14px}.auth-form label,.request-form label{font-size:13px}.auth-form button,.request-form button{padding:10px 12px;font-size:15px}.auth-form,.request-form{gap:8px}.page--form{padding-top:12px}.rewards-content{max-width:100%}.phase-title{padding:0 4px;font-size:18px;line-height:1.3}.level-image--phase-three{margin-bottom:20px;transform:scale(1.05)}.reward-choice{max-width:100%;padding:10px 8px}.reward-choice-options{gap:6px}.reward-choice-options--three,.reward-choice-options--grid{max-width:100%}.reward-choice-options--three .reward-choice-option,.reward-choice-options--grid .reward-choice-option{flex:calc(33.333% - 6px);min-width:0;max-width:none}.reward-choice-option{max-width:none;overflow:hidden}.reward-choice-image-wrap{height:88px;margin:0}.reward-choice-image{max-width:100%;max-height:88px}.reward-choice-label{min-height:2.6em;font-size:11px}.earned-reward{padding:10px 8px}.earned-reward-image{max-width:min(100%,120px);max-height:250px}.earned-reward-message{font-size:18px}}@media (width>=600px){.auth-logo{width:240px}.auth-card{padding:34px 26px}}.admin-navbar{box-sizing:border-box;z-index:10;background:#0c121cf2;border-bottom:1px solid #3d4f6b;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex;position:sticky;top:0}.admin-navbar-logo-link{flex-shrink:0;line-height:0}.admin-navbar-logo{width:52px;height:auto;display:block}.admin-navbar-badge{color:#e8f0ff;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(90deg,#2a4a7a 0%,#3d6ba8 100%);border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:11px;font-weight:700}.admin-navbar-links{scrollbar-width:none;flex:1;align-items:center;gap:6px;display:flex;overflow-x:auto}.admin-navbar-links::-webkit-scrollbar{display:none}.admin-navbar-link{color:#a8bdd9;white-space:nowrap;border-radius:8px;flex-shrink:0;padding:8px 10px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.admin-navbar-link:hover{color:#e8f0ff;background:#3d6ba833}.admin-navbar-link--active{color:#fff;background:linear-gradient(90deg,#2a4a7a 0%,#3d6ba8 100%)}.admin-navbar-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.admin-navbar-user{color:#8fa8c8;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:12px;display:none;overflow:hidden}.admin-navbar-logout{color:#c5d8ef;cursor:pointer;background:0 0;border:1px solid #4a6280;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:600}.admin-navbar-logout:hover:not(:disabled){background:#4a62804d}.admin-navbar-logout:disabled{opacity:.6;cursor:not-allowed}@media (width>=600px){.admin-navbar{gap:14px;padding:12px 20px}.admin-navbar-logo{width:60px}.admin-navbar-user{display:block}.admin-navbar-link{padding:8px 14px;font-size:14px}}.navbar{box-sizing:border-box;z-index:10;background:#130d08eb;border-bottom:1px solid #5a3a1f;align-items:center;gap:12px;width:100%;max-width:100%;padding:10px 14px;display:flex;position:sticky;top:0;overflow-x:clip}.navbar-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.navbar-user{text-overflow:ellipsis;white-space:nowrap;color:#d4b48a;max-width:140px;font-size:12px;display:none;overflow:hidden}.navbar-logout{color:#f3d9a8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #a26b37;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600}.navbar-logout:hover:not(:disabled){color:#fff5dd;background:#c98f3a26}.navbar-logout:disabled{opacity:.6;cursor:not-allowed}.navbar-logo-link{flex-shrink:0;line-height:0}.navbar-logo{width:56px;height:auto;display:block}.navbar-links{scrollbar-width:none;flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.navbar-links::-webkit-scrollbar{display:none}.navbar-link{color:#e8c89a;white-space:nowrap;border-radius:8px;flex-shrink:0;padding:8px 10px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,color .2s}.navbar-link:hover{color:#fff5dd;background:#c98f3a26}.navbar-link--active{color:#fff9eb;background:linear-gradient(90deg,#8c4f23 0%,#b96f34 100%)}@media (width>=600px){.navbar{gap:20px;padding:12px 20px}.navbar-logo{width:64px}.navbar-links{gap:8px}.navbar-link{padding:8px 14px;font-size:14px}.navbar-user{max-width:180px;display:block}}