@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@700;800;900&display=swap);@import url(https://fonts.googleapis.com/icon?family=Material+Icons);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@700;800;900&family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap);*,:after,:before{min-width:0}:root{--primary-mid:#007a00;--primary-dark:#062e23;--primary-pale:#f0fff0;--mint:#7fff7f;--amber:#d4821a;--amber-light:#fbbf24;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#080;--warning:#d97706;--danger:#dc2626;--info:#2563eb;--r-xs:4px;--r-sm:6px;--r:10px;--r-lg:16px;--r-xl:24px;--r-2xl:32px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow:0 4px 6px #00000012,0 2px 4px #0000000f;--shadow-md:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-lg:0 20px 25px #0000001a,0 10px 10px #0000000a;--shadow-xl:0 25px 50px #00000026;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.4s cubic-bezier(0.4,0,0.2,1);--sb-width:220px;--sb-width-mini:64px;--topbar-h:52px}html{scroll-behavior:smooth}body,html{overflow-x:hidden}body{-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--white);color:#111827;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit}img{height:auto;object-fit:cover}button,input,select,textarea{font-family:inherit}.container{max-width:1240px;padding:0 clamp(12px,4vw,32px);width:100%}.container-wide{margin:0 auto;max-width:1440px;padding:0 clamp(12px,4vw,40px);width:100%}.section{padding:clamp(40px,6vw,80px) 0}.section-sm{padding:clamp(24px,4vw,48px) 0}.section-alt{background:#f9fafb;background:var(--gray-50)}.grid-2{grid-gap:16px;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-gap:16px;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.flex-between{align-items:center;display:flex;justify-content:space-between}.flex-between,.flex-gap{flex-wrap:wrap;gap:10px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.section-label{align-items:center;background:#e0f9e0;background:var(--primary-light);border-radius:20px;color:#009b00;color:var(--primary);display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:1.5px;margin-bottom:12px;padding:5px 14px;text-transform:uppercase;white-space:nowrap}.section-title{color:#111827;color:var(--gray-900);font-family:Playfair Display,serif;font-size:clamp(22px,4vw,42px);font-weight:800;line-height:1.15;margin-bottom:12px}.section-title-white{color:#fff}.section-sub{color:#6b7280;color:var(--gray-500);font-size:clamp(14px,2vw,16px);max-width:560px}.section-head{margin-bottom:clamp(32px,5vw,56px);text-align:center}.section-head .section-sub{margin:0 auto}.text-muted{color:#6b7280;color:var(--gray-500)}.text-sm{font-size:12px}.btn{border-radius:10px;border-radius:var(--r);flex-shrink:0;gap:7px;justify-content:center;letter-spacing:.2px;line-height:1;overflow:hidden;padding:10px 20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{box-shadow:none}.btn:disabled{opacity:.6;pointer-events:none}.btn-primary{background:linear-gradient(135deg,#009b00,#007a00);background:linear-gradient(135deg,var(--primary),var(--primary-mid))}.btn-primary:hover{background:linear-gradient(135deg,#062e23,#009b00);background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.btn-amber{background:linear-gradient(135deg,#d4821a,#e8951f);background:linear-gradient(135deg,var(--amber),#e8951f);color:#fff}.btn-amber:hover{background:linear-gradient(135deg,#b5691a,#d4821a);background:linear-gradient(135deg,#b5691a,var(--amber))}.btn-outline{background:#0000;border:2px solid #009b00;border:2px solid var(--primary);color:#009b00;color:var(--primary)}.btn-outline:hover{background:#009b00;background:var(--primary);color:#fff}.btn-outline-white{background:#0000;border:2px solid #ffffffb3;color:#fff}.btn-outline-white:hover{background:#fff;color:#009b00;color:var(--primary)}.btn-wa:hover{background:#1ea853}.btn-danger{background:#dc2626;background:var(--danger);color:#fff}.btn-ghost{border:1px solid #e5e7eb;border:1px solid var(--gray-200);color:#4b5563;color:var(--gray-600)}.btn-ghost:hover{background:#f3f4f6;background:var(--gray-100);border-color:#d1d5db;border-color:var(--gray-300)}.btn-lg{border-radius:12px;font-size:15px;padding:13px 28px}.btn-sm{border-radius:8px;padding:7px 14px}.btn-xs{padding:4px 10px}.btn-icon{border-radius:8px;padding:8px}.badge{border-radius:20px;display:inline-block;font-weight:700;letter-spacing:.3px;padding:3px 10px}.badge-new{background:#dbeafe;color:#1e40af}.badge-contacted{background:#fef3c7;color:#92400e}.badge-followup{background:#ede9fe;color:#5b21b6}.badge-converted{background:#d1fae5;color:#065f46}.badge-lost{background:#fee2e2;color:#7f1d1d}.badge-pending{background:#fef3c7;color:#92400e}.badge-assigned{background:#dbeafe;color:#1e40af}.badge-inprogress{background:#ede9fe;color:#5b21b6}.badge-completed{background:#d1fae5;color:#065f46}.badge-cancelled{background:#fee2e2;color:#7f1d1d}.badge-draft{background:#f3f4f6;color:#374151}.badge-sent{background:#fef3c7;color:#92400e}.badge-accepted,.badge-paid{background:#d1fae5;color:#065f46}.badge-overdue{background:#fee2e2;color:#7f1d1d}.badge-published{background:#d1fae5;color:#065f46}.badge-low{background:#fee2e2;color:#7f1d1d}.badge-active,.badge-ok{background:#d1fae5;color:#065f46}.badge-hidden{background:#fee2e2;color:#7f1d1d}.form-label{color:#4b5563;color:var(--gray-600);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.form-hint{color:#9ca3af;color:var(--gray-400);font-size:11px}.form-error{color:#dc2626;color:var(--danger);font-size:11px;font-weight:500}.form-input,.form-select,.form-textarea{background:#fff;border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:10px;border-radius:var(--r);color:#111827;color:var(--gray-900);display:block;font-size:14px;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none}.form-input.error,.form-select.error{border-color:#dc2626;border-color:var(--danger)}.form-select{cursor:pointer}.card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--r-lg);overflow:hidden}.card-hover{transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card-hover:hover{border-color:#e0f9e0;border-color:var(--primary-light);box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.section-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--r-lg);margin-bottom:16px}.section-card-head{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);flex-wrap:wrap;gap:8px}.section-card-body{padding:clamp(14px,2vw,20px)}.modal-overlay{background:#0000008c;overflow-y:auto;padding:clamp(8px,3vw,20px)}.modal{animation:slideUp .2s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:24px;border-radius:var(--r-xl);box-shadow:0 25px 50px #00000026;box-shadow:var(--shadow-xl);max-height:95vh;max-width:540px;overflow-y:auto;padding:clamp(18px,4vw,28px);position:relative;width:100%}.modal-lg{max-width:720px}.modal-xl{max-width:900px}.modal-header{align-items:flex-start;gap:10px;margin-bottom:20px}.modal-title{font-size:clamp(15px,3vw,18px);font-weight:800;line-height:1.3}.modal-close{background:#f3f4f6;background:var(--gray-100);border-radius:50%;color:#6b7280;color:var(--gray-500);flex-shrink:0;font-size:18px;height:32px;min-width:32px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:32px}.modal-close:hover{background:#e5e7eb;background:var(--gray-200)}.modal-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:16px}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:0 0 16px 16px;border-radius:0 0 var(--r-lg) var(--r-lg)}.data-table{min-width:520px}.data-table th{background:#f9fafb;background:var(--gray-50);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);color:#6b7280;color:var(--gray-500);letter-spacing:.5px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.data-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);max-width:220px;word-break:break-word}.data-table tbody tr:hover td{background:#f0fff0;background:var(--primary-pale)}.cell-truncate{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-bar{gap:8px;margin-bottom:16px}.filter-btn{border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:20px;color:#6b7280;color:var(--gray-500);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.alert-success{background:#d1fae5;border-left:4px solid #009b00;color:#065f46}.alert-error,.alert-success{border-radius:10px;border-radius:var(--r);font-size:13px;font-weight:500;padding:12px 16px}.alert-error{background:#fee2e2;border-left:4px solid #ef4444;color:#7f1d1d}.empty-state{color:#9ca3af;color:var(--gray-400);padding:clamp(32px,6vw,56px) 20px}.admin-layout{background:#f9fafb;background:var(--gray-50);display:flex;height:100vh;overflow:hidden;position:relative}.admin-sidebar{background:linear-gradient(180deg,#009b00,#062e23);flex-shrink:0;min-width:220px;min-width:var(--sb-width);overflow-x:hidden;overflow-y:auto;transition:width .25s ease,transform .25s ease;width:220px;width:var(--sb-width);z-index:200}.admin-sidebar::-webkit-scrollbar{width:3px}.admin-sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.sb-logo-wrap{align-items:center;border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;gap:10px;overflow:hidden;padding:14px}.sb-brand-name{color:#fff;font-size:13px;font-weight:800;letter-spacing:-.3px;line-height:1.2;white-space:nowrap}.sb-brand-sub{color:#7fff7f;font-size:10px;opacity:.8;white-space:nowrap}.sb-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:6px 0}.sb-section-label{color:#ffffff4d;font-size:9px;font-weight:700;letter-spacing:1.2px;padding:10px 14px 3px;text-transform:uppercase}.sb-link,.sb-section-label{overflow:hidden;white-space:nowrap}.sb-link{align-items:center;border-left:2.5px solid #0000;color:#ffffffb3;cursor:pointer;display:flex;font-size:12.5px;font-weight:500;gap:9px;padding:8px 14px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.sb-link:hover{background:#ffffff12;color:#fff}.sb-link.active{background:#ffffff1f;border-left-color:#7fff7f;color:#7fff7f;font-weight:700}.sb-badge{background:#e8a020;border-radius:10px;color:#fff;flex-shrink:0;font-size:9px;font-weight:700;margin-left:auto;padding:2px 6px}.sb-user-av{align-items:center;background:#ffffff1f;border-radius:50%;color:#7fff7f;display:flex;flex-shrink:0;font-size:11px;font-weight:800;height:30px;justify-content:center;min-width:30px;width:30px}.sb-user-name{color:#fff;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-user-role{color:#fff6;font-size:10px}.sb-overlay{background:#00000080;display:none;inset:0;position:fixed;z-index:199}.sb-overlay.open{display:block}.admin-main{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.admin-topbar{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-xs);flex-shrink:0;gap:10px;height:52px;height:var(--topbar-h);justify-content:space-between;min-height:52px;min-height:var(--topbar-h);padding:0 clamp(14px,2vw,22px)}.admin-page-title{font-size:clamp(14px,2vw,16px);font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{display:flex;gap:8px}.sb-toggle-btn,.topbar-right{align-items:center;flex-shrink:0}.sb-toggle-btn{background:#f3f4f6;background:var(--gray-100);border:none;border-radius:8px;color:#4b5563;color:var(--gray-600);cursor:pointer;display:none;justify-content:center;padding:7px}.admin-content{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:clamp(14px,2vw,22px)}.admin-content::-webkit-scrollbar{width:5px}.admin-content::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:3px}.stats-grid{grid-gap:clamp(10px,1.5vw,14px);gap:clamp(10px,1.5vw,14px);grid-template-columns:repeat(4,1fr);margin-bottom:clamp(14px,2vw,22px)}.stat-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--r-lg);min-width:0;padding:clamp(14px,2vw,18px) clamp(14px,2vw,20px);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.stat-card:hover{border-color:#e0f9e0;border-color:var(--primary-light);box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f;box-shadow:var(--shadow)}.stat-label{color:#6b7280;color:var(--gray-500);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{font-size:clamp(18px,2.5vw,24px);word-break:break-all}.stat-sub{color:#9ca3af;color:var(--gray-400);font-size:10px;margin-top:4px}.stat-blue{color:#1d4ed8}.stat-green{color:#065f46}.stat-amber{color:#92400e}.stat-red{color:#7f1d1d}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:600px 100%;border-radius:8px}.spinner{animation:spin .65s linear infinite;border:2px solid #ffffff59;border-radius:50%;border-top-color:#fff;display:inline-block;flex-shrink:0;height:16px;width:16px}.spinner-dark{border:2px solid #e5e7eb;border-top-color:#009b00;border:2px solid var(--gray-200);border-top-color:var(--primary)}.hero-slider{height:clamp(320px,50vw,580px);overflow:hidden;position:relative}.hero-slide{inset:0;opacity:0;position:absolute;transition:opacity .9s ease}.hero-slide.active{opacity:1}.hero-dot{background:#0000;border:2px solid #fff9;border-radius:50%;cursor:pointer;height:10px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:10px}.hero-dot.active{background:#fff;border-color:#fff;border-radius:5px;width:28px}.product-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.product-card:hover{border-color:#e0f9e0;border-color:var(--primary-light);box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-6px)}.product-card:hover .product-img img{transform:scale(1.08)}.product-img{flex-shrink:0;height:clamp(160px,20vw,200px);overflow:hidden;position:relative}.product-img img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.service-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;display:flex;flex-direction:column;height:100%;padding:clamp(18px,3vw,28px) clamp(14px,2.5vw,24px);text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.service-card:hover{border-color:#009b00;border-color:var(--primary);box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a;box-shadow:var(--shadow-lg)}.service-icon-wrap{align-items:center;flex-shrink:0;font-size:28px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.service-icon-wrap,.why-card{border-radius:16px;display:flex}.why-card{align-items:flex-start;border:1px solid #f3f4f6;border:1px solid var(--gray-100);gap:14px;padding:clamp(16px,2.5vw,24px);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.why-card:hover{border-color:#e0f9e0;border-color:var(--primary-light);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.why-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:22px;height:48px;justify-content:center;min-width:48px;width:48px}.review-card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:16px;box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f;box-shadow:var(--shadow);display:flex;flex-direction:column;height:100%;padding:clamp(16px,2.5vw,24px);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.review-card:hover{box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.gallery-item{border-radius:12px;cursor:pointer;display:block;overflow:hidden;position:relative}.gallery-item img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.gallery-item:hover img{transform:scale(1.08)}.gallery-overlay{align-items:center;background:#009b0000;display:flex;inset:0;justify-content:center;position:absolute;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.gallery-item:hover .gallery-overlay{background:#009b0099}.gallery-zoom{color:#fff;font-size:32px;opacity:0;transform:scale(.7);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.gallery-item:hover .gallery-zoom{opacity:1;transform:scale(1)}.lightbox-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000eb;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.lightbox-img{animation:scaleIn .3s ease;border-radius:8px;box-shadow:0 0 60px #00000080;max-height:85vh;max-width:min(90vw,900px);object-fit:contain}.lightbox-close{align-items:center;background:#ffffff1f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:44px}.lightbox-close:hover{background:#ffffff40}.lightbox-nav{align-items:center;background:#ffffff1f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:22px;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:48px}.lightbox-nav:hover{background:#ffffff40}.lightbox-prev{left:16px}.lightbox-next{right:16px}.marquee-wrap{mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%,#000 90%,#0000);overflow:hidden;position:relative;width:100%}.marquee-track{animation:marquee 28s linear infinite;display:flex;gap:20px;width:-webkit-max-content;width:max-content}.marquee-track:hover{animation-play-state:paused}.brand-card{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border:1.5px solid var(--gray-200);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:8px;justify-content:center;min-width:120px;padding:12px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);-webkit-user-select:none;user-select:none}.brand-card:hover{border-color:#009b00;border-color:var(--primary);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-4px)}.brand-logo-circle{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:20px;font-weight:800;height:48px;justify-content:center;width:48px}.brand-name{color:#374151;color:var(--gray-700);font-size:11px;font-weight:700;text-align:center}.upload-area{background:#f9fafb;background:var(--gray-50);border:2px dashed #d1d5db;border:2px dashed var(--gray-300);border-radius:12px;cursor:pointer;padding:clamp(20px,4vw,32px) 16px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.upload-area.dragging,.upload-area:hover{background:#f0fff0;background:var(--primary-pale);border-color:#009b00;border-color:var(--primary)}.upload-preview{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:10px;margin-top:10px;max-height:160px;object-fit:cover;width:100%}.wa-float{align-items:center;animation:pulse-glow 2.5s infinite;background:#25d366;border-radius:50%;bottom:clamp(16px,3vw,28px);box-shadow:0 4px 20px #25d36680;cursor:pointer;display:flex;height:52px;justify-content:center;position:fixed;right:clamp(16px,3vw,28px);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:52px;z-index:999}.wa-float:hover{background:#1ea853;transform:scale(1.1)}.perm-badge{background:#e0f9e0;border-radius:10px;color:#009b00;display:inline-block;font-size:10px;font-weight:700;margin:2px;padding:2px 8px}.perm-badge.denied{background:#fee2e2;color:#7f1d1d}.emp-stat-row{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;padding:10px 0}.emp-stat-row:last-child{border-bottom:none}.timeline-item{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;gap:12px;padding:10px 0}.timeline-item:last-child{border-bottom:none}.tl-dot{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;min-width:32px;width:32px}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 #009b0066}50%{box-shadow:0 0 0 12px #009b0000}}@keyframes zoomIn{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(1turn)}}.animate-fade{animation:fadeIn .5s ease forwards}.animate-up{animation:slideUp .5s ease forwards}.animate-left{animation:slideInLeft .6s ease forwards}.animate-right{animation:slideInRight .6s ease forwards}.animate-scale{animation:scaleIn .4s ease forwards}.animate-float{animation:float 3s ease-in-out infinite}.d100{animation-delay:.1s;opacity:0}.d200{animation-delay:.2s;opacity:0}.d300{animation-delay:.3s;opacity:0}.d400{animation-delay:.4s;opacity:0}.d500{animation-delay:.5s;opacity:0}.d600{animation-delay:.6s;opacity:0}@media (min-width:1600px){.container{max-width:1400px}.container-wide{max-width:1600px}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1440px){:root{--sb-width:210px}}@media (max-width:1024px){:root{--sb-width:190px}.grid-4,.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}.admin-layout{flex-direction:row}.admin-sidebar{box-shadow:none;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease;width:220px!important;width:var(--sb-width)!important;z-index:300}.admin-sidebar.sb-open{box-shadow:4px 0 24px #00000040;transform:translateX(0)}.sb-toggle-btn{display:flex}.sb-overlay{display:none}.sb-overlay.open{display:block}.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-value{font-size:20px}.grid-2,.grid-3{grid-template-columns:1fr!important}.grid-4{grid-template-columns:repeat(2,1fr)!important}.hero-slider{height:clamp(300px,55vw,440px)}.modal{border-radius:16px;padding:18px 16px}.modal-lg{max-width:100%}.footer-grid{gap:28px!important;grid-template-columns:1fr 1fr!important}.section{padding:40px 0}.section-head{margin-bottom:28px}.data-table td,.data-table th{font-size:12px;padding:8px 9px}.data-table{min-width:480px}.btn-group{flex-wrap:wrap}}@media (max-width:600px){.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:1fr 1fr!important}.chart-row,.footer-grid{grid-template-columns:1fr!important}.section-label{font-size:10px}}@media (max-width:480px){.stats-grid{gap:8px;grid-template-columns:1fr 1fr}.section-title{font-size:22px}.btn-lg{font-size:14px;padding:12px 20px}.modal{border-radius:14px;max-height:100vh;padding:16px 14px}.modal-title{font-size:15px}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}.filter-bar{gap:6px}.filter-btn{font-size:11px;padding:5px 10px}.product-img{height:160px}.hero-slider{height:clamp(260px,60vw,380px)}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-nav{height:38px;width:38px}.auth-card-inner{padding:20px 16px!important}}@media (max-width:375px){:root{font-size:13px}.stats-grid{gap:8px;grid-template-columns:1fr 1fr}.stat-value{font-size:18px}.stat-label{font-size:10px}.section-title{font-size:20px}.btn-lg{font-size:13px;padding:11px 16px}.btn{padding:9px 14px}.btn,.sb-link{font-size:12px}.sb-link{padding:7px 12px}.data-table td,.data-table th{font-size:11px;padding:8px}}@media (max-width:320px){.container{padding:0 10px}.stats-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr!important}.section-title{font-size:18px}.hero-slider{height:240px}.brand-card{min-width:100px;padding:10px 12px}.brand-logo-circle{font-size:16px;height:40px;width:40px}}@media (min-width:769px){.show-mobile{display:none!important}.hide-mobile{display:flex!important}}@media (max-width:768px) and (orientation:landscape){.hero-slider{height:200px}.admin-sidebar{width:min(220px,70vw)!important;width:min(var(--sb-width),70vw)!important}.lightbox-img{max-height:80vh}}.topbar-search{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;display:flex;gap:8px;max-width:240px;padding:6px 12px;width:100%}.topbar-search input{background:none;border:none;color:#374151;color:var(--gray-700)}.quick-action{align-items:center;border:1.5px solid #0000;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:0;padding:clamp(14px,2vw,18px) 12px;text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.quick-action:hover{border-color:#e0f9e0;border-color:var(--primary-light);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-3px)}.footer-grid{grid-gap:clamp(24px,4vw,48px);gap:clamp(24px,4vw,48px);grid-template-columns:2fr 1fr 1fr 1.3fr;margin-bottom:clamp(28px,4vw,40px)}@media (max-width:900px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}@media (max-width:600px){.footer-grid{gap:24px;grid-template-columns:1fr 1fr}}@media (max-width:400px){.footer-grid{grid-template-columns:1fr}}.admin-content>*,.section>.container>*{max-width:100%}h1,h2,h3,h4,h5,h6,li,p{word-wrap:normal;-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:normal}.data-table td,.data-table th{overflow-wrap:normal;white-space:normal;word-break:normal}.cell-email,.cell-url{word-break:break-all}.table-wrap{max-width:100%}.hero-img-wrap{display:flex}@media (max-width:640px){.hero-img-wrap{display:none!important}.hero-slider .container{grid-template-columns:1fr!important}.hero-pills{flex-wrap:wrap;gap:8px}}@media (max-width:900px){.chart-row{grid-template-columns:1fr!important}}@media (max-width:640px){.modal-lg .modal-2col{grid-template-columns:1fr!important;height:auto!important}}@media (max-width:480px){.topbar-search{display:none}.stats-border-right{border-bottom:1px solid #ffffff1a!important;border-right:none!important;margin-bottom:4px;padding-bottom:20px!important}}.data-table *{-webkit-hyphens:none;hyphens:none;overflow-wrap:normal;word-break:normal}.td-address,.td-email,.td-long{display:block;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:600px){.data-table{font-size:11px;min-width:440px}.data-table td,.data-table th{padding:7px 8px}}.hero-slider div,.hero-slider h1,.hero-slider p{-webkit-hyphens:none!important;hyphens:none!important;overflow-wrap:normal!important;word-break:normal!important}@media (max-width:480px){.hero-slider,section[style*=hero]{height:auto!important;min-height:360px!important;padding-bottom:40px!important}}.emoji{font-feature-settings:normal;display:inline-block;font-size-adjust:none;font-style:normal;font-variant:normal;line-height:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes fadeLeft{0%{opacity:0;transform:translateX(-48px)}to{opacity:1;transform:none}}@keyframes fadeRight{0%{opacity:0;transform:translateX(48px)}to{opacity:1;transform:none}}@keyframes scalePop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes ping{0%,to{opacity:.7;transform:scale(1)}50%{opacity:.25;transform:scale(1.6)}}@keyframes particleFloat{0%,to{opacity:.35;transform:translateY(-10px)}50%{opacity:.75;transform:translateY(10px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes scrollDown{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes chipFloat{0%,to{transform:translateY(-7px)}50%{transform:translateY(7px)}}.animate-fade-up{animation:fadeUp .7s cubic-bezier(.25,.46,.45,.94) both}.animate-fade-left{animation:fadeLeft .7s cubic-bezier(.25,.46,.45,.94) both}.animate-fade-right{animation:fadeRight .7s cubic-bezier(.25,.46,.45,.94) both}.animate-scale-pop{animation:scalePop .5s cubic-bezier(.34,1.56,.64,1) both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.delay-7{animation-delay:.7s}.delay-8{animation-delay:.8s}.reveal{opacity:0;transform:translateY(40px);transition:opacity .65s cubic-bezier(.25,.46,.45,.94),transform .65s cubic-bezier(.25,.46,.45,.94)}.reveal.visible{opacity:1;transform:none}.reveal-left{opacity:0;transform:translateX(-48px);transition:opacity .7s ease,transform .7s ease}.reveal-left.visible{opacity:1;transform:none}.reveal-right{opacity:0;transform:translateX(48px);transition:opacity .7s ease,transform .7s ease}.reveal-right.visible{opacity:1;transform:none}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;color:#1e293b}a{text-decoration:none}img{display:block;max-width:100%}.poppins{font-family:Poppins,sans-serif!important}.site-max{margin:0 auto;max-width:1280px;padding:0 20px}@media(min-width:1024px){.site-max{padding:0 32px}}.site-nav{left:0;position:fixed;right:0;top:0;transition:all .4s;z-index:50}.site-nav.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff5;border-bottom:1px solid #e8ffe8;box-shadow:0 4px 32px #00640012}.site-nav-inner{gap:16px;height:80px;margin:0 auto;max-width:1280px;padding:0 20px}.nav-logo,.site-nav-inner{align-items:center;display:flex}.nav-logo{flex-shrink:0;gap:10px}.nav-logo-icon{align-items:center;background:linear-gradient(135deg,#009b00,#007a00);border-radius:12px;box-shadow:0 6px 16px #009b004d;display:flex;height:40px;justify-content:center;transition:transform .25s;width:40px}.nav-logo-icon:hover{transform:rotate(12deg) scale(1.06)}.nav-logo-name{color:#1e293b;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;line-height:1.2}.nav-logo-sub{color:#009b00;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.nav-links{display:none;flex:1 1;gap:2px;justify-content:center}@media(min-width:1024px){.nav-links{display:flex}}.nav-link{border-radius:8px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;position:relative;transition:color .2s}.nav-link:after{background:#009b00;border-radius:999px;bottom:2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s;width:0}.nav-link.active,.nav-link:hover{color:#009b00}.nav-link.active:after,.nav-link:hover:after{width:20px}.nav-ctas{align-items:center;display:none;gap:8px;margin-left:auto}@media(min-width:1024px){.nav-ctas{display:flex}}.nav-btn-call{align-items:center;background:#0000;border:1px solid #cbd5e1;border-radius:12px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.nav-btn-call:hover{background:#e8ffe8;border-color:#009b0066;color:#009b00}.nav-btn-wa{align-items:center;background:#25d366;border:none;border-radius:12px;box-shadow:0 4px 14px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.nav-btn-wa:hover{background:#1fb85a}.nav-btn-quote{align-items:center;background:linear-gradient(135deg,#009b00,#007a00);border:none;border-radius:12px;box-shadow:0 4px 14px #009b0047;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;padding:8px 20px;transition:all .2s}.nav-btn-quote:hover{box-shadow:0 8px 24px #009b0061;transform:scale(1.03)}.nav-hamburger{background:#0000;border:none;border-radius:10px;color:#475569;cursor:pointer;display:flex;margin-left:auto;padding:8px;transition:background .2s}.nav-hamburger:hover{background:#e8ffe8}@media(min-width:1024px){.nav-hamburger{display:none}}.nav-mobile{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffc;border-top:1px solid #e8ffe8;max-height:0;overflow:hidden;transition:max-height .35s ease}.nav-mobile.open{max-height:400px}.nav-mobile-inner{display:flex;flex-direction:column;gap:4px;padding:16px 20px}.nav-mobile-link{border-radius:12px;color:#374151;cursor:pointer;display:block;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s}.nav-mobile-link:hover{background:#e8ffe8;color:#009b00}.nav-mobile-ctas{display:flex;gap:8px;padding-top:8px}.nav-mobile-ctas a{border-radius:12px;flex:1 1;font-size:13px;font-weight:600;padding:10px;text-align:center}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;position:relative}.hero-bg{animation:gradientShift 12s ease infinite;background:linear-gradient(135deg,#002d00,#007a00 35%,#009b00 65%,#00bcd4);background-size:200% 200%}.hero-bg,.hero-overlay{inset:0;position:absolute}.hero-overlay{background:linear-gradient(90deg,#000000a6,#0000004d,#0000)}.hero-orb1{background:#009b0026;filter:blur(80px);height:500px;left:33%;top:33%;width:500px}.hero-orb1,.hero-orb2{border-radius:50%;pointer-events:none;position:absolute}.hero-orb2{background:#00bcd426;bottom:33%;filter:blur(60px);height:280px;right:25%;width:280px}.hero-particle{animation:particleFloat linear infinite;background:radial-gradient(circle at 30% 30%,#ffffff8c,#00bcd42e);border-radius:50%;box-shadow:inset 0 1px 2px #ffffffb3;pointer-events:none;position:absolute}.hero-inner{margin:0 auto;max-width:1280px;padding:112px 20px 80px;position:relative;width:100%}@media(min-width:1024px){.hero-inner{grid-gap:56px;align-items:center;display:grid;gap:56px;grid-template-columns:1fr 1fr;padding:112px 32px 80px}}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff40;border-radius:999px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 16px}.hero-h1{color:#fff;font-family:Poppins,sans-serif;font-size:clamp(36px,6vw,72px);font-weight:900;letter-spacing:-.02em;line-height:1.06;margin-bottom:20px}.hero-h1-accent{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#0d0,#0c0);-webkit-background-clip:text;display:block}.hero-desc{color:#ffffffd1;font-size:17px;line-height:1.7;margin-bottom:28px;max-width:480px}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.hero-cta-primary{align-items:center;background:linear-gradient(135deg,#009b00,#007a00);border:none;border-radius:18px;box-shadow:0 8px 24px #009b0066;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:14px 28px;transition:all .25s}.hero-cta-primary:hover{box-shadow:0 14px 36px #009b0073;transform:scale(1.05)}.hero-cta-outline{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:2px solid #ffffff80;border-radius:18px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:14px 28px;transition:all .25s}.hero-cta-outline:hover{background:#ffffff38}.hero-cta-white{align-items:center;background:#fff;border:none;border-radius:18px;box-shadow:0 6px 20px #0000001a;color:#009b00;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:14px 28px;transition:all .25s}.hero-cta-white:hover{transform:scale(1.04)}.hero-trust{display:flex;flex-wrap:wrap;gap:16px 20px}.hero-trust-item{align-items:center;color:#ffffffe0;display:flex;font-size:14px;gap:6px}.hero-trust-dot{background:#009b00;border-radius:50%;box-shadow:0 2px 6px #009b004d;flex-shrink:0;height:20px;width:20px}.hero-trust-dot,.hero-visual{align-items:center;display:flex;justify-content:center}.hero-visual{margin-top:40px;position:relative}@media(min-width:1024px){.hero-visual{margin-top:0}}.hero-visual-orb{background:#009b002e;filter:blur(60px);height:320px;width:320px}.hero-visual-orb,.hero-visual-ring{border-radius:50%;position:absolute}.hero-visual-ring{border:1px solid #ffffff1f;height:280px;width:280px}@media(min-width:1024px){.hero-visual-orb,.hero-visual-ring{height:420px;width:420px}}.hero-img-wrap{animation:float 4.5s ease-in-out infinite;border:2px solid #fff3;border-radius:28px;box-shadow:0 24px 60px #00000073;height:320px;overflow:hidden;position:relative;width:280px;z-index:1}@media(min-width:1024px){.hero-img-wrap{height:384px;width:320px}}.hero-img-wrap img{height:100%;object-fit:cover;width:100%}.hero-img-overlay{background:linear-gradient(0deg,#007a0073,#0000);inset:0;position:absolute}.hero-img-price{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:18px;bottom:16px;box-shadow:0 6px 20px #00000026;left:50%;padding:10px 20px;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap}.hero-img-price-label{color:#64748b;font-size:10px;font-weight:500}.hero-img-price-value{color:#009b00;font-family:Poppins,sans-serif;font-size:18px;font-weight:900}.hero-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:18px;box-shadow:0 8px 24px #00000026;gap:8px;padding:8px 12px;position:absolute;z-index:2}.hero-chip,.hero-chip-icon{align-items:center;display:flex}.hero-chip-icon{background:#e8ffe8;border-radius:8px;height:28px;justify-content:center;width:28px}.hero-chip-label{color:#374151;font-size:12px;font-weight:700}.hero-chip-1{animation:chipFloat 3.2s ease-in-out infinite;left:24px;top:-20px}.hero-chip-2{animation:chipFloat 3.2s ease-in-out .5s infinite;right:40px;top:-12px}.hero-chip-3{animation:chipFloat 3.2s ease-in-out 1s infinite;bottom:40px;left:-12px}.hero-chip-4{animation:chipFloat 3.2s ease-in-out 1.5s infinite;bottom:24px;right:0}.hero-scroll{align-items:center;animation:scrollDown 1.6s ease-in-out infinite;bottom:32px;color:#ffffff8c;display:flex;flex-direction:column;gap:4px;left:50%;position:absolute;transform:translateX(-50%)}.hero-scroll-text{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.hero-wave{bottom:0;left:0;position:absolute;right:0}.section-tag{background:#e8ffe8;border-radius:999px;color:#009b00;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;margin-bottom:12px;padding:6px 16px;text-transform:uppercase}.section-h2{color:#1e293b;font-family:Poppins,sans-serif;font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.18}.section-h2 span{color:#009b00}.section-sub{color:#64748b;font-size:15px;line-height:1.7;margin-top:16px}.section-center{text-align:center}.stats-section{background:#f8fafc;padding:80px 0}.stats-grid{grid-gap:1px;background:#e2e8f0;border-radius:24px;box-shadow:0 2px 20px #0000000a;gap:1px;grid-template-columns:repeat(2,1fr);overflow:hidden}@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{background:#fff;padding:32px 20px;text-align:center;transition:background .2s}.stat-item:hover{background:#e8ffe8}.stat-icon-wrap{align-items:center;background:linear-gradient(135deg,#009b00,#007a00);border-radius:16px;box-shadow:0 4px 14px #009b004d;display:flex;height:52px;justify-content:center;margin:0 auto 14px;width:52px}.stat-value{color:#009b00;font-family:Poppins,sans-serif;font-size:36px;font-weight:900}.stat-label{font-size:13px;margin-top:6px}.about-section{background:#f8fafc;padding:96px 0}.about-grid{grid-gap:64px;align-items:center;display:grid;gap:64px}@media(min-width:1024px){.about-grid{grid-template-columns:1fr 1fr}}.about-img-wrap{border-radius:28px;box-shadow:0 24px 60px #0064001a;overflow:hidden;position:relative}.about-img-wrap img{height:520px;object-fit:cover;width:100%}.about-img-overlay{background:linear-gradient(0deg,#009b0047,#0000);inset:0;position:absolute}.about-badge-card{align-items:center;background:#fff;border:1px solid #e8ffe8;border-radius:20px;bottom:-24px;box-shadow:0 8px 30px #0000001f;display:flex;gap:14px;padding:18px 22px;position:absolute;right:-24px}.about-badge-icon{align-items:center;background:linear-gradient(135deg,#009b00,#007a00);border-radius:14px;display:flex;height:52px;justify-content:center;width:52px}.about-badge-value{color:#1e293b;font-family:Poppins,sans-serif;font-size:24px;font-weight:900}.about-badge-label{color:#009b00;font-size:13px;font-weight:600}.about-orb1{background:#e8ffe8;height:96px;left:-20px;top:-20px;width:96px}.about-orb1,.about-orb2{border-radius:50%;position:absolute;z-index:-1}.about-orb2{background:#009b001a;bottom:-32px;height:64px;left:-32px;width:64px}.about-point{background:#fff;border:1px solid #e2e8f0;border-radius:20px;display:flex;gap:16px;margin-bottom:12px;padding:16px;transition:all .2s}.about-point:hover{border-color:#86f086;box-shadow:0 8px 24px #009b0014}.about-point-icon{align-items:center;background:#e8ffe8;border-radius:12px;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-top:2px;width:40px}.about-point-title{color:#1e293b;font-family:Poppins,sans-serif;font-weight:700;margin-bottom:4px}.about-point-desc{color:#64748b;font-size:13px;line-height:1.6}.why-section{background:#fff;padding:96px 0}.why-grid{grid-gap:20px;display:grid;gap:20px;margin-top:56px}@media(min-width:640px){.why-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.why-grid{grid-template-columns:repeat(3,1fr)}}.why-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 1px 4px #0000000a;cursor:default;overflow:hidden;padding:28px;position:relative;transition:all .3s}.why-card:before{background:linear-gradient(135deg,#e8ffe8,#0000);border-radius:28px;content:"";inset:0;opacity:0;position:absolute;transition:.3s}.why-card:hover{border-color:#86f086;box-shadow:0 20px 40px #009b0024;transform:translateY(-8px)}.why-card:hover:before{opacity:1}.why-card-icon{align-items:center;background:linear-gradient(135deg,#009b00,#007a00);border-radius:18px;box-shadow:0 6px 18px #009b0040;display:flex;height:56px;justify-content:center;margin-bottom:20px;position:relative;transition:transform .25s;width:56px}.why-card:hover .why-card-icon{transform:rotate(12deg) scale(1.1)}.why-card-title{color:#1e293b;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;margin-bottom:8px}.why-card-desc{color:#64748b;font-size:13.5px;line-height:1.65}.brands-section{background:#fff;border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;padding:56px 0}.brands-marquee-wrap{overflow:hidden}.brands-marquee-track{animation:marquee 28s linear infinite;display:flex;gap:20px;width:-webkit-max-content;width:max-content}.brand-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;color:#64748b;cursor:default;flex-shrink:0;font-size:13px;font-weight:700;min-width:130px;padding:14px 28px;text-align:center;transition:all .2s}.brand-pill:hover{background:#e8ffe8;border-color:#86f086;color:#009b00}.services-section{background:#f8fafc;padding:96px 0}.services-grid{grid-gap:20px;display:grid;gap:20px;margin-top:48px}@media(min-width:640px){.services-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.services-grid{grid-template-columns:repeat(3,1fr)}}.service-card{border-radius:24px;box-shadow:0 8px 24px #0000001a;color:#fff;overflow:hidden;padding:28px;position:relative;transition:transform .3s,box-shadow .3s}.service-card:hover{box-shadow:0 20px 40px #00000029;transform:translateY(-6px)}.service-card-icon{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:16px;display:flex;height:52px;justify-content:center;margin-bottom:18px;width:52px}.service-card-title{font-family:Poppins,sans-serif;font-size:16px;font-weight:700;margin-bottom:8px}.service-card-desc{font-size:13px;line-height:1.65;opacity:.88}.process-section{background:#fff;padding:96px 0}.process-steps{display:flex;flex-direction:column;gap:24px;margin-left:auto;margin-right:auto;margin-top:56px;max-width:760px}@media(min-width:768px){.process-steps{flex-direction:row;gap:0}}.process-step{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative;text-align:center}.process-step:after{background:#e2e8f0;content:"";display:none;height:1px;left:calc(50% + 36px);position:absolute;top:32px;width:calc(100% - 72px)}@media(min-width:768px){.process-step:not(:last-child):after{display:block}}.process-num{align-items:center;background:linear-gradient(135deg,#009b00,#007a00);border-radius:20px;box-shadow:0 8px 20px #009b004d;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:900;height:64px;justify-content:center;margin-bottom:14px;width:64px}.process-num,.process-title{font-family:Poppins,sans-serif}.process-title{color:#1e293b;font-size:14px;font-weight:700;margin-bottom:6px}.process-desc{color:#64748b;font-size:12px;line-height:1.6;padding:0 8px}.testimonials-section{background:#f8fafc;padding:96px 0}.testimonials-grid{grid-gap:20px;display:grid;gap:20px;margin-top:56px}@media(min-width:768px){.testimonials-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.testimonials-grid{grid-template-columns:repeat(4,1fr)}}.testimonial-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 2px 8px #0000000a;padding:24px;transition:all .25s}.testimonial-card:hover{border-color:#86f086;box-shadow:0 12px 32px #009b001a}.t-stars{color:#009b00;font-size:14px;margin-bottom:12px}.t-text{color:#475569;font-size:13px;font-style:italic;line-height:1.7;margin-bottom:16px}.t-author{align-items:center;display:flex;gap:10px}.t-avatar{border:2px solid #e8ffe8;border-radius:50%;height:40px;object-fit:cover;width:40px}.t-name{color:#1e293b;font-size:13px;font-weight:700}.t-loc{color:#64748b;font-size:11px}.faq-section{background:#fff;padding:96px 0}.faq-list{display:flex;flex-direction:column;gap:12px;margin:56px auto 0;max-width:760px}.faq-item{border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:border-color .2s}.faq-item.open{border-color:#86f086}.faq-q{align-items:center;background:#fff;color:#1e293b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;justify-content:space-between;padding:18px 20px;transition:background .15s}.faq-q:hover{background:#f0fff0}.faq-icon{align-items:center;background:#e8ffe8;border-radius:8px;color:#009b00;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:transform .25s;width:28px}.faq-item.open .faq-icon{background:#009b00;color:#fff;transform:rotate(45deg)}.faq-a{color:#64748b;font-size:13px;line-height:1.7;max-height:0;overflow:hidden;padding:0 20px;transition:all .3s}.faq-item.open .faq-a{max-height:200px;padding:0 20px 18px}.contact-section{background:#f8fafc;padding:96px 0}.contact-grid{grid-gap:40px;display:grid;gap:40px}@media(min-width:1024px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 4px 24px #0000000f;padding:36px}.contact-info-card{display:flex;flex-direction:column;gap:16px}.cinfo-item{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:20px;display:flex;gap:14px;padding:18px;transition:all .2s}.cinfo-item:hover{border-color:#86f086;box-shadow:0 6px 18px #009b0014}.cinfo-icon{align-items:center;background:linear-gradient(135deg,#009b00,#007a00);border-radius:14px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.cinfo-label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.cinfo-value{color:#1e293b;font-size:14px;font-weight:700;margin-top:2px}.contact-form-label{color:#374151;display:block;font-size:12px;font-weight:600;margin-bottom:6px}.contact-form-input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:Inter,sans-serif;font-size:13px;margin-bottom:14px;outline:none;padding:10px 14px;transition:all .2s;width:100%}.contact-form-input:focus{background:#fff;border-color:#009b00;box-shadow:0 0 0 3px #009b001a}.contact-submit{align-items:center;background:linear-gradient(135deg,#009b00,#007a00);border:none;border-radius:14px;box-shadow:0 6px 20px #009b004d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:14px;transition:all .2s;width:100%}.contact-submit:hover{box-shadow:0 10px 28px #009b0066;transform:translateY(-2px)}.footer-wave-top,.site-footer{overflow:hidden;position:relative}.footer-wave-top{background:#f8fafc;height:80px}.footer-body{background:linear-gradient(135deg,#007a00,#009b00,#005e00);padding:64px 0 32px}.footer-grid{grid-gap:40px;display:grid;gap:40px;margin-bottom:48px}@media(min-width:640px){.footer-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr}}.footer-col-title{color:#fff;font-family:Poppins,sans-serif;font-weight:700;margin-bottom:16px}.footer-link{color:#86f086;display:block;font-size:13px;margin-bottom:10px;padding-left:0;transition:all .2s}.footer-link:hover{color:#fff;padding-left:4px}.footer-contact-row{align-items:flex-start;color:#cfc;display:flex;font-size:13px;gap:10px;margin-bottom:12px}.footer-social{display:flex;gap:12px;margin-top:20px}.footer-social-btn{align-items:center;background:#ffffff26;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:36px;justify-content:center;transition:background .2s;width:36px}.footer-social-btn:hover{background:#ffffff40}.footer-bottom{align-items:center;border-top:1px solid #ffffff26;display:flex;flex-direction:column;gap:12px;padding-top:28px;text-align:center}@media(min-width:640px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-copy{color:#86f086;font-size:13px}.footer-links{display:flex;gap:16px}.footer-legal{color:#86f086;font-size:13px;transition:color .2s}.footer-legal:hover{color:#fff}.float-btns{align-items:flex-end;bottom:80px;display:flex;flex-direction:column;gap:12px;position:fixed;right:20px;z-index:50}@media(min-width:1024px){.float-btns{bottom:24px}}.float-action{align-items:center;animation:fadeRight .25s ease both;border-radius:18px;box-shadow:0 6px 20px #00000026;color:#fff;display:flex;font-size:13px;font-weight:700;gap:10px;padding:10px 16px;transition:all .2s}.float-action:hover{transform:translateX(-3px)}.float-action.blue{background:#3b82f6}.float-action.green{background:#25d366}.float-action.teal{background:#009b00}.float-toggle{align-items:center;background:linear-gradient(135deg,#009b00,#007a00);border:none;border-radius:18px;box-shadow:0 8px 24px #009b0066;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:relative;transition:transform .2s;width:56px}.float-toggle:hover{transform:scale(1.08)}.float-ping{animation:ping 2.5s ease-in-out infinite;background:#009b004d;border-radius:18px;inset:0;position:absolute}.float-up{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 14px #0000001a;color:#009b00;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s;width:48px}.float-up:hover{border-color:#86f086;box-shadow:0 8px 24px #009b0026}.mobile-sticky{background:#fff;border-top:1px solid #e2e8f0;bottom:0;box-shadow:0 -4px 20px #00000014;display:grid;grid-template-columns:repeat(3,1fr);left:0;position:fixed;right:0;z-index:40}@media(min-width:1024px){.mobile-sticky{display:none}}.mobile-sticky-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:700;gap:4px;padding:12px 8px;text-decoration:none;transition:background .15s}.mobile-sticky-btn:hover{background:#f0fff0}.pb-mobile{height:56px}@media(min-width:1024px){.pb-mobile{display:none}}.blogs-section{background:#f8fafc;padding:96px 0}.blogs-grid{grid-gap:24px;display:grid;gap:24px;margin-top:56px}@media(min-width:640px){.blogs-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.blogs-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:all .3s}.blog-card:hover{border-color:#86f086;box-shadow:0 16px 40px #009b001a;transform:translateY(-4px)}.blog-img{height:180px;object-fit:cover;transition:transform .5s;width:100%}.blog-card:hover .blog-img{transform:scale(1.08)}.blog-img-wrap{overflow:hidden;position:relative}.blog-body{padding:20px}.blog-cat{color:#009b00;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.blog-title{color:#1e293b;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;line-height:1.4;margin-bottom:10px}.blog-date{color:#94a3b8;font-size:12px}.blog-read-more{align-items:center;color:#009b00;display:inline-flex;font-size:12px;font-weight:700;gap:4px;margin-top:12px}.products-section{background:#f8fafc;padding:96px 0}.product-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:32px 0 40px}.product-filter-btn{background:#fff;border:1px solid #e2e8f0;border-radius:999px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:8px 20px;transition:all .2s}.product-filter-btn:hover{border-color:#86f086;color:#009b00}.product-filter-btn.active{background:#009b00;border-color:#009b00;box-shadow:0 4px 14px #009b004d;color:#fff}.products-grid{grid-gap:24px;display:grid;gap:24px}@media(min-width:640px){.products-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}.product-card-new{background:#fff;border:1px solid #e2e8f0;border-radius:28px;box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:all .3s}.product-card-new:hover{border-color:#86f086;box-shadow:0 16px 40px #009b001f;transform:translateY(-7px)}.product-card-img{background:#f8fafc;height:210px;overflow:hidden;position:relative}.product-card-img img{height:100%;object-fit:cover;transition:transform .5s;width:100%}.product-card-new:hover .product-card-img img{transform:scale(1.1)}.product-badge-primary{background:#009b00;color:#fff;font-weight:700;left:12px}.product-badge-cat,.product-badge-primary{border-radius:999px;font-size:11px;padding:4px 12px;position:absolute;top:12px}.product-badge-cat{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;color:#009b00;font-weight:600;right:12px}.product-card-body{padding:20px}.product-card-name{color:#1e293b;font-family:Poppins,sans-serif;font-size:15px;font-weight:700;margin-bottom:6px}.product-card-desc{color:#64748b;font-size:13px;line-height:1.6;margin-bottom:16px}.product-card-btns{display:flex;gap:8px}.product-btn-primary{background:#009b00;border:none;border-radius:14px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;padding:10px;transition:all .2s}.product-btn-primary:hover{background:#007a00;box-shadow:0 6px 16px #009b004d}.product-btn-outline{background:#0000;border:1px solid #e2e8f0;border-radius:14px;color:#64748b;cursor:pointer;font-size:13px;font-weight:600;padding:10px 16px;transition:all .2s}.product-btn-outline:hover{border-color:#86f086;color:#009b00}.hide-mobile{display:flex}.show-mobile{display:none!important}@media (max-width:1023px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}}.contact-submit{background:linear-gradient(135deg,#009b00,#007a00)!important}.contact-submit:hover{box-shadow:0 10px 28px #009b0066!important}.contact-form-input:focus{border-color:#009b00!important;box-shadow:0 0 0 3px #009b001a!important}.cinfo-icon{background:linear-gradient(135deg,#009b00,#007a00)!important}.section-tag{background:#e0f9e0!important}.section-h2 span,.section-tag{color:#009b00!important}.stat-icon-wrap{background:linear-gradient(135deg,#009b00,#007a00)!important}.stat-value{color:#009b00!important}.why-card-icon{background:linear-gradient(135deg,#009b00,#007a00)!important}.t-stars{color:#009b00!important}.process-num{background:linear-gradient(135deg,#009b00,#007a00)!important}.faq-item.open .faq-icon{background:#009b00!important}.float-toggle{background:linear-gradient(135deg,#009b00,#007a00)!important}.float-ping{background:#009b004d!important}.float-action.teal,.product-btn-primary{background:#009b00!important}.product-btn-primary:hover{background:#007a00!important;box-shadow:0 6px 16px #009b004d!important}.product-filter-btn.active{background:#009b00!important;border-color:#009b00!important}.hero-cta-primary{background:linear-gradient(135deg,#009b00,#007a00)!important;box-shadow:0 8px 24px #009b0066!important}.blog-cat,.blog-read-more,.brand-pill:hover{color:#009b00!important}.brand-pill:hover{background:#e0f9e0!important;border-color:#a0ffa0!important}.container{margin:0 auto;max-width:1280px;padding:0 20px}@media(min-width:1024px){.container{padding:0 32px}}:root{--bg:#f0fff0;--bg2:#f0fff0;--fg:#0f172a;--fg-muted:#64748b;--primary:#009b00;--primary-light:#e0f9e0;--primary-dark:#007a00;--secondary:#007a00;--secondary-light:#cfc;--amber:#f59e0b;--amber-light:#fef3c7;--red:#ef4444;--red-light:#fee2e2;--purple:#8b5cf6;--purple-light:#ede9fe;--card:#ffffffd9;--card-border:#0f172a12;--card-shadow:0 1px 3px #0000000a,0 4px 16px #009b000f;--card-shadow-hover:0 4px 20px #009b001f,0 1px 4px #0000000f;--sidebar-bg:#fffffff7;--sidebar-border:#0f172a0f;--sidebar-active:#009b00;--sidebar-hover:#f0fff0;--border:#0f172a14;--radius:12px;--radius-sm:8px;--radius-lg:16px;--header-h:60px;--sidebar-w:248px;--sidebar-w-collapsed:64px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:#f0fff0;background:var(--bg);color:#0f172a;color:var(--fg);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3,h4{font-family:Plus Jakarta Sans,Inter,sans-serif;font-weight:700}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b899}.admin-shell{background:#f0fff0;background:var(--bg);display:flex;min-height:100vh}.admin-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff7;background:var(--sidebar-bg);border-right:1px solid #0f172a0f;border-right:1px solid var(--sidebar-border);bottom:0;box-shadow:2px 0 20px #0a7cf80a;display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:width .25s cubic-bezier(.4,0,.2,1);width:248px;width:var(--sidebar-w);z-index:100}.admin-sidebar.collapsed{width:64px;width:var(--sidebar-w-collapsed)}.sidebar-logo{border-bottom:1px solid #0f172a0f;border-bottom:1px solid var(--sidebar-border);gap:12px;height:60px;height:var(--header-h);padding:0 16px}.sidebar-logo,.sidebar-logo-icon{align-items:center;display:flex;flex-shrink:0}.sidebar-logo-icon{background:linear-gradient(135deg,#009b00,#009b00);border-radius:10px;box-shadow:0 4px 12px #009b0059;height:36px;justify-content:center;width:36px}.sidebar-logo-icon svg{color:#fff}.sidebar-logo-text{min-width:0}.sidebar-logo-text .name{color:#0f172a;color:var(--fg);font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:700}.sidebar-logo-text .sub{color:#64748b;color:var(--fg-muted);font-size:10px;font-weight:500;letter-spacing:.04em}.sidebar-nav{flex:1 1;overflow-y:auto;padding:10px 8px}.sidebar-section-label{color:#64748b;color:var(--fg-muted);font-size:10px;font-weight:700;letter-spacing:.08em;opacity:.7;padding:10px 12px 4px;text-transform:uppercase}.collapsed .sidebar-section-label{display:none}.collapsed .sidebar-section-divider{display:block!important}.sidebar-section-divider{border:none;border-top:1px solid #0f172a0f;border-top:1px solid var(--sidebar-border);display:none;margin:6px 10px}.sidebar-item{align-items:center;background:#0000;border:none;border-radius:9px;color:#64748b;color:var(--fg-muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;overflow:hidden;padding:9px 12px;position:relative;text-align:left;text-decoration:none;transition:all .15s;white-space:nowrap;width:100%}.sidebar-item:hover{background:#f0fff0;background:var(--sidebar-hover)}.sidebar-item:hover,.sidebar-item:hover svg{color:#009b00;color:var(--primary)}.sidebar-item.active{background:#009b00;background:var(--primary);box-shadow:0 2px 8px #0a7cf84d;color:#fff}.sidebar-item.active svg{color:#fff!important}.sidebar-item .item-label{flex:1 1}.sidebar-item .item-badge{background:#e0f9e0;background:var(--primary-light);border-radius:999px;color:#009b00;color:var(--primary);font-size:10px;font-weight:700;padding:1px 6px}.sidebar-item.active .item-badge{background:#ffffff40;color:#fff}.collapsed .sidebar-item{justify-content:center;padding:10px 0}.collapsed .item-badge,.collapsed .item-label{display:none}.sidebar-footer{border-top:1px solid #0f172a0f;border-top:1px solid var(--sidebar-border);flex-shrink:0;padding:10px 8px 14px}.sidebar-user{align-items:center;border-radius:9px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:background .15s}.sidebar-user:hover{background:#f0fff0;background:var(--sidebar-hover)}.sidebar-avatar{align-items:center;background:linear-gradient(135deg,#009b00,#009b00);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.sidebar-user-info .name{color:#0f172a;color:var(--fg);font-size:12px;font-weight:600}.sidebar-user-info .role{color:#64748b;color:var(--fg-muted);font-size:10px}.admin-topbar{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f0faf6eb;border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--border);display:flex;gap:12px;height:60px;height:var(--header-h);left:248px;left:var(--sidebar-w);padding:0 20px;position:fixed;right:0;top:0;transition:left .25s cubic-bezier(.4,0,.2,1);z-index:90}.admin-topbar.collapsed{left:64px;left:var(--sidebar-w-collapsed)}.topbar-breadcrumb{align-items:center;color:#64748b;color:var(--fg-muted);display:flex;font-size:12px;gap:6px}.topbar-breadcrumb .current{color:#0f172a;color:var(--fg);font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700}.topbar-search{flex:1 1;max-width:320px;position:relative}.topbar-search input{background:#fff;border:1px solid #0f172a14;border:1px solid var(--border);border-radius:9px;color:#0f172a;color:var(--fg);font-size:13px;outline:none;padding:7px 12px 7px 34px;transition:border-color .15s,box-shadow .15s;width:100%}.topbar-search input:focus{border-color:#009b00;border-color:var(--primary);box-shadow:0 0 0 3px #009b001a}.topbar-search .search-icon{color:#64748b;color:var(--fg-muted);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.topbar-actions{gap:6px;margin-left:auto}.topbar-actions,.topbar-btn{align-items:center;display:flex}.topbar-btn{background:#fff;border:1px solid #0f172a14;border:1px solid var(--border);border-radius:9px;color:#64748b;color:var(--fg-muted);cursor:pointer;height:34px;justify-content:center;position:relative;transition:all .15s;width:34px}.topbar-btn:hover{background:#e0f9e0;background:var(--primary-light);border-color:#e0f9e0;border-color:var(--primary-light);color:#009b00;color:var(--primary)}.notif-dot{background:#ef4444;background:var(--red);border:1.5px solid #fff;border-radius:50%;height:7px;position:absolute;right:6px;top:6px;width:7px}.admin-main{background:#f0fff0;background:var(--bg);margin-left:248px;margin-left:var(--sidebar-w);margin-top:60px;margin-top:var(--header-h);min-height:calc(100vh - 60px);min-height:calc(100vh - var(--header-h));padding:24px;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.admin-main.collapsed{margin-left:64px;margin-left:var(--sidebar-w-collapsed)}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd9;background:var(--card);border:1px solid #0f172a12;border:1px solid var(--card-border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 3px #0000000a,0 4px 16px #009b000f;box-shadow:var(--card-shadow);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 4px 20px #009b001f,0 1px 4px #0000000f;box-shadow:var(--card-shadow-hover)}.section-card{background:#ffffffd9;background:var(--card);border:1px solid #0f172a12;border:1px solid var(--card-border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 3px #0000000a,0 4px 16px #009b000f;box-shadow:var(--card-shadow);overflow:hidden}.section-card-head{align-items:center;background:#fff9;border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 18px}.section-card-title{color:#0f172a;color:var(--fg);font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700}.section-card-body{padding:16px 18px}.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.stat-card{background:#ffffffd9;background:var(--card);border:1px solid #0f172a12;border:1px solid var(--card-border);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 3px #0000000a,0 4px 16px #009b000f;box-shadow:var(--card-shadow);cursor:default;display:flex;flex-direction:column;gap:10px;padding:18px;transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:0 4px 20px #009b001f,0 1px 4px #0000000f;box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.stat-header{align-items:center;display:flex;justify-content:space-between}.stat-label{color:#64748b;color:var(--fg-muted);font-size:12px;font-weight:500}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.stat-icon.blue{background:#e0f9e0;color:#009b00}.stat-icon.green{background:#cfc;color:#009b00}.stat-icon.amber{background:#fef3c7;color:#f59e0b}.stat-icon.red{background:#fee2e2;color:#ef4444}.stat-icon.purple{background:#ede9fe;color:#8b5cf6}.stat-value{color:#0f172a;color:var(--fg);font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1}.stat-sub{color:#64748b;color:var(--fg-muted);font-size:11px;margin-top:2px}.stat-trend{align-items:center;display:flex;font-size:11px;font-weight:600;gap:4px}.stat-trend.up{color:#009b00}.stat-trend.down{color:#ef4444}.stat-blue,.stat-green{color:#009b00}.stat-amber{color:#f59e0b}.stat-red{color:#ef4444}.stat-purple{color:#8b5cf6}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.page-title{color:#0f172a;color:var(--fg);font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:800}.page-breadcrumb{align-items:center;color:#64748b;color:var(--fg-muted);display:flex;font-size:11px;gap:5px;margin-bottom:3px}.btn{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;text-decoration:none;transition:all .15s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--secondary);box-shadow:0 2px 8px #10b98147;color:#fff}.btn-secondary:hover{background:#0ea472}.btn-outline{background:#fff;border:1px solid #0f172a14;border:1px solid var(--border);box-shadow:0 1px 3px #0000000a;color:#0f172a;color:var(--fg)}.btn-outline:hover{background:#e0f9e0;background:var(--primary-light);border-color:#e0f9e0;border-color:var(--primary-light);color:#009b00;color:var(--primary)}.btn-ghost{background:#0000;color:#64748b;color:var(--fg-muted)}.btn-ghost:hover{background:#e0f9e0;background:var(--primary-light);color:#009b00;color:var(--primary)}.btn-danger,.btn-delete{background:#fee2e2;border:1px solid #ef444426;color:#ef4444}.btn-danger:hover,.btn-delete:hover{background:#ef4444;color:#fff}.btn-wa{background:#25d366;box-shadow:0 2px 8px #25d36647;color:#fff}.btn-wa:hover{background:#1da851}.btn-sm{border-radius:7px;font-size:12px;padding:5px 10px}.btn-xs{border-radius:6px;font-size:11px;padding:3px 8px}.btn-lg{font-size:14px;padding:10px 20px}.filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.filter-btn{background:#fff;border:1.5px solid #0f172a14;border:1.5px solid var(--border);border-radius:999px;color:#64748b;color:var(--fg-muted);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:6px 14px;transition:all .15s}.filter-btn:hover{background:#e0f9e0;background:var(--primary-light);border-color:#009b00;border-color:var(--primary);color:#009b00;color:var(--primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px #009b0040;color:#fff}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;font-size:13px;width:100%}.data-table th{background:#f1f5f9b3;color:#64748b;color:var(--fg-muted);font-size:11px;font-weight:700;letter-spacing:.05em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td,.data-table th{border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--border)}.data-table td{color:#0f172a;color:var(--fg);padding:11px 14px;vertical-align:middle}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:#0a7cf808}.data-table tbody tr:last-child td{border-bottom:none}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{color:#0f172a;color:var(--fg);font-size:12px;font-weight:600;letter-spacing:.01em}.form-input,.form-select,.form-textarea{background:#f0fff0;background:var(--bg2);border:1.5px solid #0f172a14;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0f172a;color:var(--fg);font-family:inherit;font-size:13px;outline:none;padding:8px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;border-color:#009b00;border-color:var(--primary);box-shadow:0 0 0 3px #009b001a}.form-textarea{line-height:1.6;min-height:80px;resize:vertical}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.badge-active,.badge-completed,.badge-delivered,.badge-paid{background:#cfc;color:#065f46}.badge-expiring,.badge-inprogress,.badge-partial,.badge-pending{background:#fef3c7;color:#92400e}.badge-cancelled,.badge-expired,.badge-inactive,.badge-open,.badge-unpaid{background:#fee2e2;color:#991b1b}.badge-draft,.badge-new,.badge-processing,.badge-sent{color:#1e40af}.badge-assigned{background:#ede9fe;color:#5b21b6}.badge-urgent{background:#ffe4e6;color:#9f1239}.status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;padding:2px 9px}.modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.modal-box{animation:slideUp .2s ease;background:#fff;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0f172a2e,0 4px 16px #0a7cf814;max-height:90vh;max-width:540px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 22px}.modal-title{font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700}.modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;color:var(--fg-muted);cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;width:30px}.modal-close:hover{background:#fee2e2;color:#ef4444;color:var(--red)}.modal-body{display:flex;flex-direction:column;gap:14px;padding:20px 22px}.modal-footer{background:#f1f5f980;border-top:1px solid #0f172a14;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:14px 22px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.chart-row{grid-gap:14px;display:grid;gap:14px;margin-bottom:16px}.collapse-btn{align-items:center;background:#fff;border:1px solid #0f172a14;border:1px solid var(--border);border-radius:8px;color:#64748b;color:var(--fg-muted);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .15s;width:30px}.collapse-btn:hover{background:#e0f9e0;background:var(--primary-light);color:#009b00;color:var(--primary)}.empty-state{flex-direction:column;padding:60px 20px;text-align:center}.empty-state,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{background:#e0f9e0;background:var(--primary-light);border-radius:18px;color:#009b00;color:var(--primary);height:64px;margin-bottom:16px;width:64px}.empty-state h3{font-size:15px;font-weight:700;margin-bottom:6px}.empty-state p{color:#64748b;color:var(--fg-muted);font-size:13px;max-width:280px}.flex-gap{align-items:center;display:flex;gap:6px}.text-muted{color:#64748b;color:var(--fg-muted)}.text-primary{color:#009b00;color:var(--primary)}.text-success{color:#007a00;color:var(--secondary)}.text-danger{color:#ef4444;color:var(--red)}.text-warning{color:#f59e0b;color:var(--amber)}.fw-700{font-weight:700}.fw-600{font-weight:600}.fs-12{font-size:12px}.fs-11{font-size:11px}.mt-4{margin-top:4px}.mb-4{margin-bottom:4px}.kanban-board{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.kanban-col{flex:0 0 220px}.kanban-header{align-items:center;color:#64748b;color:var(--fg-muted);display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.06em;margin-bottom:8px;padding:8px 12px;text-transform:uppercase}.kanban-card{background:#fff;border:1px solid #0f172a14;border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 4px #0000000a;cursor:pointer;margin-bottom:8px;padding:12px;transition:box-shadow .15s,transform .15s}.kanban-card:hover{box-shadow:0 4px 16px #009b001a;transform:translateY(-1px)}.activity-item{border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:10px 0}.activity-item:last-child{border-bottom:none}.activity-icon{border-radius:10px;flex-shrink:0;height:34px;width:34px}.activity-icon,.notif-badge{align-items:center;display:flex;justify-content:center}.notif-badge{background:#ef4444;background:var(--red);border:1.5px solid #f0fff0;border:1.5px solid var(--bg);border-radius:999px;color:#fff;font-size:9px;font-weight:700;height:16px;min-width:16px;padding:0 3px;position:absolute;right:5px;top:5px}.dark-toggle{align-items:center;background:#fff;border:1px solid #0f172a14;border:1px solid var(--border);border-radius:9px;color:#64748b;color:var(--fg-muted);cursor:pointer;display:flex;height:34px;justify-content:center;transition:all .15s;width:34px}.dark-toggle:hover{background:#e0f9e0;background:var(--primary-light);color:#009b00;color:var(--primary)}.divider{border:none;border-top:1px solid #0f172a14;border-top:1px solid var(--border);margin:12px 0}@media (max-width:1023px){.admin-sidebar{transform:translateX(-100%)}.admin-sidebar.mobile-open{transform:translateX(0)}.hide-mobile{display:none!important}}@media (min-width:1024px){.admin-sidebar{transform:translateX(0)!important}}.stat-card{min-height:110px}.stat-value{font-size:28px!important}.data-table td img{border-radius:6px;display:inline-block;height:40px;margin-right:8px;object-fit:cover;vertical-align:middle;width:52px}.table-img-cell{align-items:center;display:flex;gap:10px}.table-img-cell img{border-radius:6px;flex-shrink:0;height:40px;object-fit:cover;width:52px}.section-card-body{padding:18px 20px}.modal-body{gap:16px}.badge-draft,.badge-new,.badge-processing,.badge-sent{background:#e0f9e0;color:#009b00}.filter-btn.active{background:#009b00;border-color:#009b00}.btn-primary{background:#009b00;box-shadow:0 2px 8px #009b0047}.btn-primary:hover{background:#007a00;box-shadow:0 4px 14px #009b0061}.btn-secondary{background:#007a00;box-shadow:0 2px 8px #009b0047}
/*# sourceMappingURL=main.05e98ddf.css.map*/