:root{--orange: #FFAE34;--orange-dark: #D98A0C;--orange-light: #FFF3DE;--orange-tint: #FCE7C2;--black: #302E3B;--night: #393939;--gray-700: #3D3D3D;--gray-500: #707070;--gray-400: #C4C4C4;--gray-300: #C4C4C4;--gray-200: #E5E5E5;--gray-100: #F0EFEF;--white: #FFFFFF;--green: #1F8A5B;--green-dark: #176B47;--green-deep: #176B47;--green-light: #E4F3EB;--green-tint: #E4F3EB;--green-border: #A7D3BF;--blue: #507CBD;--blue-deep: #3A5C8C;--blue-soft: #4D678D;--blue-light: #E8F0FA;--blue-tint: #E8F0FA;--dawn: #E0F6FF;--sky: #0FA7E8;--sky-light: #B2E2F7;--fortress: #4D678D;--amber: #9A6B12;--amber-light: #FBEFD6;--red: #C0392B;--red-light: #F7E7E4;--red-tint: #FBEAE8;--bg-page: var(--gray-100);--bg-hero: var(--blue);--bg-hero-deep: var(--blue-deep);--on-hero: #FFFFFF;--on-hero-soft: #B2E2F7;--accent: var(--orange);--accent-dark: var(--orange-dark);--accent-tint: var(--orange-light);--on-accent: var(--black);--surface: var(--white);--surface-2: var(--gray-100);--border: var(--gray-200);--border-subtle: var(--gray-200);--border-strong: var(--gray-400);--app-ink: var(--black);--display: "Work Sans", system-ui, sans-serif;--body: "Open Sans", system-ui, sans-serif;--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font: var(--body);--serif: var(--display);--font-serif: var(--display);--r-sm: 6px;--r: 10px;--r-md: 10px;--r-lg: 16px;--r-xl: 20px;--r-pill: 999px;--sh-card: 0 1px 3px rgba(57,57,57,.1);--sh-card-strong: 0 12px 32px rgba(48,46,59,.16);--sh-pop: 0 12px 32px rgba(48,46,59,.16);--shadow-sm: 0 0 2px 1px rgba(112,112,112,.18);--shadow-md: 0 4px 12px rgba(57,57,57,.12);--shadow-lg: 0 12px 32px rgba(48,46,59,.16);--shadow-card: 0 1px 2px rgba(57,57,57,.06), 0 6px 20px rgba(48,46,59,.08);--focus: 0 0 0 3px rgba(15,167,232,.35);--nav-h: 64px}html,body{margin:0;padding:0}body{font-family:var(--body);background:var(--bg-page);color:var(--black);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}.container-wide{max-width:1280px;margin:0 auto;padding:0 28px}.container{max-width:1080px;margin:0 auto;padding:0 28px}.container-narrow{max-width:860px;margin:0 auto;padding:0 28px}.h1{font-family:var(--display);font-weight:400;font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-.018em;margin:0}.h2{font-family:var(--display);font-weight:400;font-size:clamp(30px,3.5vw,44px);line-height:1.08;letter-spacing:-.015em;margin:0}.h3{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.2;letter-spacing:-.01em;margin:0}.h4{font-family:var(--body);font-weight:600;font-size:17px;line-height:1.3;letter-spacing:-.005em;margin:0}.eyebrow{font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--orange-dark);padding-bottom:8px;border-bottom:1px solid var(--gray-200);margin:0 0 20px}.eyebrow.center{display:inline-block;border-bottom:none;padding:0;margin-bottom:0}.eyebrow.on-dark{color:#f7c97a;border-color:#ffffff2e}.sub{font-size:17px;line-height:1.55;color:var(--gray-500);margin:16px 0 0;max-width:60ch}.meta{font-size:13px;color:var(--gray-500)}.meta.mono{font-family:var(--mono);letter-spacing:.04em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 18px;border-radius:var(--r-pill);font-family:var(--body);font-size:13px;font-weight:600;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn .arrow{font-family:var(--mono);font-weight:600;transition:transform .15s ease}.btn:hover .arrow{transform:translate(2px)}.btn-primary{background:var(--orange);color:var(--black);border-color:var(--orange)}.btn-primary:hover{background:var(--orange-dark);color:var(--black);border-color:var(--orange-dark)}.btn-secondary{background:transparent;color:var(--black);border-color:var(--black)}.btn-secondary:hover{background:var(--black);color:var(--white)}.btn-mango{background:var(--orange-light);color:var(--orange-dark);border-color:var(--orange)}.btn-mango:hover{background:var(--orange);color:var(--black);border-color:var(--orange)}.btn-on-hero{background:transparent;color:var(--white);border-color:#ffffff80}.btn-on-hero:hover{background:#ffffff1a;border-color:#fff}.btn-block{width:100%}.btn-sm{padding:9px 16px;font-size:13px}.text-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--orange-dark);border-bottom:1px solid transparent;transition:border-color .15s ease,color .15s ease}.text-link:hover{color:var(--black);border-color:var(--orange)}.text-link .arrow{font-family:var(--mono);font-weight:600;transition:transform .15s ease}.text-link:hover .arrow{transform:translate(2px)}.section{padding:96px 0}.section.tight{padding:56px 0}.section.compact{padding:44px 0}.section.white{background:var(--white)}.section.dark{background:var(--black);color:var(--white)}.section.tint-orange{background:var(--orange-light);position:relative}.section.tint-orange:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(245,166,35,.45),transparent)}.section.tint-blue{background:var(--blue-tint)}.section.tint-green{background:var(--green-tint)}.section-head{margin-bottom:44px;max-width:740px}.section-head.center{margin-left:auto;margin-right:auto;text-align:center}.section-head.center .sub{margin-left:auto;margin-right:auto}.section-head .h2{margin-top:8px}.section-head .sub{margin-top:14px}.mn-nav{position:sticky;top:0;z-index:50;background:#fef3dce0;backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:3px solid var(--blue);box-shadow:none}.mn-nav .nav-inner{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h);gap:24px}.nav-logo{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:400;font-size:22px;letter-spacing:-.01em;color:var(--black)}.nav-logo-img{height:34px;width:auto;display:block}.nav-logo .logomark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px}.nav-logo .wordmark{font-family:var(--body),system-ui,sans-serif;font-weight:600;font-size:22px;letter-spacing:-.02em;line-height:1;color:var(--black)}.mango-mark{width:100%;height:100%;display:block;overflow:visible}.mango-mark .mk-frame{fill:var(--mk-frame, #507CBD)}.mango-mark .mk-top{fill:var(--mk-top, #FFB949)}.mango-mark .mk-right{fill:var(--mk-right, #FFAE34)}.mango-mark .mk-left{fill:var(--mk-left, #F2A52C)}.mango-mark .mk-edges{stroke:var(--mk-edge, #ffffff);stroke-width:1.8}.nav-links{display:flex;align-items:center;gap:28px;margin-left:auto}.nav-links a{font-size:14px;font-weight:500;color:var(--gray-700);transition:color .15s ease;position:relative;padding:4px 0}.nav-links a:hover,.nav-links a.active{color:var(--black)}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--orange);border-radius:1px}.nav-cta{margin-left:8px}.mn-footer{background:var(--black);color:var(--gray-200);padding:64px 0 28px;border-top:4px solid var(--orange);position:relative}.mn-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 900px 320px at 90% 0%,rgba(245,166,35,.1),transparent 60%);pointer-events:none}.mn-footer>*{position:relative}.mn-footer a{color:var(--gray-200);transition:color .15s ease}.mn-footer a:hover{color:var(--white)}.mn-footer .nav-logo{color:#fff}.mn-footer .mango-mark .mk-edges{stroke:#fff;stroke-width:1.6}.footer-top{display:grid;grid-template-columns:1.2fr 2fr 1.4fr;gap:40px;align-items:start;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-tag{color:#ffffff8c;font-size:13px;margin-top:14px;max-width:32ch;line-height:1.5}.footer-col h5{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#ffffff73;margin:0 0 14px}.footer-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;font-size:14px}.footer-aside .ftr-cta-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:20px 22px}.footer-aside .ftr-cta-card h6{font-family:var(--display);font-weight:400;font-size:20px;color:#fff;margin:0 0 6px;letter-spacing:-.01em}.footer-aside .ftr-cta-card p{color:#ffffff8c;font-size:13px;margin:0 0 14px;line-height:1.5}.footer-bottom{padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-legal{font-size:12px;color:#ffffff73;display:flex;gap:18px;flex-wrap:wrap}.footer-legal a{color:#ffffff8c}.mn-footer .cert-strip{display:flex;flex-wrap:wrap;gap:6px}.mn-footer .cert-pill{background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#fff;font-family:var(--body);font-size:10px;font-weight:600;padding:4px 10px;border-radius:var(--r-sm);letter-spacing:.06em}.cert-pill{background:var(--black);color:var(--white);white-space:nowrap;font-size:11px;font-weight:600;padding:5px 13px;border-radius:var(--r-sm);letter-spacing:.04em;display:inline-block}.cert-pill.accent{background:var(--orange);color:var(--black);box-shadow:inset 0 0 0 1px #0f0f0f14}.cert-strip{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.hero{background:var(--bg-hero);color:var(--on-hero);padding:96px 0 110px;position:relative;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 800px 500px at 80% 10%,rgba(255,255,255,.06),transparent 60%),radial-gradient(ellipse 600px 400px at 10% 90%,rgba(0,0,0,.18),transparent 60%);z-index:-1}.hero-bg-glyph{position:absolute;right:-120px;top:30px;font-family:var(--display);font-size:520px;line-height:1;color:#ffffff0b;user-select:none;z-index:-1;letter-spacing:-.04em}body.hero-mango-glow .hero{border-bottom:4px solid var(--orange)}body.hero-mango-glow .hero:before{background:radial-gradient(ellipse 950px 600px at 88% 12%,rgba(245,166,35,.32),transparent 60%),radial-gradient(ellipse 700px 500px at 5% 95%,rgba(245,166,35,.1),transparent 65%),radial-gradient(ellipse 600px 400px at 50% 60%,rgba(0,0,0,.25),transparent 60%)}body.hero-mango-glow .hero:after{content:"";position:absolute;right:-8%;top:-8%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle at center,#f5a6236b,#f5a62300 65%);z-index:-1;pointer-events:none;filter:blur(8px)}body.hero-mango-glow .hero-bg-glyph{color:#f5a6231a;text-shadow:0 0 80px rgba(245,166,35,.18)}body.hero-cocoa .hero{background:#2a1810;border-bottom:4px solid var(--orange)}body.hero-cocoa .hero:before{background:radial-gradient(ellipse 950px 600px at 88% 12%,rgba(245,166,35,.22),transparent 60%),radial-gradient(ellipse 700px 500px at 5% 95%,rgba(0,0,0,.3),transparent 65%)}body.hero-cocoa .hero-bg-glyph{color:#f5a62317}body.hero-mango-solid .hero{background:var(--orange-dark);border-bottom:4px solid var(--orange)}body.hero-mango-solid .hero h1 .accent-italic{color:#fff}body.hero-mango-solid .hero:before{background:radial-gradient(ellipse 800px 500px at 80% 10%,rgba(255,255,255,.1),transparent 60%),radial-gradient(ellipse 600px 400px at 10% 90%,rgba(0,0,0,.18),transparent 60%)}body.hero-mango-solid .hero-bg-glyph{color:#ffffff14}.hero-eyebrow{font-family:var(--body);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--on-hero-soft);font-weight:600}.hero h1{color:#fff;font-family:var(--display);font-weight:400;font-size:clamp(44px,5.6vw,72px);line-height:1.04;letter-spacing:-.02em;margin:18px 0 0}.hero h1 .accent-italic{color:var(--orange);font-style:italic}.hero .sub{color:var(--on-hero-soft);font-size:18px;max-width:56ch}.hero .sub strong{color:#fff;font-weight:600}.hero .sub em{font-style:italic;color:var(--orange);font-weight:inherit}.hero-ctas{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.hero .cert-pill{background:#0000008c;border:1px solid rgba(255,255,255,.16)}.cert-strip-hero{margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r);box-shadow:var(--sh-card);padding:28px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--r-sm);font-family:var(--body);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;flex:0 0 auto;white-space:nowrap}.badge.orange{background:var(--orange-light);color:var(--orange-dark);border:1px solid var(--orange)}.badge.dark{background:var(--black);color:var(--white)}.badge.green{background:var(--green-tint);color:var(--green);border:1px solid var(--green)}.badge.placeholder{background:transparent;color:var(--gray-500);border:1px dashed var(--gray-400);font-family:var(--mono);letter-spacing:.08em}.placeholder-block{background:repeating-linear-gradient(135deg,var(--gray-100) 0 14px,var(--gray-200) 14px 16px);border:1px dashed var(--gray-400);border-radius:var(--r);color:var(--gray-500);font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;text-align:center;padding:32px;min-height:140px}.cta-banner{background:#1a1108;color:var(--white);padding:80px 0;position:relative;overflow:hidden;border-top:4px solid var(--orange)}.cta-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 1000px 500px at 78% 25%,rgba(245,166,35,.28),transparent 60%),radial-gradient(ellipse 700px 400px at 10% 90%,rgba(245,166,35,.1),transparent 65%);pointer-events:none}.cta-banner .container-wide{position:relative}.cta-banner h2{font-family:var(--display);font-weight:400;color:#fff;font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.018em;margin:0;max-width:22ch}.cta-banner h2 .accent-italic{color:var(--orange);font-style:italic}.cta-banner p{color:#ffffffa6;font-size:18px;margin:16px 0 0;max-width:50ch}.cta-banner .cta-row{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.cta-banner .cert-strip{margin-top:28px;opacity:.7}@media (max-width: 1100px){.footer-top{grid-template-columns:1fr;gap:32px}.footer-cols{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 820px){.nav-links{display:none}.footer-cols{grid-template-columns:1fr 1fr}.section{padding:64px 0}.hero{padding:56px 0 72px}}.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:40px;padding:9px 10px;box-sizing:border-box;background:transparent;border:1px solid var(--gray-200, #e6e8f0);border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.nav-burger span{display:block;height:2px;width:100%;background:var(--black, #15163B);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.nav-burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger[aria-expanded=true] span:nth-child(2){opacity:0}.nav-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 820px){.nav-burger{display:inline-flex;order:3;margin-left:10px}.nav-cta{order:2;margin-left:auto}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:6px 0;background:#fef3dc;border-bottom:3px solid var(--blue, #507CBD);box-shadow:0 14px 26px #1430631f}.mn-nav.open .nav-links{display:flex}.nav-links a{padding:13px 24px;font-size:16px}}.nav-login-m{display:none}@media (max-width: 820px){.nav-login{display:none}.nav-links .nav-login-m{display:block}}.mono{font-family:var(--mono)}.muted{color:var(--gray-500)}.tracked{text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:700}.link{color:var(--blue);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.divider{height:1px;background:var(--gray-200);margin:16px 0}.flag{font-size:10.5px;color:var(--amber);background:var(--orange-light);border-radius:var(--r-sm);padding:2px 8px;font-weight:600;display:inline-block}.empty{text-align:center;padding:48px 20px;color:var(--gray-500)}.empty i{font-size:34px;color:var(--gray-400);margin-bottom:12px;display:block}.redacted{display:inline-flex;align-items:center;gap:5px;color:var(--gray-400);font-size:12px;font-style:italic}.btn-ghost{background:var(--white);color:var(--black);border:1px solid var(--gray-300);border-radius:var(--r-pill);padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;transition:all .15s}.btn-ghost:hover{border-color:var(--black)}.btn-dark{background:var(--black);color:#fff;border-radius:var(--r-pill);padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;transition:all .15s;border:1px solid transparent}.btn-dark:hover{background:var(--gray-700)}.btn-danger{background:var(--white);color:var(--red);border:1px solid var(--red);border-radius:var(--r-pill);padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;transition:all .15s}.btn-danger:hover{background:var(--red);color:#fff}.btn-sm{padding:7px 13px;font-size:12px}.btn:disabled,.btn-ghost:disabled,.btn-dark:disabled{opacity:.45;cursor:not-allowed}.btn i{font-size:16px}body.role-ops .ops-hide,body.role-ops .fin-only,body.role-admin .ops-show{display:none!important}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:22px 24px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--gray-200)}.card-head h3{font-size:18px}.grid{display:grid;gap:16px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px}.stat{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-sm)}.stat .lbl{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);margin-bottom:8px}.stat .val{font-family:var(--display);font-weight:700;font-size:30px;line-height:1}.stat .sub{font-size:11px;color:var(--gray-500);margin-top:6px}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--r-pill);font-size:11px;font-weight:600;border:1px solid transparent;white-space:nowrap}.pill i{font-size:13px}.pill.scheduled{background:var(--blue-light);color:var(--blue-deep)}.pill.collected,.pill.received{background:var(--orange-light);color:var(--orange-dark)}.pill.testing{background:var(--amber-light);color:var(--amber)}.pill.finalized{background:var(--green-light);color:var(--green);border-color:var(--green-border)}.pill.action{background:var(--red-light);color:var(--red)}.pill.neutral{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.grade{display:inline-block;padding:2px 8px;border-radius:var(--r-sm);font-size:11px;font-weight:700}.grade.A{background:var(--green-light);color:var(--green)}.grade.B{background:var(--blue-light);color:var(--blue-deep)}.grade.C{background:var(--amber-light);color:var(--amber)}.grade.ewaste{background:var(--gray-200);color:var(--gray-700)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--gray-500);padding:12px 14px;border-bottom:1px solid var(--gray-200)}.tbl td{padding:13px 14px;border-bottom:1px solid var(--gray-100);vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr.clickable{cursor:pointer}.tbl tr.clickable:hover td{background:var(--gray-100)}.tbl .id{font-family:var(--mono);font-size:12px;color:var(--gray-700)}.bar-row{display:flex;align-items:center;gap:12px;margin-bottom:11px;font-size:12.5px}.bar-row .nm{width:165px;flex-shrink:0;color:var(--gray-700)}.bar-track{flex:1;height:9px;background:var(--gray-100);border-radius:var(--r-pill);overflow:hidden}.bar-fill{height:100%;background:var(--blue);border-radius:var(--r-pill)}.bar-row .amt{width:90px;text-align:right;font-weight:600;font-family:var(--mono);font-size:12px}.coverage-card{background:linear-gradient(120deg,var(--black),var(--fortress));color:#fff;border-radius:var(--r-lg);padding:24px 26px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}.coverage-ring{width:96px;height:96px;border-radius:50%;flex-shrink:0;background:conic-gradient(var(--orange) 0%,rgba(255,255,255,.12) 0);display:flex;align-items:center;justify-content:center}.coverage-ring .inner{width:72px;height:72px;border-radius:50%;background:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center}.coverage-ring .pct{font-family:var(--display);font-weight:700;font-size:24px}.coverage-ring .pl{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80}.timeline{position:relative;padding-left:26px}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--gray-200)}.tl-node{position:relative;padding-bottom:18px}.tl-node:last-child{padding-bottom:0}.tl-dot{position:absolute;left:-26px;top:1px;width:16px;height:16px;border-radius:50%;background:var(--white);border:2px solid var(--gray-400)}.tl-node.done .tl-dot{background:var(--green);border-color:var(--green)}.tl-node.done .tl-dot:after{content:"";font-family:tabler-icons;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff}.tl-node.current .tl-dot{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 4px var(--orange-light)}.tl-title{font-size:13px;font-weight:600}.tl-meta{font-size:11.5px;color:var(--gray-500);margin-top:2px}.doc-row{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--gray-100)}.doc-row:last-child{border-bottom:none}.doc-ico{width:38px;height:38px;border-radius:9px;background:var(--blue-light);color:var(--blue-deep);display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.doc-ico.green{background:var(--green-light);color:var(--green)}.doc-ico.fin{background:var(--blue-light);color:var(--blue-deep)}.doc-ico.off{background:var(--gray-100);color:var(--gray-400)}.doc-name{font-size:13px;font-weight:600}.doc-meta{font-size:11px;color:var(--gray-500);margin-top:1px}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.badge-grid .badge{display:block;background:var(--white);border:1px solid var(--gray-100);border-radius:var(--r-md);padding:18px 20px;font-size:initial;font-weight:400;letter-spacing:normal;text-transform:none;white-space:normal;flex:initial;gap:0}.badge.locked{opacity:.45}.badge-seal{display:block;margin-bottom:10px;font-size:20px;color:var(--blue)}.badge.locked .badge-seal{color:var(--gray-400)}.badge-name{font-family:var(--display);font-weight:700;font-size:15px;margin-bottom:3px}.badge-tier{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--green);margin-bottom:6px}.badge.locked .badge-tier{color:var(--gray-500)}.badge-desc{font-size:12px;color:var(--gray-500);line-height:1.5}.badge-prog{height:3px;background:var(--gray-100);border-radius:var(--r-pill);margin-top:14px;overflow:hidden}.badge-prog .f{height:100%;background:var(--blue)}.earned-chip{display:inline-flex;align-items:center;gap:6px;background:var(--gray-100);border:none;border-radius:var(--r-sm);padding:5px 10px;font-size:12px;font-weight:600;margin:0 6px 6px 0;color:var(--gray-700)}.earned-chip i{color:var(--green);font-size:13px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--gray-200);margin-bottom:22px}.tab{padding:11px 16px;font-size:13px;font-weight:600;color:var(--gray-500);border-bottom:2px solid transparent;cursor:pointer;margin-bottom:-1px}.tab.active{color:var(--black);border-bottom-color:var(--blue)}.menu-wrap{position:relative;display:inline-block}.menu{position:absolute;top:38px;right:0;background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:40;min-width:180px;overflow:hidden;display:none}.menu.show{display:block}.menu-item{padding:11px 15px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:9px}.menu-item:hover{background:var(--gray-100)}.menu-item.danger{color:var(--red);border-top:1px solid var(--gray-200)}.loc-select{position:relative}.loc-btn{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--gray-700);background:var(--gray-100);border:1px solid var(--gray-200);padding:8px 13px;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap}.loc-btn i:first-child{color:var(--blue)}.loc-menu{position:absolute;top:42px;right:0;background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:60;min-width:230px;overflow:hidden;display:none}.loc-menu.show{display:block}.loc-opt{padding:11px 15px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:9px}.loc-opt:hover{background:var(--gray-100)}.loc-opt.add{border-top:1px solid var(--gray-200);color:var(--orange-dark);font-weight:600}.modal-bg{position:fixed;inset:0;background:#0f0f0f6b;display:none;align-items:center;justify-content:center;z-index:50;padding:24px}.modal-bg.show,.modal-bg:not([hidden]){display:flex}.modal{background:var(--white);border-radius:var(--r-lg);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-head{padding:22px 26px 0}.modal-head h3{font-size:21px}.modal-head p{font-size:13px;color:var(--gray-500);margin-top:5px}.modal-body{padding:18px 26px}.modal-foot{padding:16px 26px 22px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--gray-100)}.qopt{display:flex;align-items:center;gap:14px;padding:15px;border:1px solid var(--gray-200);border-radius:var(--r-md);cursor:pointer;margin-bottom:10px;transition:all .15s}.qopt:hover{border-color:var(--blue);background:var(--blue-light)}.qopt-ico{width:44px;height:44px;border-radius:10px;background:var(--blue-light);color:var(--blue-deep);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.qopt:hover .qopt-ico{background:#fff}.qopt-name{font-weight:600;font-size:15px}.qopt-desc{font-size:12.5px;color:var(--gray-500);margin-top:2px;line-height:1.45}.qopt>i:last-child{margin-left:auto}.field{margin-bottom:15px}.field label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;font-family:inherit;font-size:14px;padding:11px 13px;border:1px solid var(--gray-300);border-radius:var(--r-md);background:var(--white);color:var(--black)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue);box-shadow:var(--focus)}.row2{display:flex;gap:12px}.row2>*{flex:1}.check{display:flex;align-items:flex-start;gap:10px;font-size:13px;padding:12px;background:var(--gray-100);border-radius:var(--r-md);cursor:pointer;line-height:1.45}.check input{margin-top:2px;width:16px;height:16px;accent-color:var(--blue);flex-shrink:0}.info-tip{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--gray-400);color:#fff;font-size:10px;font-weight:700;cursor:help}.callout{display:flex;gap:11px;padding:13px 15px;border-radius:var(--r-md);font-size:12.5px;line-height:1.5}.callout i{font-size:18px;flex-shrink:0;margin-top:1px}.callout.warn{background:var(--orange-light);color:var(--amber)}.callout.info{background:var(--blue-light);color:var(--blue-deep)}.callout.legal{background:var(--gray-100);color:var(--gray-700)}.callout.green{background:var(--green-light);color:var(--green)}.seg{display:flex;background:var(--gray-100);border-radius:var(--r-md);padding:3px;gap:3px;margin-bottom:14px}.seg-opt{flex:1;text-align:center;padding:9px;border-radius:var(--r-sm);font-size:12.5px;font-weight:600;color:var(--gray-500);cursor:pointer}.seg-opt.active{background:#fff;color:var(--black);box-shadow:var(--shadow-sm)}.plan-opt{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1.5px solid var(--gray-200);border-radius:var(--r-md);cursor:pointer;margin-bottom:9px;transition:border-color .13s,background .13s}.plan-opt:hover{border-color:var(--blue)}.plan-opt.sel{border-color:var(--blue);background:var(--blue-light)}.plan-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--gray-400);flex-shrink:0;margin-top:2px;position:relative;transition:border-color .13s}.plan-opt.sel .plan-radio{border-color:var(--blue)}.plan-opt.sel .plan-radio:after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--blue)}.plan-body{flex:1;min-width:0}.plan-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.plan-name{font-family:var(--display);font-weight:700;font-size:14.5px;color:var(--black)}.plan-kind{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--gray-500);border:1px solid var(--gray-200);border-radius:var(--r-pill);padding:1px 8px}.plan-opt.sel .plan-kind{color:var(--blue-deep);border-color:var(--blue)}.plan-price{margin-left:auto;font-family:var(--display);font-weight:700;font-size:13.5px;color:var(--blue-deep);white-space:nowrap}.plan-meta{font-size:12px;color:var(--gray-500);line-height:1.45;margin-top:4px}.toggle{position:relative;width:46px;height:26px;border-radius:var(--r-pill);background:var(--gray-400);cursor:pointer;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--green)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s}.toggle.on:after{left:23px}.receipt{background:var(--gray-100);border-radius:var(--r-md);padding:18px 20px}.receipt .line{display:flex;justify-content:space-between;font-size:13.5px;padding:7px 0}.receipt .line.total{border-top:1px solid var(--gray-400);margin-top:6px;padding-top:13px;font-weight:700;font-size:16px}.receipt .line.total .v{font-family:var(--display);font-weight:700;color:var(--green)}.global-search{flex:1;max-width:420px;position:relative;margin:0 8px}.global-search input{width:100%;font-family:inherit;font-size:13px;padding:9px 13px 9px 36px;border:1px solid var(--gray-200);border-radius:var(--r-pill);background:var(--gray-100)}.global-search input:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:var(--focus)}.global-search .gs-ico{position:absolute;left:12px;top:9px;font-size:16px;color:var(--gray-500)}.gs-results{position:absolute;top:44px;left:0;right:0;background:#fff;border:1px solid var(--gray-200);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:60;overflow:hidden;display:none}.gs-results.show{display:block}.gs-row{display:flex;align-items:center;gap:11px;padding:11px 14px;cursor:pointer;border-bottom:1px solid var(--gray-100)}.gs-row:hover{background:var(--gray-100)}.gs-row:last-child{border-bottom:none}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%) translateY(20px);background:var(--black);color:#fff;padding:13px 22px;border-radius:var(--r-pill);font-size:13px;font-weight:500;box-shadow:var(--shadow-lg);opacity:0;transition:all .25s;z-index:80;display:flex;align-items:center;gap:9px}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast i{color:var(--orange);font-size:17px}.manifest-box{border:1px solid var(--gray-200);border-radius:var(--r-md);overflow:hidden;margin-bottom:4px}.manifest-row{display:flex;align-items:center;gap:12px;padding:9px 13px;border-bottom:1px solid var(--gray-100);font-size:13px}.manifest-name{flex:1;font-weight:600}.manifest-sn{font-size:12px}.manifest-del{padding:4px 8px}.manifest-del i{font-size:13px}.manifest-count{padding:8px 13px;font-size:11.5px;color:var(--gray-500)}.manifest-csv-chip{display:flex;align-items:center;gap:10px;background:var(--green-light);border:1px solid var(--green-border);border-radius:var(--r-md);padding:10px 13px;font-size:13px}.manifest-csv-chip>i{color:var(--green);font-size:18px}.manifest-csv-body{flex:1}.manifest-csv-name{font-weight:600;color:var(--green)}.manifest-csv-meta{font-size:11.5px;color:var(--green)}.manifest-csv-clear{border-color:var(--green-border)}.manifest-csv-clear i{font-size:13px}.demo-banner{display:none;align-items:center;gap:12px;padding:9px 24px;background:var(--orange-light);border-bottom:1px solid var(--orange-tint);font-size:13px;flex-shrink:0}body.demo-mode .demo-banner{display:flex}.demo-banner .tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--orange-dark);background:var(--white);border:1px solid var(--orange-tint);border-radius:var(--r-pill);padding:3px 9px}.demo-banner .msg{color:var(--gray-700)}.demo-banner .msg b{color:var(--black)}.demo-banner .btn{margin-left:auto}.rec-row{display:flex;align-items:center;gap:14px;cursor:pointer;border-radius:var(--r-md);padding:8px;margin:-8px;transition:background .15s}.rec-row:hover{background:var(--gray-100)}.pill-btn{cursor:pointer}.sidebar-role-toggle{padding:12px 16px 16px}.sidebar-role-label{font-size:9px;font-weight:700;color:#ffffff4d;text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px}.role-toggle-inner{display:flex;background:#ffffff12;border-radius:var(--r-sm);padding:3px;gap:3px}.role-option{flex:1;text-align:center;padding:6px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#ffffff73;cursor:pointer;transition:all .15s}.role-option.active{background:var(--blue);color:#fff}.section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-500);margin-bottom:3px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.card-credit{background:linear-gradient(120deg,var(--green),var(--green-dark));color:#fff;border:none}.card-credit .card-credit-label{text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:700;color:#fff9}.card-credit .card-credit-val{font-family:var(--display);font-weight:700;font-size:38px;margin:6px 0}.card-credit .card-credit-sub{font-size:12px;color:#ffffffb3}.amt-pos{font-weight:600;color:var(--green);white-space:nowrap}.amt-neg{font-weight:600;color:var(--gray-700);white-space:nowrap}.stat-green{background:var(--green-light);border:1px solid var(--green-border);border-radius:var(--r-lg);padding:18px 20px}.stat-green .stat-green-lbl{text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:700;color:var(--green);margin-bottom:8px}.stat-green .stat-green-val{font-family:var(--display);font-weight:700;font-size:30px;line-height:1;color:var(--green)}.stat-green .stat-green-unit{font-size:15px}.stat-green .stat-green-sub{font-size:11px;color:var(--green);opacity:.7;margin-top:6px}.stat-green-inline{display:flex;align-items:center;gap:13px;background:var(--green-light);border:1px solid var(--green-border);border-radius:var(--r-md);padding:14px 16px}.stat-green-inline>i{font-size:22px;color:var(--green);flex-shrink:0}.stat-green-inline .si-lbl{text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:700;color:var(--green);margin-bottom:2px}.stat-green-inline .si-val{font-family:var(--display);font-weight:700;font-size:22px;color:var(--green)}.stat-green-inline .si-sub{font-size:11px;color:var(--green);opacity:.75}.card-mini{flex:1;text-align:center;box-shadow:none}.card-mini-val{font-family:var(--display);font-weight:700;font-size:22px;margin-top:4px}.card-mini-val.green{color:var(--green)}.card-mini-sub{font-size:11px;color:var(--gray-500)}.callout-green-row{display:flex;align-items:center;gap:13px;background:var(--green-light);border:1px solid var(--green-border);border-radius:var(--r-md);padding:10px 13px;font-size:13px}.card-reserve{border:1px solid var(--orange);background:var(--orange-light)}.card-stat-plain-val{font-family:var(--display);font-weight:700;font-size:38px;margin:6px 0}.card-stat-plain-sub{font-size:12px;color:var(--gray-500)}.photo-tile{flex:1;cursor:pointer}.photo-tile-thumb{height:62px;border-radius:8px;background:linear-gradient(135deg,var(--blue-light),var(--sky-light));border:1px solid var(--gray-200);display:flex;align-items:center;justify-content:center;color:var(--blue-deep);font-size:22px}.photo-tile-lbl{font-size:10.5px;font-weight:600;color:var(--gray-700);margin-top:5px;text-align:center}.upload-zone{border:2px dashed var(--gray-200);border-radius:var(--r-md);padding:20px;text-align:center;cursor:pointer;background:var(--gray-100)}.upload-zone i{font-size:22px;color:var(--gray-400);margin-bottom:6px;display:block}.upload-zone-label{font-size:13px;font-weight:600}.upload-zone-sub{font-size:11.5px;color:var(--gray-500);margin-top:3px}.login-or{display:flex;align-items:center;gap:10px;margin:18px 0 14px;color:var(--gray-500);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.login-or:before,.login-or:after{content:"";flex:1;height:1px;background:var(--gray-200)}.login-skip{margin-top:12px;font-size:12px;color:var(--gray-500);font-weight:600;text-decoration:underline;text-underline-offset:2px}.login-skip:hover{color:var(--orange-dark)}.login-back{font-size:12px;color:var(--gray-500);font-weight:600;margin-top:14px;display:inline-flex;align-items:center;gap:5px}.login-back:hover{color:var(--black)}.demo-step{display:none}.demo-step.show{display:block}.bar-fill-green{height:100%;background:var(--green);border-radius:var(--r-pill)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.search-form{display:flex;flex:1}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px}.table-scroll-wrap{overflow-x:auto}.fmv-footnote{font-size:11px;line-height:1.45;margin-top:10px;opacity:.75}.sub-card{border:1px solid var(--gray-200);border-radius:var(--r-md);padding:14px 16px;margin-bottom:10px}.gs-result-serial{font-family:var(--mono)}.gs-result-sep{color:var(--gray-300);margin:0 6px}.gs-result-job{color:var(--gray-500)}:root{--sidebar-w: 236px;--topbar-h: 62px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;font-family:var(--font);background:var(--gray-100);color:var(--black);overflow:hidden;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.55;margin:0;padding:0}h1,h2,h3,h4{font-family:var(--display);font-weight:700;letter-spacing:-.015em;line-height:1.15;margin:0}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none;cursor:pointer}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--night);display:flex;flex-direction:column;flex-shrink:0;height:100vh}.sidebar-logo{padding:22px 22px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.logo-mark{display:flex;align-items:center;gap:10px}.logo-hex{width:32px;height:32px;background:var(--orange);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--black);font-size:18px}.logo-text{font-family:var(--display);font-weight:700;font-size:20px;color:#fff}.logo-sub{font-size:9px;color:#fff6;margin-top:7px;text-transform:uppercase;letter-spacing:.14em}.logo-lockup{display:block;height:auto}.sidebar-logo .logo-lockup{width:118px}.nav{padding:14px 12px;flex:1;overflow-y:auto}.nav-section{font-size:9px;font-weight:700;color:#ffffff47;text-transform:uppercase;letter-spacing:.12em;padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r-md);font-size:13px;color:#ffffff8c;cursor:pointer;margin-bottom:1px;transition:all .15s;text-decoration:none}.nav-item:hover{background:#ffffff0f;color:#ffffffe6}.nav-item.active{background:var(--blue);color:#fff;font-weight:600}.nav-item i{font-size:18px}.nav-badge{margin-left:auto;font-size:10px;font-weight:700;background:var(--orange);color:var(--black);border-radius:8px;padding:1px 7px}.nav-item.active .nav-badge{background:var(--black);color:#fff}.sidebar-user{padding:14px 20px;border-top:1px solid rgba(255,255,255,.08)}.user-company{font-size:12px;font-weight:600;color:#fff}.user-name{font-size:11px;color:#ffffff73;margin-top:2px}.main{flex:1;height:100vh;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{padding:0 24px;height:var(--topbar-h);background:var(--white);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;gap:14px;flex-shrink:0}.topbar-title{font-family:var(--display);font-weight:700;font-size:19px;white-space:nowrap}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.view{flex:1;display:none;flex-direction:column;overflow:hidden;min-height:0}.view.active{display:flex}mango-dashboard,mango-pickups,mango-hardware,mango-records,mango-billing,mango-csr,mango-account,mango-impact{display:flex;flex-direction:column;min-height:100%}#view-outlet .view{display:flex}.scroll{flex:1;overflow-y:auto;padding:28px}.scroll-wide{max-width:1240px;margin:0 auto;width:100%}.view-outlet{flex:1;height:100vh;overflow-y:auto;background:var(--bg-page)}.screen-body{padding:24px 28px 48px;max-width:1440px;margin:0 auto}.screen-status{font-family:var(--body);font-size:14px;color:var(--gray-500);padding:8px 0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.dash-top{display:flex;flex-direction:column;gap:20px}#view-login{position:fixed;inset:0;align-items:center;justify-content:center;background:linear-gradient(140deg,var(--blue),var(--fortress))}#view-login.active{display:flex}.login-card{background:var(--white);border-radius:var(--r-lg);padding:40px;width:380px;text-align:center;box-shadow:var(--shadow-lg)}.login-card .logo-hex{width:48px;height:48px;font-size:26px;margin:0 auto 16px}.login-card h2{font-size:26px;margin-bottom:4px}.login-card .logo-lockup{width:132px;margin:0 auto 14px;display:block}.login-card .field{text-align:left;margin-bottom:12px}#auth-gate{position:fixed;inset:0;z-index:300;align-items:center;justify-content:center;background:var(--black)}.login-logo{display:flex;align-items:center;gap:12px}.login-logo-mark{width:40px;height:40px;flex-shrink:0;display:block}.login-logo-wm{font-family:var(--display);font-size:20px;font-weight:700;color:var(--black);line-height:1}.login-logo-sub{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-500)}.login-title{font-family:var(--display);font-size:24px;color:var(--black)}.login-text{font-family:var(--body);font-size:14px;color:var(--gray-500)}.btn-lg{padding:14px 24px;font-size:15px}#boot-splash{position:fixed;inset:0;z-index:400;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--black)}#boot-splash .boot-label{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c}.impact-intro{font-size:14px;color:var(--gray-500);line-height:1.5;max-width:70ch}.impact-section-head{font-family:var(--display);font-size:18px;font-weight:700;color:var(--black);margin:26px 0 14px}.impact-earned-chips{display:flex;flex-wrap:wrap;gap:8px}.impact-earned-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;background:var(--green-light);color:var(--green-dark);border:1px solid var(--green-border);border-radius:var(--r-pill);padding:5px 12px}.impact-earned-chip i{font-size:14px}.impact-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.impact-badge{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--r-lg);padding:18px 18px 20px;display:flex;flex-direction:column}.impact-badge-locked{opacity:.55}.impact-badge-seal{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:26px;margin-bottom:10px}.impact-badge-seal-locked{color:var(--gray-400)}.impact-badge-name{font-family:var(--display);font-size:16px;font-weight:700;color:var(--black)}.impact-badge-tier{font-size:12px;color:var(--gray-500);margin-top:2px}.impact-badge-desc{font-size:12px;color:var(--gray-500);margin:8px 0 14px;line-height:1.45}.impact-badge-prog{margin-top:auto;height:6px;border-radius:var(--r-pill);background:var(--gray-200);overflow:hidden}.impact-badge-prog-fill{height:100%;background:var(--blue);border-radius:var(--r-pill)}.reserve-away-card{margin-top:16px;border:1px solid var(--orange);background:var(--orange-light);border-radius:var(--r-lg);padding:16px 18px}.reserve-away-inner{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.reserve-away-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--white);border-radius:var(--r-md);color:var(--orange-dark);font-size:20px}.reserve-away-body{flex:1;min-width:220px}.reserve-away-headline{font-family:var(--display);font-weight:600;font-size:15px;color:var(--black)}.reserve-away-sub{font-size:12.5px;color:var(--gray-500);margin:2px 0 0;line-height:1.45}.reserve-progress-track{margin-top:9px;height:6px;border-radius:var(--r-pill);background:var(--white);overflow:hidden}.reserve-progress-fill{height:100%;background:var(--blue);border-radius:var(--r-pill)}.reserve-away-link{flex-shrink:0;font-size:13px;font-weight:600;color:var(--blue);background:none;border:none;cursor:pointer;text-decoration:underline;padding:0}.reserve-maxed-status{margin-top:16px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--green-dark);background:var(--green-light);border:1px solid var(--green-border);border-radius:var(--r-pill);padding:8px 14px}.reserve-modal-intro{font-size:13px;color:var(--gray-500);line-height:1.5;margin-bottom:14px}.reserve-callout{display:flex;gap:11px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);margin-bottom:16px;font-size:13px;line-height:1.45}.reserve-callout-green{background:var(--green-light);color:var(--green-dark)}.reserve-callout-legal{background:var(--gray-100);color:var(--gray-500);font-size:12px;margin:8px 0 0}.reserve-tier-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.reserve-tier-icon{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--blue-light);color:var(--blue);border-radius:var(--r-md);font-size:18px}.reserve-tier-icon-premier{background:var(--green-light);color:var(--green-dark)}.reserve-tier-name{font-family:var(--display);font-weight:600;font-size:14px;color:var(--black)}.reserve-tier-meta{font-size:12px;color:var(--gray-500);margin-top:2px;line-height:1.45}.reserve-divider{height:1px;background:var(--gray-200);margin:16px 0}.reserve-included-label{font-family:var(--mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);margin-bottom:11px}.reserve-benefits{display:flex;flex-direction:column;gap:12px;margin-bottom:4px}.reserve-benefit{display:flex;gap:11px;align-items:flex-start;font-size:13px;line-height:1.45}.reserve-benefit-desc{font-size:12px;color:var(--gray-500)}.sidebar-cta{padding:12px;border-top:1px solid rgba(255,255,255,.08)}.btn-full{width:100%}.user-role-display{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.04em;color:#ffffff80;margin-top:6px}.nav-toggle-cb,.nav-burger-btn,.nav-backdrop{display:none}@media (max-width: 768px){.nav-burger-btn{display:inline-flex;flex-direction:column;gap:4px;justify-content:center;position:fixed;top:14px;left:14px;z-index:60;width:40px;height:40px;padding:9px;background:var(--black);border-radius:var(--r);cursor:pointer}.nav-burger-btn span{display:block;height:2px;background:#fff;border-radius:2px}.sidebar{position:fixed;left:0;top:0;z-index:70;transform:translate(-100%);transition:transform .2s ease}.nav-toggle-cb:checked~.sidebar{transform:translate(0)}.nav-toggle-cb:checked~.nav-backdrop{display:block;position:fixed;inset:0;z-index:65;background:#0f0f0f80}.view-outlet{width:100%}.topbar{padding-left:64px}}