:root{--ink:#17211e;--muted:#71807a;--green:#176947;--lime:#d9f247;--cream:#f7f5ef;--line:#e6e8e1;--orange:#ff7849}*{box-sizing:border-box}body{margin:0;background:#e9eee9;color:var(--ink);font-family:"DM Sans",sans-serif}.app-shell{min-height:100vh;background:var(--cream);max-width:1280px;margin:auto}.hidden{display:none!important}.brand{font:700 24px Outfit,sans-serif;letter-spacing:-1px;display:flex;align-items:center;gap:8px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--lime);color:var(--green);font-size:19px}.brand em{font:500 12px "DM Sans";letter-spacing:0;text-transform:uppercase;color:var(--muted);margin-left:4px}.login-view{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:var(--green)}.brand-login{position:absolute;top:34px;left:44px;color:white}.login-card{z-index:1;width:min(440px,calc(100% - 40px));background:#fffdfa;border-radius:28px;padding:48px;box-shadow:0 25px 60px #07321f77}.eyebrow{font:700 11px "DM Sans";letter-spacing:1.4px;color:var(--green);margin:0;display:block}.login-card h1,.admin-heading h1{font:800 clamp(32px,6vw,48px) Outfit,sans-serif;letter-spacing:-2px;margin:12px 0}.login-card p{color:var(--muted);line-height:1.55;margin-bottom:30px}.login-card label{font-weight:700;font-size:13px;display:block;margin:0 0 8px}.login-card input,.manual-code input{border:1px solid #dce1da;border-radius:12px;padding:14px;width:100%;font:inherit;margin-bottom:14px;outline-color:var(--green)}button{font:inherit;cursor:pointer;border:0}.primary-btn{width:100%;background:var(--green);color:white;border-radius:13px;padding:15px 17px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.primary-btn span{font-size:20px}.role-link,.text-btn{color:var(--green);background:none;font-size:13px;font-weight:700}.role-link{display:block;margin:18px auto 0}.login-orbit{position:absolute;border:1px solid #5caa8390;border-radius:50%}.orbit-one{width:700px;height:700px;right:-350px;bottom:-380px}.orbit-two{width:440px;height:440px;left:-260px;top:-200px}.topbar{height:76px;padding:0 clamp(22px,5vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffdfa}.avatar{background:#ffd4c6;color:#9a4021;border-radius:50%;width:38px;height:38px;font-weight:700}.participant-content{padding:34px clamp(22px,7vw,130px) 108px;max-width:1000px;margin:auto}.welcome-row,.section-heading,.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--muted);margin:0 0 5px}.welcome-row h2{font:700 27px Outfit;margin:0;letter-spacing:-.7px}.event-pill{background:#e5f3ea;border-radius:30px;color:var(--green);font-weight:700;font-size:12px;padding:8px 13px}.points-card{margin:28px 0 34px;background:linear-gradient(120deg,#176947,#1e8057);color:#fff;border-radius:25px;padding:28px 32px;position:relative;overflow:hidden}.points-card p{font-size:11px;letter-spacing:1.5px;font-weight:700;margin:0 0 7px;color:#c9ead7}.points-card strong{font:800 50px Outfit}.points-card>span{font-weight:700}.points-card small{color:#d2eadb}.points-decoration{position:absolute;right:35px;top:12px;font-size:96px;color:#ffffff1c}.progress-line{height:7px;background:#ffffff36;border-radius:10px;margin:20px 0 8px;max-width:540px}.progress-line i{height:100%;display:block;width:0;background:var(--lime);border-radius:inherit;transition:.4s}.section-heading{margin:22px 0 15px}.section-heading h3,.panel h3{margin:3px 0 0;font:700 22px Outfit;letter-spacing:-.5px}.scan-mini{border:1px solid #bdd7c7;border-radius:10px;padding:9px 12px;background:#f0f8f2;color:var(--green);font-weight:700;font-size:12px}.mission-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.mission{border:1px solid var(--line);background:#fffdfa;border-radius:17px;padding:16px;display:flex;align-items:center;gap:13px}.mission-icon{width:42px;height:42px;background:#f0f4e8;color:var(--green);display:grid;place-items:center;border-radius:13px;font-size:20px}.mission h4{font:700 15px Outfit;margin:0 0 3px}.mission p{font-size:12px;color:var(--muted);margin:0}.mission strong{margin-left:auto;color:var(--green);font-size:12px;white-space:nowrap}.mission.done{opacity:.62}.mission.done .mission-icon{background:#e1f2d5}.rewards-heading{margin-top:37px}.rewards-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.reward{background:#fffdfa;border:1px solid var(--line);border-radius:17px;overflow:hidden}.reward-art{height:65px;display:grid;place-items:center;font-size:33px;background:#efe6d8}.reward:nth-child(2) .reward-art{background:#d9eee8}.reward:nth-child(3) .reward-art{background:#ffe1d4}.reward-body{padding:12px}.reward h4{font:700 14px Outfit;margin:0 0 5px}.reward small{color:var(--green);font-weight:700}.bottom-nav{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,1280px);height:74px;background:#fffdfb;border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center}.nav-item{font-size:10px;color:var(--muted);background:none;display:flex;flex-direction:column;align-items:center;gap:3px}.nav-item span{font-size:21px}.nav-item.active{color:var(--green);font-weight:700}.nav-scan{width:50px;height:50px;border-radius:17px;background:var(--lime);font-size:28px;color:var(--green);box-shadow:0 4px 10px #98aa3590}.modal{position:fixed;z-index:10;inset:0;background:#11261bd1;display:grid;place-items:center;padding:20px}.modal-card{max-width:465px;width:100%;background:#fffdfa;border-radius:25px;padding:34px;position:relative;text-align:center}.close-modal{position:absolute;right:18px;top:13px;background:none;font-size:28px;color:var(--muted)}.scan-icon{width:70px;height:70px;margin:0 auto 18px;border-radius:23px;background:var(--lime);display:grid;place-items:center;font-size:42px;color:var(--green)}.modal-card h2{font:700 25px Outfit;margin:8px 0}.modal-card>p{color:var(--muted);font-size:14px;line-height:1.5}.scan-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0}.code-option{padding:12px;text-align:left;background:#f2f5ed;border-radius:12px;border:1px solid transparent}.code-option b{font-size:13px;display:block}.code-option small{color:var(--green);font-weight:700}.manual-code{text-align:left;font-size:12px;font-weight:700;display:block}.manual-code input{margin:7px 0 10px}.toast{position:fixed;z-index:12;left:50%;top:22px;transform:translateX(-50%);background:#17211e;color:white;padding:13px 19px;border-radius:12px;font-size:14px;box-shadow:0 6px 20px #0003}.admin-view{min-height:100vh;background:#f1f3ee}.outline-btn{background:white;border:1px solid #dce1da;color:var(--green);padding:9px 14px;border-radius:10px;font-weight:700;font-size:13px}.admin-content{padding:42px clamp(22px,6vw,90px);max-width:1280px;margin:auto}.admin-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.admin-heading h1{font-size:36px;margin:5px 0 0}.compact{width:auto;padding:12px 17px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.stats-grid article,.panel{background:#fffdfa;border:1px solid var(--line);border-radius:18px;padding:20px}.stats-grid span{font-size:13px;color:var(--muted)}.stats-grid strong{font:700 32px Outfit;display:block;margin:8px 0}.stats-grid small{color:var(--green);font-weight:700;font-size:12px}.admin-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.panel-title{margin-bottom:14px}.panel-title h3{font-size:19px}.panel-title>span{font-size:11px;font-weight:700;color:var(--green);background:#edf7eb;padding:5px 8px;border-radius:20px}.admin-mission{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid var(--line)}.admin-mission:first-child{border-top:0}.admin-mission i{width:10px;height:10px;background:#6abb72;border-radius:50%}.admin-mission b{font-size:14px}.admin-mission span{margin-left:auto;color:var(--muted);font-size:12px}.leads p{padding:12px 0;border-top:1px solid var(--line);margin:0}.leads b,.leads span{display:block;font-size:13px}.leads span{color:var(--muted);font-size:12px;margin-top:3px}.products-panel{margin-top:20px}.admin-products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-admin{background:#f5f6f0;border-radius:12px;padding:14px}.product-admin b{display:block;font-size:14px}.product-admin span{font-size:12px;color:var(--green);font-weight:700}.product-admin small{display:block;color:var(--muted);font-size:11px;margin-top:8px}@media(max-width:640px){.brand-login{left:24px;top:25px}.login-card{padding:33px 27px}.participant-content{padding-top:24px}.mission-list{grid-template-columns:1fr}.rewards-preview{grid-template-columns:repeat(3,1fr)}.reward h4{font-size:12px}.reward-body{padding:9px}.welcome-row h2{font-size:23px}.points-card{padding:24px}.stats-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.admin-heading{align-items:start;flex-direction:column;gap:15px}.admin-products{grid-template-columns:1fr 1fr}.admin-heading h1{font-size:30px}}