:root{--primary-green:#4CAF50;--primary-green-hover:#43a047;--secondary-blue:#2196F3;--accent-orange:#FF9800;--alert-red:#F44336;--light-red:#EF5350;--gradient-green-light:#8BC34A;--gradient-green-medium:#9CCC65;--gradient-teal-dark:#00796B;--gradient-teal-darker:#006064;--neutral-bg:#F8FAF9;--neutral-card-bg:#FFFFFF;--neutral-text:#333333;--neutral-muted:#666666;--neutral-light-muted:#999999;--border-color:#E0E7E1;--font-family-base:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,0.04);--shadow-md:0 8px 24px rgba(0,0,0,0.08);--shadow-lg:0 16px 40px rgba(0,121,107,0.12);--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:var(--font-family-base);background-color:var(--neutral-bg);color:var(--neutral-text);line-height:1.6;overflow-x:hidden;scroll-behavior:smooth}a{color:inherit;text-decoration:none}.glass-panel{background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(224,231,225,.7)}.dark-glass-panel{background:rgba(0,96,100,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(139,195,74,.2);color:#FFFFFF}.gradient-text-green{background:linear-gradient(135deg,var(--gradient-teal-darker) 0,var(--primary-green) 50%,var(--gradient-green-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-bg-hero{background:linear-gradient(135deg,#004D40 0,var(--gradient-teal-dark) 40%,#2E7D32 100%);color:#FFFFFF}.gradient-bg-card{background:linear-gradient(135deg,rgba(76,175,80,.08),rgba(0,121,107,.04))}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--primary-green) 0,var(--gradient-teal-dark) 100%);color:#FFFFFF;font-weight:600;padding:12px 24px;border-radius:var(--radius-pill);box-shadow:0 4px 14px rgba(76,175,80,.35);border:none;cursor:pointer;transition:var(--transition-fast)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(76,175,80,.45)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--neutral-card-bg);color:var(--neutral-text);font-weight:600;padding:12px 24px;border-radius:var(--radius-pill);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-fast)}.btn-secondary:hover{background:#F0F4F1;transform:translateY(-2px);border-color:var(--primary-green)}.btn-outline-white{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.15);color:#FFFFFF;font-weight:600;padding:12px 24px;border-radius:var(--radius-pill);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);cursor:pointer;transition:var(--transition-fast)}.btn-outline-white:hover{background:rgba(255,255,255,.25);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:600}.badge-green{background:rgba(76,175,80,.12);color:var(--gradient-teal-dark);border:1px solid rgba(76,175,80,.25)}.badge-orange{background:rgba(255,152,0,.12);color:#E65100;border:1px solid rgba(255,152,0,.25)}.badge-blue{background:rgba(33,150,243,.12);color:#1565C0;border:1px solid rgba(33,150,243,.25)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.hero-grid,.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.three-col-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.four-col-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px}.stats-container{display:flex;gap:30px;padding-top:20px;border-top:1px solid var(--border-color)}.desktop-nav{display:flex;align-items:center;gap:32px;font-weight:500;font-size:.95rem}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--neutral-text)}.mobile-nav-drawer{display:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#F1F1F1}::-webkit-scrollbar-thumb{background:#B2DFDB;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gradient-teal-dark)}@media (max-width:1024px){.four-col-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.hero-grid,.two-col-grid{grid-template-columns:1fr;gap:40px}.hero-content-left{text-align:center}.hero-actions,.stats-container{justify-content:center}.three-col-grid{grid-template-columns:1fr}.desktop-nav{display:none}.mobile-menu-btn{display:block}.mobile-nav-drawer.open{display:flex;flex-direction:column;gap:16px;padding:20px 24px;background:#FFFFFF;border-bottom:1px solid var(--border-color);position:absolute;top:100%;left:0;right:0;box-shadow:var(--shadow-md)}}@media (max-width:640px){.container{padding:0 16px}h1{font-size:2.2rem!important}h2{font-size:1.8rem!important}.stats-container{flex-direction:row;justify-content:space-around;gap:16px}.four-col-grid{grid-template-columns:1fr}.btn-outline-white,.btn-primary,.btn-secondary{width:100%;justify-content:center}}@keyframes floatAnimation{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 12px 35px rgba(76,175,80,.25)}50%{box-shadow:0 24px 60px rgba(76,175,80,.45)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:floatAnimation 5s ease-in-out infinite}.animate-glow{animation:pulseGlow 4s ease-in-out infinite}.animate-fade-in{animation:fadeInUp .8s ease-out forwards}.animated-card{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease}.animated-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 36px rgba(0,121,107,.15)!important;border-color:var(--primary-green)!important}.showcase-card{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}.showcase-card:hover{transform:translateY(-10px);box-shadow:0 20px 45px rgba(0,0,0,.2)!important}.dashboard-layout{display:flex;min-height:100vh;background:#F0F4F2;position:relative}.dashboard-sidebar-container{width:260px;background:#FFFFFF;border-right:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;box-shadow:4px 0 24px rgba(0,0,0,.02);z-index:50;transition:transform .3s ease}.sidebar-overlay{display:none}.dashboard-main{flex:1;display:flex;flex-direction:column;height:100vh;overflow-y:auto;width:100%}.dashboard-header{background:#FFFFFF;padding:20px 40px;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center}.dashboard-header-right{display:flex;align-items:center;gap:24px}.dashboard-content{padding:40px;flex:1}.menu-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--neutral-dark)}.header-date{display:block;color:var(--neutral-muted);font-size:.9rem}.sidebar-close-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--neutral-dark)}@media (max-width:1024px){.dashboard-header{padding:16px 24px}.dashboard-content{padding:24px}.header-date{display:none}}@media (max-width:768px){.dashboard-sidebar-container{position:fixed;top:0;left:0;height:100vh;transform:translateX(-100%)}.dashboard-sidebar-container.open{transform:translateX(0)}.sidebar-close-btn{display:block;position:absolute;top:16px;right:16px}.sidebar-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:40}.menu-btn{display:block}.dashboard-header-right{gap:12px}}@media (max-width:480px){.dashboard-header{padding:12px 16px}.dashboard-content{padding:16px}}