:root{
  --monpin-canvas:#F8FFFB;
  --monpin-surface:rgba(255,255,255,.94);
  --monpin-ink:#173B28;
  --monpin-forest:#14532D;
  --monpin-green:#2F855A;
  --monpin-mint:#E8F7EF;
  --monpin-lime:#DDF3C4;
  --monpin-sky:#E2F2F8;
  --monpin-warm:#FFF3D6;
  --monpin-border:#D7EADF;
  --monpin-muted:#667A6F;
  --monpin-radius:24px;
  --monpin-shadow:0 18px 50px rgba(20,83,45,.10);
  --monpin-focus:0 0 0 .25rem rgba(47,133,90,.22);
}

html{background:var(--monpin-canvas);scroll-behavior:smooth}
body{background:var(--monpin-canvas);color:var(--monpin-ink);line-height:1.6}
h1,h2,h3,h4,h5,h6{color:var(--monpin-ink);letter-spacing:-.02em}
.system-page-head h1,.system-page-head h2{font-weight:800;font-size:clamp(1.75rem,3vw,2.65rem)}
.system-eyebrow{display:inline-flex;align-items:center;gap:.4rem;color:var(--monpin-green);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.system-card,.panel,.eco-card,.stat-card,.price-card,.metric-card,.modern-price-card{background:var(--monpin-surface);border:1px solid var(--monpin-border)!important;border-radius:var(--monpin-radius)!important;box-shadow:var(--monpin-shadow)!important}
.system-number{position:absolute;top:.8rem;right:1rem;color:rgba(47,133,90,.15);font-size:2rem;font-weight:800;line-height:1}

.btn,.form-control,.form-select,.input-group-text{border-radius:15px;min-height:44px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-weight:700}
.btn-success{--bs-btn-bg:var(--monpin-forest);--bs-btn-border-color:var(--monpin-forest);--bs-btn-hover-bg:#0d4023;--bs-btn-hover-border-color:#0d4023}
.form-control,.form-select,.input-group-text{border-color:var(--monpin-border);background-color:#fff;color:var(--monpin-ink)}
.form-control:focus,.form-select:focus{border-color:var(--monpin-green);box-shadow:var(--monpin-focus)}
:focus-visible{outline:3px solid rgba(47,133,90,.48)!important;outline-offset:3px}
.badge{border-radius:999px;padding:.5em .75em}
.table{--bs-table-color:var(--monpin-ink);--bs-table-bg:transparent}
.table thead th{background:var(--monpin-mint);color:var(--monpin-forest);border-bottom-color:var(--monpin-border);font-weight:800}
.table tbody tr{transition:background-color .18s ease}.table tbody tr:hover{background:rgba(232,247,239,.72)}
.alert{border-radius:18px}.dropdown-menu,.offcanvas,.swal2-popup{border:1px solid var(--monpin-border)!important;border-radius:var(--monpin-radius)!important;box-shadow:var(--monpin-shadow)!important}
.swal2-popup{background:var(--monpin-surface)!important;color:var(--monpin-ink)!important}.swal2-confirm{background:var(--monpin-forest)!important}

.eco-hero{background:radial-gradient(circle at 82% 15%,rgba(221,243,196,.72),transparent 30%),linear-gradient(135deg,var(--monpin-canvas),var(--monpin-mint) 55%,var(--monpin-sky))!important}
.admin-area{background:linear-gradient(180deg,var(--monpin-canvas),#fff 42%,var(--monpin-mint))!important}
.household-dashboard{color:var(--monpin-ink)}
.site-header,.admin-nav-shell,.admin-mobile-top{position:sticky;top:0;z-index:1030;background:rgba(248,255,251,.88)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--monpin-border)}
.site-header .reference-nav{background:transparent!important}.site-header .brand-mark,.admin-nav-shell .admin-brand-logo,.admin-mobile-top .admin-brand-logo{background:linear-gradient(145deg,var(--monpin-lime),var(--monpin-mint))!important;color:var(--monpin-forest)!important}
.brand-logo{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%;background:#fff}.site-header .brand-mark,.admin-brand-logo{overflow:hidden;padding:1px;flex:0 0 auto}.site-header .brand-copy strong{overflow-wrap:anywhere}
.site-footer{margin-top:auto;padding:2.25rem 0 1.25rem;background:linear-gradient(135deg,var(--monpin-forest),#1e7043)!important;color:#fff}.site-footer a,.site-footer small,.site-footer .footer-bottom{color:rgba(255,255,255,.82)!important}
.public-footer{padding:1rem 0 .65rem!important}
.admin-bottom-nav{border:1px solid var(--monpin-border);background:rgba(255,255,255,.96)!important;box-shadow:0 14px 38px rgba(20,83,45,.18)!important}

/* Public website */
.eco-hero .hero-slide{min-height:610px!important}.eco-hero .hero-content{padding-top:5.5rem!important;padding-bottom:8rem!important}.eco-hero .hero-content h1{font-size:clamp(3rem,6vw,5.5rem)!important;font-weight:800;line-height:1.04;letter-spacing:-.055em;overflow-wrap:anywhere}.eco-hero .hero-content p{line-height:1.8;color:var(--monpin-muted)!important}.eco-hero .eyebrow{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1rem;border:1px solid var(--monpin-border);border-radius:999px;background:rgba(255,255,255,.9);color:var(--monpin-green);box-shadow:0 8px 24px rgba(20,83,45,.08)}
.stat-overlap .metric-card{position:relative;overflow:hidden;min-height:150px;padding:1.35rem!important}.stat-overlap .metric-card::after{position:absolute;right:1rem;top:.65rem;font-size:2rem;font-weight:800;color:rgba(47,133,90,.14)}.stat-overlap .row>div:nth-child(1) .metric-card::after{content:"01"}.stat-overlap .row>div:nth-child(2) .metric-card::after{content:"02"}.stat-overlap .row>div:nth-child(3) .metric-card::after{content:"03"}.stat-overlap .row>div:nth-child(4) .metric-card::after{content:"04"}
.section-head h2{font-weight:800;letter-spacing:-.035em}.section-head span,.section-head .eyebrow{color:var(--monpin-green);font-weight:800;letter-spacing:.08em}.eco-card{padding:clamp(1.1rem,3vw,1.75rem)}
.modern-price-card{padding:.8rem!important;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.modern-price-card:hover{transform:translateY(-5px)}.modern-price-card h3{overflow-wrap:anywhere}.waste-price-media{width:88px;height:88px;border-radius:18px!important;background:linear-gradient(145deg,var(--waste-color),var(--monpin-forest))!important}.waste-price-media img{width:100%;height:100%;object-fit:cover}.waste-price-content strong{color:var(--monpin-green)!important}
.schedule-section{background:linear-gradient(145deg,var(--monpin-mint),var(--monpin-sky))!important}.calendar-cell{border-color:var(--monpin-border)!important}.calendar-cell.has-event{background:rgba(255,255,255,.95)!important}.event-dot{border-radius:8px;padding:.25rem .35rem!important}.event-dot:hover{background:var(--monpin-lime);text-decoration:none!important}.event-card{background:var(--monpin-surface)!important;border-color:var(--monpin-border)!important}
.cta-card{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--monpin-forest),#287d4b)!important;border-radius:32px!important;box-shadow:0 24px 60px rgba(20,83,45,.22)!important}.cta-card::after{content:"🌿";position:absolute;right:5%;top:50%;transform:translateY(-50%);font-size:7rem;opacity:.12}.cta-card>*{position:relative;z-index:1}.cta-card h2{color:#fff}.cta-card p{color:rgba(255,255,255,.78)}

/* Admin application */
.admin-area main.container{max-width:1320px}.admin-area main>div:first-child:not(.alert),.admin-area .system-page-head{margin-bottom:1.25rem}.admin-area main h1{font-weight:800;letter-spacing:-.035em}.admin-area main>div:first-child small,.admin-area main>small.text-success{letter-spacing:.07em;text-transform:uppercase}
.admin-dashboard-hero{background:radial-gradient(circle at 78% 20%,rgba(221,243,196,.2),transparent 28%),linear-gradient(125deg,var(--monpin-forest),#267447)!important;border-radius:32px!important;box-shadow:0 24px 60px rgba(20,83,45,.2)!important}.admin-dashboard-hero h1{color:#fff}.admin-dashboard-hero .hero-label{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.2)}
.dashboard-stat{position:relative;overflow:hidden;min-height:140px;border-radius:var(--monpin-radius)!important;border-color:var(--monpin-border)!important;box-shadow:var(--monpin-shadow)!important}.dashboard-stat::after{position:absolute;right:1rem;top:.55rem;font-size:1.85rem;font-weight:800;color:rgba(47,133,90,.13)}.admin-dashboard .row>div:nth-child(1) .dashboard-stat::after{content:"01"}.admin-dashboard .row>div:nth-child(2) .dashboard-stat::after{content:"02"}.admin-dashboard .row>div:nth-child(3) .dashboard-stat::after{content:"03"}.admin-dashboard .row>div:nth-child(4) .dashboard-stat::after{content:"04"}
.admin-area .quick-action{border-color:var(--monpin-border)!important;border-radius:20px!important;background:var(--monpin-surface)!important;box-shadow:0 10px 30px rgba(20,83,45,.06)}.admin-area .quick-action:hover{box-shadow:var(--monpin-shadow)!important}.admin-area .panel{background:var(--monpin-surface)!important;border-radius:var(--monpin-radius)!important}.admin-area .panel>.card-body{padding:clamp(1rem,2vw,1.5rem)}
.admin-area .table-responsive{max-width:100%;overflow-x:auto;border-radius:20px;-webkit-overflow-scrolling:touch}.admin-area .table{min-width:max-content}.admin-area .table td,.admin-area .table th{vertical-align:middle}.admin-area .table td{max-width:320px;overflow-wrap:anywhere}.admin-area .form-control,.admin-area .form-select{background:#fff!important;border-color:var(--monpin-border)!important}.admin-area .form-label{font-weight:700;color:var(--monpin-forest)}
.admin-area .admin-links .active,.admin-area .admin-links>a:hover,.admin-area .admin-links button:hover{background:var(--monpin-mint)!important;color:var(--monpin-forest)!important}.admin-area .admin-user-chip{background:rgba(255,255,255,.82)!important;border-color:var(--monpin-border)!important}
.admin-bottom-nav{left:12px!important;right:12px!important;bottom:10px!important;border-radius:22px;overflow:visible}.admin-bottom-nav a,.admin-bottom-nav button{min-height:58px}.admin-bottom-nav .scan-action i{background:linear-gradient(145deg,var(--monpin-forest),var(--monpin-green))!important;box-shadow:0 9px 24px rgba(20,83,45,.28)}
.admin-more-sheet{background:var(--monpin-canvas)!important}.more-grid a{background:var(--monpin-surface)!important;border:1px solid var(--monpin-border);border-radius:18px!important}.autocomplete-results{border:1px solid var(--monpin-border)!important;box-shadow:var(--monpin-shadow)!important}

/* Household experience */
.household-login{min-height:calc(100vh - 210px);display:grid;align-items:center}.household-login .panel{overflow:hidden;background:var(--monpin-surface)!important}.household-login .panel::before{content:"";display:block;height:8px;background:linear-gradient(90deg,var(--monpin-forest),var(--monpin-green),var(--monpin-lime))}.household-login .login-icon{width:76px;height:76px;margin:auto;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,var(--monpin-mint),var(--monpin-lime));color:var(--monpin-forest);font-size:2rem;box-shadow:0 12px 30px rgba(20,83,45,.12)}
.household-dashboard>div:first-child:not(.alert) h1,.household-dashboard h2{font-weight:800;letter-spacing:-.03em}.household-dashboard .stat-card{position:relative;overflow:hidden;min-height:145px;padding:.1rem}.household-dashboard .stat-card::after{position:absolute;right:1rem;top:.6rem;font-size:1.85rem;font-weight:800;color:rgba(47,133,90,.14)}.household-dashboard .row>div:nth-child(1) .stat-card::after{content:"01"}.household-dashboard .row>div:nth-child(2) .stat-card::after{content:"02"}.household-dashboard .row>div:nth-child(3) .stat-card::after{content:"03"}.household-dashboard .row>div:nth-child(4) .stat-card::after{content:"04"}
.household-dashboard .reward-grid .card{border-radius:var(--monpin-radius)!important;transition:transform .2s ease,box-shadow .2s ease}.household-dashboard .reward-grid .card:hover{transform:translateY(-4px)}.household-dashboard .reward-image,.household-dashboard .reward-placeholder{border-radius:0!important}.household-dashboard .reward-grid h3{overflow-wrap:anywhere}
.household-dashboard .redemption-history,.household-dashboard .sale-history{display:grid;gap:.15rem}.household-dashboard .redemption-row,.household-dashboard .sale-row{border-color:var(--monpin-border)!important;border-radius:16px;padding-left:.7rem!important;padding-right:.7rem!important}.household-dashboard .redemption-row:hover,.household-dashboard .sale-row:hover{background:var(--monpin-mint)}
.household-dashboard>.alert-info{background:linear-gradient(135deg,var(--monpin-sky),var(--monpin-mint));border-color:var(--monpin-border);color:var(--monpin-forest)}.household-dashboard + .bottom-nav{left:12px!important;right:12px!important;bottom:10px!important;border-radius:22px;overflow:hidden;box-shadow:0 14px 38px rgba(20,83,45,.18)!important}.household-dashboard + .bottom-nav a{min-height:58px}
body:not(.admin-area) main.content-pad:not(.household-dashboard) .panel{background:var(--monpin-surface)!important}.redemption-thumb,.reward-image{background:var(--monpin-mint)}

@media(max-width:767.98px){
  .table-responsive{border-radius:18px}
  .bottom-nav,.admin-bottom-nav{padding-bottom:max(.5rem,env(safe-area-inset-bottom))!important}
  main.content-pad{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
  .eco-hero .hero-slide{min-height:690px!important}.eco-hero .hero-content{padding-top:3rem!important;padding-bottom:19rem!important}.eco-hero .hero-content h1{font-size:clamp(2.6rem,13vw,3.45rem)!important}.stat-overlap .metric-card{min-height:145px}.cta-card{padding:2rem!important}.cta-card::after{font-size:5rem;right:-1rem}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}