@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=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap);*,:after,:before{box-sizing:border-box;margin:0;min-width:0;padding: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;text-decoration:none}img{display:block;height:auto;max-width:100%;object-fit:cover}button,input,select,textarea{font-family:inherit}.container{margin:0 auto;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);line-height:1.7;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);transform:translateY(-6px)}.service-icon-wrap{align-items:center;border-radius:16px;display:flex;flex-shrink:0;font-size:28px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.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 float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 #009b0066}50%{box-shadow:0 0 0 12px #009b0000}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@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);display:grid;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}: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}.admin-topbar{left:0!important}.admin-main{margin-left:0!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.171e11a0.css.map*/