@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#ffffff;--text:#111827;--muted:#6b7280;--card:#ffffff;--border:#e5e7eb;--purple1:#6f1d8f;--purple2:#8f3aa7;--purpleSoft:#f2e9f6;--green:#16a34a;--greenDark:#0f8a3b;--max: 1120px;--maxContent: 1500px;--fontBump: 5px}*{box-sizing:border-box}html,body{height:100%}html{font-size:calc(16px + var(--fontBump))}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:var(--bg)}.page{width:100%}.container{max-width:var(--max);margin:0 auto;padding:0 16px}.containerWide{max-width:var(--maxContent);margin:0 auto;padding:0 16px}.contentFull{width:100%;padding:38px 0 52px;background:#fff}.contentFull .container{max-width:var(--maxContent)}.hero{background:linear-gradient(180deg,#8f3aa7b3,#6f1d8fb3);padding:18px 0 44px}.heroInner{text-align:center;color:#fff}.heroTop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.heroLogo{display:flex;align-items:center;gap:10px;margin:0;transform:none}.logoImg{width:clamp(90px,10vw,150px);height:clamp(90px,10vw,150px);object-fit:contain;display:block}.logoMark{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:transparent;font-size:16px}.loginWrap{position:relative;display:inline-flex;align-items:center;margin:0;transform:none}.loginBtn{border:1px solid rgba(255,255,255,.3);background:#ffffff24;color:#fff;border-radius:12px;padding:10px 18px;font-weight:900;font-size:clamp(14px,2.2vw,20px);line-height:1;cursor:pointer;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.loginBtn:hover{background:#fff3}@media(max-width:720px){.heroTop{flex-direction:column;justify-content:center;align-items:center;gap:10px}.loginWrap{width:100%;justify-content:center}}.loginMenu{position:absolute;right:0;top:calc(100% + 10px);min-width:190px;background:#fff;border:1px solid rgba(229,231,235,.95);border-radius:12px;box-shadow:0 18px 35px #1118272e;overflow:hidden;z-index:20}.loginMenuItem{width:100%;border:0;background:#fff;text-align:left;padding:12px 14px;font-weight:800;cursor:pointer;color:#111827}.loginMenuItem:hover{background:#6f1d8f14}.modalOverlay{position:fixed;inset:0;background:#1118278c;display:flex;align-items:center;justify-content:center;padding:18px;z-index:999}.modalCard{width:100%;max-width:420px;background:#fff;border-radius:16px;box-shadow:0 25px 60px #1118274d;overflow:hidden}.modalHead{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;border-bottom:1px solid #eef2f7}.modalTitle{font-weight:900;color:#111827}.modalClose{border:0;background:transparent;font-size:18px;cursor:pointer;color:#6b7280}.modalClose:hover{color:#111827}.modalForm{padding:14px;display:flex;flex-direction:column;gap:12px}.fieldLabel{font-size:12px;font-weight:800;color:#111827;margin-bottom:6px}.fieldInput{width:100%;height:42px;border-radius:12px;border:1px solid #e5e7eb;padding:0 12px;outline:none;font-size:13px}.fieldInput:focus{border-color:#6f1d8f8c;box-shadow:0 0 0 4px #6f1d8f1f}.fieldInputErr{border-color:#ef4444cc}.fieldErr{margin-top:6px;font-size:12px;color:#ef4444;font-weight:700}.modalSubmit{margin-top:4px;height:44px;border:0;border-radius:12px;background:linear-gradient(90deg,var(--purple1),var(--purple2));color:#fff;font-weight:900;cursor:pointer}.modalSubmit:hover{filter:brightness(1.03)}.pill{display:inline-block;padding:8px 14px;border-radius:999px;background:#ffffff29;border:1px solid rgba(255,255,255,.22);font-size:12px;letter-spacing:.2px;margin-bottom:18px}.heroTitle{margin:0 0 12px;font-size:44px;line-height:1.05;font-weight:800}.heroSub{margin:0 auto 20px;max-width:760px;font-size:14px;line-height:1.6;color:#ffffffe0}.heroCtas{display:flex;gap:12px;justify-content:center;margin-top:6px}.btn{border:0;border-radius:10px;padding:11px 16px;font-weight:800;font-size:13px;cursor:pointer}.btnPrimary{background:var(--green);color:#fff}.btnPrimary:hover{background:var(--greenDark)}.btnGhost{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.25)}.btnGhost:hover{background:#ffffff2e}.heroBadges{margin-top:26px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.badge{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);min-width:220px}.badgeIcon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#ffffff2e;border:1px solid rgba(255,255,255,.22);font-weight:900}.badgeTitle{font-weight:800;font-size:13px;line-height:1.1}.badgeSub{font-size:12px;opacity:.88;margin-top:2px}.sectionHead.center{text-align:center}.h2{margin:0;font-size:22px;font-weight:900;color:#111827}.muted{color:var(--muted);margin:8px 0 0}.muted.small{font-size:12px;margin-top:6px}.catGrid{margin-top:18px;display:grid;grid-template-columns:repeat(4,4fr);gap:14px}.catDropdown{position:absolute;top:110%;left:0;width:100%;background:#fff;border-radius:12px;box-shadow:0 12px 30px #00000026;z-index:50;overflow:hidden}.catDropdownItem{padding:12px 14px;font-size:14px;cursor:pointer;white-space:nowrap}.catDropdownItem:hover{background:#6f1d8f14}.catCard{position:relative;background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 12px;box-shadow:0 8px 18px #1118270d;text-align:center;cursor:pointer}.catIcon{width:40px;height:40px;margin:0 auto 10px;border-radius:12px;display:grid;place-items:center;background:var(--purpleSoft);border:1px solid rgba(111,29,143,.1);font-size:18px}.catTitle{font-size:14px;font-weight:800;text-align:center;color:#111827;white-space:normal;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25;min-height:36px}.catSub{margin-top:6px;font-size:12px;color:var(--muted)}.sectionRow{margin-top:34px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.h3{margin:0;font-size:18px;font-weight:900;color:#111827}.link{margin-top:4px;color:var(--purple1);font-weight:900;text-decoration:none;font-size:12px}.link:hover{text-decoration:underline}.prodGrid{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.prodCard{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 10px 20px #1118270f}.prodImgWrap{position:relative;height:160px;background:#f3f4f6;overflow:hidden}.prodImg{width:100%;height:100%;object-fit:cover;display:block}.tag{position:absolute;top:10px;left:10px;padding:6px 10px;background:var(--purple1);color:#fff;border-radius:999px;font-size:11px;font-weight:900}.prodBody{padding:14px}.prodCat{font-size:11px;color:var(--muted);font-weight:800}.prodTitle{margin-top:6px;font-weight:900;font-size:13px;color:#111827}.metaRow{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px}.rating{font-weight:900;color:var(--purple1)}.reviews{color:var(--muted)}.stock{margin-top:8px;font-size:12px;color:var(--greenDark);font-weight:900}.priceRow{margin-top:10px;display:flex;align-items:baseline;gap:8px}.price{font-size:16px;font-weight:900}.oldPrice{font-size:12px;color:var(--muted);text-decoration:line-through}.addBtn{margin-top:12px;width:100%;border:0;border-radius:10px;padding:11px 12px;background:var(--green);color:#fff;font-weight:900;font-size:13px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px}.addBtn:hover{background:var(--greenDark)}.trust{margin-top:42px;padding-top:26px}.miniPill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#16a34a1a;color:#166534;border:1px solid rgba(22,163,74,.18);font-size:12px;font-weight:900;margin-bottom:12px}.bigTitle{font-size:28px;font-weight:900}.trustSub{max-width:760px;margin-left:auto;margin-right:auto;font-size:13px;line-height:1.6}.trustGrid{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.trustCard{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:0 10px 18px #1118270d;min-height:110px}.trustIcon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--purpleSoft);border:1px solid rgba(111,29,143,.14);color:var(--purple1);font-size:16px;margin-bottom:10px}.trustTitle{font-size:13px;font-weight:900;margin-bottom:6px}.trustDesc{font-size:12px;color:var(--muted);line-height:1.55}.statsBar{background:#6f1d8f;border-radius:14px;padding:18px 16px;margin-top:24px;display:grid;gap:16px;text-align:center;align-items:center;grid-template-columns:repeat(3,minmax(0,1fr))}.stat{text-align:center;color:#fff}.statBig{font-size:22px;font-weight:900;letter-spacing:.2px}.statSmall{margin-top:4px;font-size:12px;opacity:.9}.testi{max-width:1100px;margin:44px auto 0;padding:0 16px}.testiGrid{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testiCard{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 22px #11182712;padding:24px 22px 22px;min-height:230px}.stars{color:#f59e0b;font-weight:900;letter-spacing:1px;font-size:16px}.starsFade{color:#fde68a}.quote{margin-top:12px;font-size:15px;color:#374151;line-height:1.7}.purchased{margin-top:12px;display:inline-block;padding:8px 12px;border-radius:999px;background:#6f1d8f14;border:1px solid rgba(111,29,143,.16);color:var(--purple1);font-weight:900;font-size:12px}.who{margin-top:16px;display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:999px;object-fit:cover;border:2px solid #fff;box-shadow:0 10px 18px #1118271f}.whoName{font-weight:900;font-size:14px}.whoPlace{color:var(--muted);font-size:12px;margin-top:2px}.newsletter{margin-top:34px;background:#6f1d8f0f;border-top:1px solid rgba(111,29,143,.1);border-bottom:1px solid rgba(111,29,143,.1);padding:18px 16px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.newsTitle{font-weight:900}.newsSub{margin-top:4px;color:var(--muted);font-size:12px}.newsForm{display:flex;gap:10px;align-items:center}.newsInput{width:320px;max-width:52vw;height:38px;border-radius:10px;border:1px solid var(--border);padding:0 12px;outline:none;background:#fff}.newsBtn{height:38px;padding:0 14px;border-radius:10px;border:0;background:linear-gradient(90deg,var(--purple1),var(--purple2));color:#fff;font-weight:900;cursor:pointer}.newsBtn:hover{filter:brightness(1.03)}.footer{margin-top:22px;padding-top:26px;border-top:1px solid var(--border)}.footGrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px;padding-bottom:18px}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brandMark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#6f1d8f1a;color:var(--purple1);border:1px solid rgba(111,29,143,.14)}.brandLogo{width:24px;height:24px;object-fit:contain;display:block}.brandDesc{margin:10px 0 12px;color:var(--muted);font-size:12px;line-height:1.6;max-width:420px}.contactItem{color:#374151;font-size:12px;margin:6px 0;word-break:break-word}.social{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.socBtn{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);display:grid;place-items:center;text-decoration:none;color:var(--purple1);background:#fff;font-weight:900}.socBtn:hover{background:#6f1d8f0f;border-color:#6f1d8f2e}.colTitle{font-weight:900;margin-bottom:10px}.colLinks{display:flex;flex-direction:column;gap:8px}.footLink{text-decoration:none;color:var(--muted);font-size:12px}.footLink:hover{color:var(--purple1)}.footBottom{border-top:1px solid var(--border);padding:14px 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.copy{color:var(--muted);font-size:12px}.policies{display:flex;gap:14px}.policyLink{text-decoration:none;color:var(--muted);font-size:12px}.policyLink:hover{color:var(--purple1)}@media(max-width:1100px){.catGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:stretch}.prodGrid,.trustGrid,.testiGrid{grid-template-columns:repeat(2,1fr)}.footGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.brandCol{grid-column:1 / -1}.linkCol:nth-of-type(1){grid-column:1}}@media(max-width:560px){.heroTitle{font-size:30px}.heroCtas{flex-direction:column;align-items:center}.prodGrid,.trustGrid{grid-template-columns:1fr}.statsBar{grid-template-columns:repeat(2,minmax(0,1fr))}.testiGrid{grid-template-columns:1fr}.newsletter{flex-direction:column;align-items:flex-start}.newsInput{width:100%;max-width:100%}.newsForm{width:100%}.footBottom{flex-direction:column;align-items:flex-start}.social{display:flex;flex-wrap:nowrap;gap:10px}.socBtn{flex:0 0 auto}.catGrid{overflow:visible}.catCard{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:14px 10px 16px;border-radius:16px;background:#fff;height:auto;min-height:150px;overflow:visible}.catTitle{font-size:15px;font-weight:600;text-align:center;color:#111827;white-space:normal;word-break:break-word;line-height:1.3;margin-top:8px}.catDropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;max-height:260px;overflow-y:auto;background:#fff;border-radius:14px;box-shadow:0 18px 40px #00000038;z-index:999}.catDropdownItem{padding:14px 16px;font-size:15px}}@media(max-width:900px){.statsBar{grid-template-columns:repeat(2,minmax(0,1fr))}.statsBar .stat:last-child{grid-column:1 / -1;justify-self:center;max-width:240px;width:100%}}.toast{min-width:300px;max-width:500px;padding:16px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px;animation:slideIn .3s ease-out;margin-bottom:12px}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background-color:#d4edda;color:#155724;border-left:4px solid #28a745}.toast-error{background-color:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.toast-warning{background-color:#fff3cd;color:#856404;border-left:4px solid #ffc107}.toast-info{background-color:#d1ecf1;color:#0c5460;border-left:4px solid #17a2b8}.toast-icon{flex-shrink:0;display:flex;align-items:center}.toast-message{flex:1;font-size:14px;font-weight:500;line-height:1.4}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;opacity:.6;transition:opacity .2s}.toast-close:hover{opacity:1}@media(max-width:768px){.toast{min-width:auto}.toast-container{top:10px;right:10px;left:10px}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:0;pointer-events:none}.toast-container .toast{pointer-events:all}:root{--primary: #2e7d32;--primary-light: #4caf50;--primary-dark: #1b5e20;--secondary: #7b1fa2;--accent: #ff9800;--bg-main: #f8faf8;--bg-card: #ffffff;--text-main: #212121;--text-muted: #666666;--border-color: #e0e0e0;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12);--radius: 12px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#e8f5e9,#fff),radial-gradient(circle at bottom right,#f3e5f5,#fff);padding:20px}.auth-card{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:48px;border-radius:24px;box-shadow:var(--shadow-lg);width:100%;max-width:440px;border:1px solid rgba(255,255,255,.3);animation:slideUp .6s ease-out}.auth-logo{text-align:center;margin-bottom:40px}.auth-logo img{width:80px;margin-bottom:16px;filter:drop-shadow(0 4px 6px rgba(46,125,50,.2))}.auth-logo h2{font-size:28px;font-weight:700;color:var(--primary-dark)}.auth-logo p{color:var(--text-muted);font-size:15px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;color:var(--text-main);font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:var(--radius);font-size:15px;color:var(--text-main);background:#fff;transition:var(--transition)}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2e7d321a;outline:none}.btn-primary{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:var(--radius);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #2e7d3233}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2e7d324d}.btn-primary:active{transform:translateY(0)}.btn-secondary{padding:10px 20px;background:#fff;border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius);font-weight:600;cursor:pointer;transition:var(--transition)}.btn-secondary:hover{background:#2e7d320d}.btn-success{background:linear-gradient(135deg,#43a047,#2e7d32);color:#fff;padding:12px 24px;border-radius:var(--radius);border:none;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #2e7d3233}.admin-layout{display:flex;min-height:100vh}.sidebar{width:280px;background:#1a2a1a;color:#fff;padding:32px 24px;position:fixed;height:100vh;z-index:100;transition:var(--transition)}.sidebar-logo{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px}.sidebar-logo img{width:40px;height:40px;border-radius:8px}.sidebar-menu{list-style:none}.sidebar-menu li{margin-bottom:8px}.sidebar-menu a{display:flex;align-items:center;padding:12px 16px;color:#ffffffb3;text-decoration:none;border-radius:12px;font-weight:500;transition:var(--transition)}.sidebar-menu a:hover,.sidebar-menu a.active{background:#ffffff1a;color:#fff}.sidebar-menu a svg{margin-right:12px;opacity:.8}.main-content{flex:1;margin-left:280px;min-height:100vh;display:flex;flex-direction:column}.top-bar{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);top:0;z-index:90;padding:16px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.content-area{padding:40px;max-width:1400px;width:100%;margin:0 auto}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.stat-card{padding:24px;border-radius:20px;background:#fff;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border-color);transition:var(--transition)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-info h3{font-size:32px;font-weight:700;margin-bottom:4px}.stat-info p{color:var(--text-muted);font-weight:500;font-size:14px}.stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-card.purple .stat-icon{background:#f3e5f5;color:#7b1fa2}.stat-card.green .stat-icon{background:#e8f5e9;color:#2e7d32}.stat-card.orange .stat-icon{background:#fff3e0;color:#ff9800}.stat-card.blue .stat-icon{background:#e3f2fd;color:#1976d2}.table-container{background:#fff;border-radius:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:hidden}.table-header{padding:24px 32px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:20px}thead{background:#f8fafc}thead th{padding:16px 32px;text-align:left;font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}tbody td{padding:20px 32px;border-bottom:1px solid #f1f5f9;font-size:15px}tbody tr:hover{background:#f8fafc}.status-badge{padding:6px 12px;border-radius:99px;font-size:12px;font-weight:600}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef9c3;color:#854d0e}.status-badge.delivered{background:#dbeafe;color:#1e40af}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:24px;width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalScale .3s ease-out}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{padding:32px;border-bottom:1px solid var(--border-color)}.modal-body{padding:32px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hover-lift{transition:var(--transition)}.hover-lift:hover{transform:translateY(-2px)}.loading-overlay{position:fixed;inset:0;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.spinner{width:48px;height:48px;border:4px solid var(--primary-light);border-top-color:var(--primary-dark);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:1024px){.sidebar{width:80px;padding:32px 12px}.sidebar-logo span,.sidebar-menu a span{display:none}.main-content{margin-left:80px}}@media(max-width:768px){body{font-size:14px}.auth-container{padding:10px}.auth-card{width:100%;margin:0 auto}.sidebar{width:60px}.sidebar.expanded{width:200px}.main-viewport{padding:10px}table{font-size:12px}.pagination button{font-size:12px;padding:5px}}@media(max-width:480px){body{font-size:12px}.auth-card{padding:5px}.sidebar{width:50px}.sidebar.expanded{width:150px}.main-viewport{padding:5px}table{font-size:10px}.pagination button{font-size:10px;padding:3px}}.login-bg-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#d246d2,#fff,#32ad32);padding:20px}.login-white-card{background:#fff;padding:40px 30px;border-radius:12px;width:100%;max-width:420px;box-shadow:0 10px 25px #0000001a;text-align:center}.login-logo-img{width:80px;margin-bottom:15px}.portal-sub{font-size:14px;font-weight:600;color:#444;margin-bottom:30px}.input-field-group{position:relative;margin-bottom:20px}.input-field-group input{width:100%;padding:12px 40px 12px 15px;border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none}.input-icon{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#999;cursor:pointer}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:15px;color:#666}.forgot-link{color:#7b1fa2;text-decoration:none}.terms-text{font-size:11px;color:#999;margin-bottom:25px;line-height:1.4}.login-submit-btn{width:100%;padding:12px;background-color:#7b1fa2;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .2s}.login-submit-btn:hover{opacity:.9}.error-text{color:#dc3545;font-size:13px;margin-bottom:15px}.forgot-helper-text{font-size:13px;color:#555;line-height:1.5;margin-bottom:20px;max-width:280px;margin-left:auto;margin-right:auto}.brand-name{font-family:Times New Roman,serif;font-size:22px;color:#333;margin-bottom:5px}.success-text{background:#e8f5e9;padding:10px;border-radius:8px;border:1px solid #c8e6c9}.admin-container{display:flex;min-height:100vh;background-color:#fcfcfc;overflow:hidden;font-family:Inter,sans-serif}.sidebar{background-color:#3b1141;color:#fff;display:flex;flex-direction:column;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:0 24px 24px 0;padding:20px 0;flex-shrink:0;position:relative}.sidebar.expanded{width:260px;min-width:260px}.sidebar.collapsed{width:85px;min-width:85px;align-items:center}.sidebar.collapsed .brand-title-main,.sidebar.collapsed .nav-label,.sidebar.collapsed .logout-button span{display:none}.sidebar-toggle{position:absolute;right:-12px;top:40px;width:24px;height:24px;background:#fff;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#3b1141;box-shadow:0 2px 4px #0000001a;z-index:10}.sidebar-header{padding:0 20px;margin-bottom:30px;text-align:center}.logo-placeholder-text{font-size:28px;font-weight:600;margin-bottom:25px;color:#fff}.brand-section{display:flex;flex-direction:column;align-items:center;gap:12px}.logo-circle{width:65px;height:65px;background:#fff;border-radius:50%;padding:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-circle img{max-width:100%;height:auto}.brand-title-main{font-weight:700;font-size:14px;letter-spacing:.8px;color:#fff;white-space:nowrap}.sidebar-nav{flex:1;padding:0 12px;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;padding:12px 16px;text-decoration:none;color:#fffc;border-radius:12px;transition:all .2s}.nav-item:hover{background:#ffffff14}.nav-item.active{background-color:#28a745;color:#fff;font-weight:500}.nav-label{margin-left:12px;font-size:13px;white-space:nowrap}.logout-button{margin:20px 12px;padding:12px 16px;background-color:#28a745;border:none;border-radius:12px;color:#fff;display:flex;align-items:center;cursor:pointer}.main-viewport{flex:1;background:#fcfcfc;display:flex;flex-direction:column;min-width:0;width:100%;max-height:100vh;overflow-y:auto;scrollbar-width:thin}.top-header{height:70px;background:#fff;padding:0 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0}.header-page-title{color:#3b1141;font-size:24px;font-weight:600}.header-actions{display:flex;align-items:center;gap:20px}.date-filter-dropdown{display:flex;align-items:center;background:#f8f9fa;border:1px solid #eee;padding:6px 12px;border-radius:8px;gap:8px}.date-filter-dropdown select{border:none;background:transparent;outline:none;font-size:13px;color:#555;cursor:pointer}.calendar-icon{color:#666}.notification-bell{background:transparent;border:none;cursor:pointer;color:#666;position:relative;display:flex;align-items:center}.notification-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#dc3545;border-radius:50%;border:2px solid white}.content-padding{padding:20px 40px;overflow-y:auto;flex:1}.dashboard-wrapper{padding:20px;background-color:#fcfcfc}.stat-icon-bg{font-size:26px;background:#fff3;padding:10px;border-radius:6px}.content-box{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:20px}.box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #f5f5f5;padding-bottom:10px}.graph-container{display:flex;height:200px;padding-top:10px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-right:15px;font-size:11px;color:#888}.bars-wrapper{display:flex;flex:1;justify-content:space-around;align-items:flex-end}.bar-group{display:flex;flex-direction:column;align-items:center;gap:8px}.bar-stacked{position:relative;width:30px;display:flex;flex-direction:column;align-items:center}.bar-plan,.bar-actual{width:100%;border-radius:4px 4px 0 0}.bar-plan{background-color:#ffa726}.bar-actual{background-color:#28a745}.bar-label{font-size:10px;color:#888}.chart-legend{display:flex;gap:15px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.plan{background-color:#ffa726}.legend-dot.actual{background-color:#28a745}.chart-footer-months{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:#888}.work-stats-panel{display:flex;flex-direction:column;gap:12px}.work-row{display:flex;gap:12px}.work-cell{flex:1;padding:12px;background:#f8f9fa;border-radius:6px;font-size:13px}.val{font-weight:600;color:#333}.val-green{font-weight:600;color:#28a745}.see-more-link{text-align:right;margin-top:10px}.see-more-link a{color:#28a745;text-decoration:none;font-size:13px;font-weight:500}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.middle-grid{grid-template-columns:1fr}.top-header{padding:0 20px}.content-padding{padding:20px}}@media(max-width:768px){.admin-container{flex-direction:column}.sidebar{height:auto;width:100%;min-width:100%;border-radius:0 0 24px 24px;flex-direction:row;padding:12px 16px;align-items:center;justify-content:flex-start;position:relative;gap:12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.sidebar.expanded,.sidebar.collapsed{width:100%;min-width:100%}.sidebar-header{padding:0;margin-bottom:0;flex-shrink:0}.brand-section{flex-direction:row;gap:10px}.logo-circle{width:50px;height:50px}.brand-title-main{font-size:13px;letter-spacing:.5px;display:block!important}.sidebar.collapsed .brand-title-main{display:block!important}.sidebar-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:8px;padding:0;flex:0 1 auto;justify-content:flex-start;margin:0;-webkit-overflow-scrolling:touch}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav{-ms-overflow-style:none;scrollbar-width:none}.nav-item{padding:10px;flex-shrink:0;min-width:44px;max-width:44px;width:44px;height:44px;justify-content:center;border-radius:10px}.nav-label,.sidebar.collapsed .nav-label{display:none!important}.logout-button{margin:0 0 0 8px;padding:0;min-width:44px;max-width:44px;width:44px;height:44px;flex-shrink:0;border-radius:12px;gap:0;background-color:#28a745;display:flex!important;align-items:center;justify-content:center;border:none;cursor:pointer}.logout-button:hover{background-color:#218838}.logout-button span,.logout-button .nav-label{display:none!important}.logout-button svg,.logout-button i,.logout-button .nav-icon{margin:0;width:20px;height:20px;color:#fff;display:flex!important;align-items:center;justify-content:center}.sidebar-toggle{display:none}.top-header{height:auto;padding:16px;flex-direction:column;align-items:stretch;gap:12px}.header-page-title{font-size:20px;text-align:center}.header-actions{width:100%;justify-content:center;flex-wrap:wrap;gap:12px}.date-filter-dropdown{flex:1;min-width:150px}.content-padding{padding:16px}.stats-grid{grid-template-columns:1fr;gap:16px}.graph-container{height:180px}}@media(max-width:480px){.sidebar{padding:10px 12px}.logo-circle{width:42px;height:42px}.brand-title-main{font-size:12px}.sidebar-nav{gap:6px;margin:0 8px}.nav-item,.logout-button{padding:8px;min-width:40px;max-width:40px;width:40px;height:40px}.top-header{padding:12px}.header-page-title{font-size:18px}.header-actions{gap:10px}.content-padding{padding:12px}.stat-main h3{font-size:22px}.content-box{padding:14px}.dashboard-table th,.dashboard-table td{font-size:12px;padding:8px 6px}}@media(max-width:375px){.sidebar{padding:8px 10px}.logo-circle{width:38px;height:38px}.brand-title-main{font-size:11px}.nav-item,.logout-button{padding:7px;min-width:36px;max-width:36px;width:36px;height:36px}.header-page-title{font-size:16px}}.dashboard-wrapper{padding:20px;background-color:#fcfcfc;max-width:100%;overflow-x:hidden}@media(max-width:768px){.dashboard-wrapper{padding:15px}}@media(max-width:480px){.dashboard-wrapper{padding:10px}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px}.stat-card-green{background-color:#28a745;color:#fff;padding:20px;border-radius:6px;display:flex;justify-content:space-between}.stat-main h3{font-size:28px;margin:5px 0}.stat-change{font-size:11px;opacity:.9}.stat-icon-bg{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:24px;background:#ffffff40;border-radius:6px;flex-shrink:0}.content-box{background:#fff;border:1px solid #eee;border-radius:8px;padding:20px;margin-bottom:20px;min-width:0;overflow:hidden}@media(max-width:768px){.content-box{padding:15px}}@media(max-width:480px){.content-box{padding:12px}}.box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #f5f5f5;padding-bottom:10px;flex-wrap:wrap;gap:10px}@media(max-width:480px){.box-header{margin-bottom:15px;padding-bottom:8px}}.box-header h3{font-size:18px;margin:0;word-break:break-word}@media(max-width:480px){.box-header h3{font-size:16px}}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table th{text-align:left;font-size:11px;color:#888;padding:10px}.dashboard-table td{padding:12px 10px;font-size:13px;border-top:1px solid #f9f9f9}.status-active{color:#28a745;font-weight:600}.status-pending{color:#dc3545;font-weight:600}.status-done-txt{color:#28a745}.status-pending-txt{color:#dc3545}.middle-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}@media(max-width:1024px){.middle-grid{grid-template-columns:1fr}}@media(max-width:768px){.middle-grid{gap:15px}}.graph-container{display:flex;height:200px;padding-top:10px;min-width:0;overflow-x:auto;overflow-y:hidden}.y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-right:10px;font-size:11px;color:#888;flex-shrink:0;min-width:30px}.bars-wrapper{display:flex;flex:1;justify-content:space-around;align-items:flex-end;min-width:280px;gap:8px;padding:0 5px}.bar-group{display:flex;flex-direction:column;align-items:center;flex:1;min-width:30px}.bar-stacked{width:100%;max-width:35px;height:150px;background-color:#e5e7eb;border-radius:15px;position:relative;overflow:hidden}@media(max-width:480px){.bar-stacked{max-width:28px;height:130px}}@media(max-width:480px){.bar-stacked{max-width:28px}}.bar-plan{width:100%;background-color:#d1d5db;position:absolute;bottom:0}.bar-actual{width:100%;background-color:#4b145a;position:absolute;bottom:0;border-radius:15px}.bar-label{font-size:9px;color:#888;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}@media(max-width:480px){.bar-label{font-size:8px}}.chart-legend{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin-bottom:10px}@media(max-width:480px){.chart-legend{gap:10px}}.legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:#888;white-space:nowrap}@media(max-width:480px){.legend-item{font-size:10px}}.legend-dot{width:12px;height:12px;border-radius:3px}.legend-dot.plan{background:#d1d5db}.legend-dot.actual{background:#4b145a}.chart-footer-months{display:flex;justify-content:space-around;margin-top:20px;font-size:12px;color:#888;border-top:1px solid #f5f5f5;padding-top:10px;flex-wrap:wrap;gap:10px}@media(max-width:480px){.chart-footer-months{font-size:10px;gap:5px}}.work-stats-panel{background:#f8faff;padding:15px;border-radius:8px;min-width:0;overflow:hidden}@media(max-width:480px){.work-stats-panel{padding:12px}}.work-row{display:flex;justify-content:space-between;margin-bottom:15px;flex-wrap:wrap;gap:8px}@media(max-width:480px){.work-row{margin-bottom:12px}}.work-cell{font-size:13px;color:#666;min-width:0;word-break:break-word}@media(max-width:480px){.work-cell{font-size:12px}}.work-cell .val{font-weight:600;color:#1a56db;margin-left:10px}.work-cell .val-green{font-weight:600;color:#28a745;margin-left:10px}@media(max-width:480px){.work-cell .val,.work-cell .val-green{margin-left:5px}}.see-more-link{text-align:right;margin-top:5px}.see-more-link a{color:#1a56db;font-size:12px;text-decoration:none}.quick-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;text-decoration:none;color:#fff;transition:transform .2s,box-shadow .2s;cursor:pointer}.quick-action-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0003}.quick-action-card .action-icon{font-size:32px}.quick-action-card .action-text{font-size:14px;font-weight:600;text-align:center}.page{background:#fff;padding:10px 12px}.top{display:flex;justify-content:space-between;align-items:center}.top h3{color:#20b15a;font-size:26px;font-weight:600}.add-btn{border:1px solid #c2b5b5;background:#fff;padding:6px 12px;border-radius:6px;font-size:14px;text-decoration:none}.filters{display:flex;gap:70px;margin:10px 0;padding:12px 16px;border:1px solid #7d7b7b;border-radius:10px}.search{display:flex;align-items:center;border:1px solid #ddd;padding:6px 10px;border-radius:8px;gap:6px}.search input{flex:1}.search input{border:none;outline:none;font-size:14px}.filters select{padding:6px 10px;border-radius:6px;border:1px solid #ddd;font-size:14px}.clear{background:#fff;border:1px solid #ddd;padding:6px 14px;border-radius:6px;cursor:pointer}.table-box{border:1px solid #eee;border-radius:12px;max-height:420px;overflow-y:auto}table{width:100%;border-collapse:collapse}thead th{background:#9af0a0;padding:12px;font-size:14px;font-weight:600;text-align:left;position:sticky;top:0;z-index:1}tbody td{padding:12px;font-size:14px;border-bottom:1px solid #f1f1f1}.active{color:#2ecc71;font-weight:500}.out{color:#e53935;font-weight:500}.action{position:relative}.menu{position:fixed!important;z-index:9999!important;background:#fff;width:140px;border-radius:9px;box-shadow:0 4px 10px #0000001f}.menu span,.menu-link{padding:8px 12px;display:flex;gap:10px;font-size:13px;cursor:pointer;text-decoration:none;color:#000}.menu span:hover,.menu-link:hover{background:#f3f3f3}.del{color:#6a145e}.pagination{display:flex;justify-content:flex-end;gap:6px;margin-top:14px}.pagination button{border:1px solid #ddd;background:#fff;padding:6px 10px;border-radius:6px;cursor:pointer}.pagination button.active{background:#20b15a;color:#fff;border-color:#20b15a}.pagination button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{width:360px;background:#fff;border-radius:10px}.modal-details{background:#fff;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;border-radius:8px;box-shadow:0 4px 20px #00000026}.modal-details .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-details .modal-header h4{margin:0;font-size:18px;font-weight:600;color:#1f2937}.modal-details .close-icon{font-size:28px;cursor:pointer;color:#6b7280;line-height:1;transition:color .2s}.modal-details .close-icon:hover{color:#1f2937}.modal .modal-header{background:#20b15a;color:#fff;padding:10px 14px;display:flex;justify-content:space-between;align-items:center}.modal .modal-header span{cursor:pointer}.modal-body{padding:16px}.modal-body p{font-size:14px;margin-bottom:8px}.modal-details .modal-body{padding:24px}.profile-section{display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.profile-image{flex-shrink:0}.profile-image img{width:100px;height:100px;border-radius:8px;object-fit:cover;background:#f3f4f6}.profile-info{display:flex;flex-direction:column;justify-content:center;gap:12px}.emp-id{margin:0;font-size:16px;font-weight:500;color:#1f2937}.action-buttons{display:flex;gap:10px}.btn-edit,.btn-block{padding:8px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s;font-weight:500}.btn-edit{background:#fff;color:#1f2937;border:1px solid #d1d5db}.btn-edit:hover{background:#f9fafb}.btn-block{background:#fff;color:#1f2937;border:1px solid #d1d5db}.btn-block:hover{background:#f9fafb}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 16px;margin-bottom:24px}.detail-item label{font-size:12px;color:#6b7280;font-weight:500;margin:0}.detail-item p{margin:0;font-size:14px;color:#1f2937;font-weight:400}.view-buttons{display:flex;gap:12px;padding-top:20px;border-top:1px solid #e5e7eb}.view-btn{flex:1;padding:12px;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.view-btn:hover{background:#f9fafb;border-color:#9ca3af}.view-btn span{font-size:14px;font-weight:500;color:#1f2937}.view-btn small{font-size:11px;color:#6b7280;text-align:center}.loading{display:flex;justify-content:center;align-items:center;height:300px}.spinner{width:32px;height:32px;border:4px solid #ddd;border-top-color:#20b15a;border-radius:50%;animation:spin 1s linear infinite}.secondary-btn{border:1px solid #ddd;background:#fff;padding:6px 12px;border-radius:6px;cursor:pointer}.empty{text-align:center;padding:20px}@media(max-width:768px){.modal-details{width:95%;max-height:95vh}.details-grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}.profile-section{flex-direction:column;align-items:center;text-align:center}.view-buttons{flex-direction:column}.filters{flex-direction:column;gap:10px}}@media(max-width:480px){.details-grid{grid-template-columns:1fr}.modal-details .modal-body{padding:16px}.top{flex-direction:column;align-items:flex-start;gap:10px}}@media(max-width:768px){.table-box{overflow-x:auto!important;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:360px}table{width:max-content!important;min-width:680px!important;border-collapse:collapse}thead th,tbody td{white-space:nowrap!important;word-break:normal!important;padding:10px;font-size:13px}}@media(max-width:480px){.table-box{max-height:320px}table{min-width:650px!important}thead th,tbody td{padding:9px 8px;font-size:12px}}@media(max-width:768px){.table-box{width:100%;overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;max-height:360px}table{width:100%!important;min-width:720px!important;table-layout:auto!important}thead th,tbody td{white-space:nowrap!important;text-align:left!important;vertical-align:middle}}@media(max-width:480px){table{min-width:700px!important}}@media(max-width:768px){.table-box{overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;max-height:360px;direction:ltr!important;scroll-behavior:smooth}table{min-width:750px!important;width:750px!important;direction:ltr!important}thead th,tbody td{white-space:nowrap!important;text-align:left!important}}@media(max-width:480px){table{min-width:720px!important;width:720px!important}}@media(max-width:768px){table{display:table!important;width:100%!important;border-collapse:collapse}thead{display:table-header-group!important}tbody{display:table-row-group!important}tr{display:table-row!important}th,td{display:table-cell!important;white-space:nowrap!important;text-align:left!important;vertical-align:middle!important}.table-box{width:100%;overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}table{min-width:750px!important}}@media(max-width:480px){table{min-width:720px!important}}@media(max-width:768px){.table-box{overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;width:100%!important}table{border-collapse:separate!important;border-spacing:0!important;table-layout:fixed!important;width:750px!important;min-width:750px!important}thead th{white-space:nowrap!important;text-align:left!important}tbody td{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;vertical-align:middle!important}tr{height:44px!important}}@media(max-width:480px){table{width:720px!important;min-width:720px!important}tbody td,thead th{font-size:12px!important;padding:8px 10px!important}}@media(max-width:768px){.filters select,.filters select option{font-size:12px}}@media(max-width:480px){.filters select{font-size:11px}.filters select option{font-size:8px}}.employee-wrapper{padding:20px;background:#f5f5f5;min-height:100vh}.employee-card{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 8px #00000014}.employee-header h2{font-size:20px;font-weight:600;color:#333;margin-bottom:5px}.employee-header p{font-size:13px;color:#888;margin-bottom:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 20px;margin-bottom:15px}.field label{font-size:12px;color:#555;margin-bottom:6px;font-weight:500}.field label span{color:red;margin-left:2px}.field input,.field select{padding:8px 12px;font-size:13px;border:1px solid #ddd;border-radius:4px;outline:none}.field input:focus,.field select:focus{border-color:#7c3aed}.field.full{grid-column:span 2;margin-top:10px}.field textarea{padding:8px 12px;font-size:13px;border:1px solid #ddd;border-radius:4px;resize:vertical;min-height:80px}.upload-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:25px 0}.upload-box{display:flex;flex-direction:column}.upload-box>label{font-size:12px;font-weight:500;color:#555;margin-bottom:8px}.upload-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.upload-btn{border:1px dashed #7c3aed;padding:6px 16px;border-radius:4px;cursor:pointer;font-size:12px;color:#7c3aed;background:#f9f5ff;display:inline-block}.preview-btn{background:#4b145c;color:#fff;border:none;padding:6px 16px;border-radius:4px;font-size:12px;cursor:pointer}.preview-btn:disabled{background:#ccc;cursor:not-allowed}.remove-btn{background:#f1edf1;border:1px solid #b98db9;color:#4b145c;padding:6px 16px;border-radius:4px;font-size:12px;cursor:pointer}.remove-btn:disabled{background:#f5f5f5;border-color:#ddd;color:#999;cursor:not-allowed}.upload-box p{font-size:11px;color:#888}.form-actions{display:flex;gap:12px;margin-top:25px}.save-btn{background:#28a745;color:#fff;border:none;padding:9px 24px;border-radius:4px;font-size:14px;cursor:pointer;font-weight:500}.save-btn:disabled{background:#6c757d;cursor:not-allowed}.cancel-btn{background:#fff;border:1px solid #ccc;color:#333;padding:9px 24px;border-radius:4px;font-size:14px;cursor:pointer}.modal-box{background:#fff;width:520px;max-width:90%;border-radius:8px;overflow:hidden;max-height:90vh;overflow-y:auto}.profile-row{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff}.profile-row img{width:70px;height:70px;border-radius:4px;object-fit:cover;background:#f0f0f0}.profile-placeholder{width:70px;height:70px;border-radius:4px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#999}.profile-info{flex:1}.emp-id{font-size:12px;color:#666;margin-bottom:8px}.profile-actions{display:flex;gap:8px}.edit-btn,.block-btn{padding:5px 14px;border-radius:4px;font-size:12px;cursor:pointer;border:1px solid #ddd;background:#fff;color:#333}.edit-btn:hover,.block-btn:hover{background:#f5f5f5}.details-section{padding:20px;background:#fafafa}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:11px;color:#666;font-weight:500}.detail-value{font-size:13px;color:#000}.detail-item.full{grid-column:span 3}.view-buttons{display:flex;gap:12px;margin-top:20px}.view-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:12px;color:#666}.view-btn:hover{background:#f5f5f5}.view-btn span:first-child{font-size:14px;font-weight:500;color:#333}@media(max-width:768px){.grid-2,.upload-grid,.details-grid{grid-template-columns:1fr}.field.full,.detail-item.full{grid-column:span 1}.modal-box{width:95%}.form-actions{flex-direction:column}.form-actions button{width:100%}}.page-container{padding:20px 40px;background:#fff;font-family:Inter,sans-serif;max-width:100%;overflow-x:hidden;min-height:100vh}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.title{color:#20b15a;font-size:24px;font-weight:600;margin:0}.top-actions{display:flex;gap:10px}.add-btn{border:1px solid #ddd;background:#fff;padding:10px 20px;border-radius:8px;font-size:14px;text-decoration:none;color:#333;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:all .3s ease}.add-btn:hover{background:#f8f8f8;border-color:#20b15a}.filters-bar{display:flex;gap:15px;margin-bottom:40px!important;padding:15px 20px;border:1px solid #e0e0e0;border-radius:12px;align-items:center;background:#fafafa}.search-box-wrapper{display:flex;align-items:center;border:1px solid #ddd;padding:10px 15px;border-radius:10px;gap:10px;flex:1;max-width:400px;background:#fff}.search-box-wrapper input{border:none;outline:none;font-size:14px;width:100%;background:transparent}.search-icon{color:#999}.table-wrapper{border:1px solid #e8e8e8;border-radius:12px;overflow-x:auto;overflow-y:visible;background:#fff;box-shadow:0 2px 8px #0000000a;margin-bottom:20px;margin-top:10px;-webkit-overflow-scrolling:touch;position:relative}.table-wrapper:after{content:"← Scroll →";position:absolute;bottom:12px;right:20px;font-size:11px;color:#999;background:#ffffffe6;padding:4px 10px;border-radius:12px;pointer-events:none;opacity:0;transition:opacity .3s}@media(max-width:768px){.table-wrapper:after{opacity:1}}table{width:100%;border-collapse:collapse;min-width:800px;border-spacing:0}thead th:first-child,tbody td:first-child{padding-left:28px}thead th:last-child,tbody td:last-child{padding-right:28px}thead th{background:#97e899;padding:16px 24px;text-align:left;font-size:13px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}tbody td{padding:18px 24px;border-bottom:1px solid #f5f5f5;font-size:14px;color:#444;white-space:nowrap}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafafa}.status-active{color:#20b15a;font-weight:500;padding:4px 12px;background:#e8f8ed;border-radius:12px;display:inline-block;font-size:13px}.action-cell{position:relative;text-align:center}.dots-trigger{cursor:pointer;display:inline-flex;padding:8px;border-radius:6px;transition:background .2s}.dots-trigger:hover{background:#f0f0f0}.floating-menu{position:fixed;background:#fff;min-width:150px;border-radius:10px;box-shadow:0 4px 20px #0000001f;border:1px solid #eee;z-index:9999;overflow:hidden}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:14px;color:#333;cursor:pointer;text-decoration:none;transition:background .2s}.menu-item:hover{background:#f8f8f8}.menu-item.delete{color:#dc3545}.menu-item.delete:hover{background:#fff5f5}.purple-icon{color:#5a166c;flex-shrink:0}.pagination-wrapper{display:flex;justify-content:flex-end;align-items:center;margin-top:20px;padding:20px 0;border-top:1px solid #f0f0f0}.pagination{display:flex;gap:8px;align-items:center}.page-btn{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;color:#333}.page-btn:hover:not(:disabled){background:#f8f8f8;border-color:#20b15a}.page-btn.active{background:#20b15a;color:#fff;border-color:#20b15a;font-weight:500}.loading{display:flex;justify-content:center;align-items:center;padding:100px;min-height:400px}.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #20b15a;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:1024px){.page-container{padding:20px 25px}.header-top{margin-bottom:18px}.title{font-size:22px}thead th{padding:14px 16px;font-size:12px}tbody td{padding:16px;font-size:13px}}@media(max-width:768px){.page-container{padding:15px 20px}.header-top{flex-direction:column;align-items:flex-start;gap:12px}.title{font-size:20px}.top-actions{width:100%}.add-btn{width:100%;justify-content:center;padding:12px 20px}.filters-bar{flex-direction:column;align-items:stretch;padding:12px 15px;gap:12px}.search-box-wrapper{max-width:100%}table{min-width:700px}thead th{padding:12px 14px;font-size:11px}tbody td{padding:14px;font-size:13px}.pagination-wrapper{justify-content:center;padding:15px 0}.page-btn{padding:8px 14px;font-size:13px}.floating-menu{right:-10px;min-width:140px}.menu-item{padding:10px 14px;font-size:13px}}@media(max-width:480px){.page-container{padding:12px 15px}.title{font-size:18px}.add-btn{font-size:13px;padding:10px 16px}.filters-bar{padding:10px}.search-box-wrapper{padding:8px 12px}.search-box-wrapper input{font-size:13px}table{min-width:650px}thead th{padding:10px 12px;font-size:10px}tbody td{padding:12px;font-size:12px}.status-active{padding:3px 10px;font-size:12px}.dots-trigger{padding:6px}.page-btn{padding:6px 12px;font-size:12px}.pagination{gap:6px}}@media(max-width:360px){.page-container{padding:10px}.title{font-size:16px}.filters-bar{padding:8px}table{min-width:600px}thead th,tbody td{padding:10px;font-size:11px}}.table-wrapper::-webkit-scrollbar{height:10px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;margin:0 10px}.table-wrapper::-webkit-scrollbar-thumb{background:#20b15a;border-radius:10px;border:2px solid #f1f1f1}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#1a8f48}.table-wrapper{scrollbar-width:thin;scrollbar-color:#20b15a #f1f1f1}@media(max-width:768px){.table-wrapper::-webkit-scrollbar{height:12px}.table-wrapper::-webkit-scrollbar-thumb{background:#20b15a}}.detail-page-wrapper{padding:25px;background:#fff;font-family:Inter,sans-serif;color:#000;max-width:1200px;margin:0 auto;box-sizing:border-box}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.title-main{color:#2ecc71;font-size:20px;font-weight:600;margin:0}.header-meta{display:flex;gap:40px}.header-meta .info-item{display:flex;gap:8px;font-size:14px}.header-meta .info-item span:first-child{font-weight:500;color:#666}.header-meta .info-item span:last-child{font-weight:600;color:#000}.detail-section{margin-bottom:25px}.grey-section-bar{background:#f1edf1;padding:10px 15px;border-radius:6px;font-size:14px;font-weight:500;color:#4a2d4a;margin-bottom:15px}.info-grid{display:grid;grid-template-columns:1fr 1fr;row-gap:12px;column-gap:30px;padding:0 10px}.info-item{display:flex;font-size:14px;line-height:1.5}.info-item span:first-child{min-width:140px;font-weight:500;color:#333}.info-item span:last-child{color:#000;flex:1;word-break:break-word}.info-item.full{grid-column:span 2}.detail-message-box{margin:15px 10px 0;padding:15px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;font-size:14px;line-height:1.6;color:#444}.detail-message-box strong{display:block;margin-bottom:8px;color:#333}.attachment-group{display:flex;align-items:flex-end;gap:20px;padding:0 10px;flex-wrap:wrap}.preview-square{width:160px;text-align:center}.img-preview{height:120px;border:1px solid #ddd;border-radius:8px;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.file-label{display:block;font-size:12px;color:#888;margin-top:8px;font-weight:500}.grey-outline-btn{padding:8px 20px;border:1px solid #ccc;border-radius:6px;background:#fff;font-size:13px;cursor:pointer;font-weight:500;transition:all .2s;white-space:nowrap}.payment-summary{padding:0 10px;font-size:14px;display:flex;flex-direction:column;gap:12px}.payment-summary div{display:flex}.payment-summary div span:first-child{min-width:140px;font-weight:500;color:#333}@media(max-width:1024px){.detail-page-wrapper{padding:20px}.header-meta{gap:20px}}@media(max-width:768px){.detail-header{flex-direction:column;align-items:flex-start;gap:15px}.header-meta{flex-direction:column;gap:10px;width:100%}.info-grid{grid-template-columns:1fr}.info-item.full{grid-column:span 1}.info-item{flex-direction:column}.info-item span:first-child{min-width:unset;margin-bottom:2px}.attachment-group{flex-direction:column;align-items:center;text-align:center}.preview-square{width:100%;max-width:250px}.img-preview{height:180px}.grey-outline-btn{width:100%;text-align:center;margin-top:10px}.payment-summary div{flex-direction:column}}@media(max-width:480px){.detail-page-wrapper{padding:15px}.title-main{font-size:18px}}*{font-family:Inter,sans-serif;box-sizing:border-box}.order-tracking-container{background:#fff;padding:10px 12px}.page-header{display:flex;justify-content:space-between;align-items:center}.page-title{color:#20b15a;font-size:80px;font-weight:600;margin:0;line-height:1.2}.filters-section{display:flex;gap:70px;margin:10px 0;padding:12px 16px;border:1px solid #7d7b7b;border-radius:10px;align-items:center}.search-wrapper{display:flex;align-items:center;border:1px solid #ddd;padding:6px 10px;border-radius:8px;gap:6px}.search-input{border:none;outline:none;font-size:14px;width:160px;padding:0}.search-icon{color:#6b7280}.filter-select,.clear-btn{border:1px solid #ddd;padding:6px 10px;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;outline:none}.filter-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.table-wrapper{border:1px solid #eee;border-radius:12px;max-height:420px;overflow-y:auto}.orders-table{width:100%;border-collapse:collapse}.orders-table thead th{background:#97e899;padding:12px 14px;font-size:14px;text-align:left;position:sticky;top:0;font-weight:600}.orders-table tbody td{padding:12px 14px;font-size:14px;border-bottom:1px solid #f1f1f1}.orders-table tbody tr:last-child td{border-bottom:none}.checkbox-col input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:#5a166c}.order-id{color:#374151;font-weight:500}.payment-badge,.status-badge{color:#374151;font-size:14px}.actions-dropdown{position:relative}.actions-trigger{background:none;border:none;cursor:pointer;padding:4px;color:#6b7280}.dropdown-menu{position:absolute;right:0;top:20px;background:#fff;width:120px;border-radius:9px;box-shadow:0 4px 10px #0000001f;z-index:10}.dropdown-item{padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;border:none;background:none;width:100%;text-align:left;color:#374151;text-decoration:none}.dropdown-item:hover{background:#f3f3f3}.dropdown-item.delete{color:#6a145e}.pagination{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.pagination-btn{border:1px solid #ddd;padding:4px 10px;border-radius:8px;background:#fff;font-size:14px;cursor:pointer}.pagination-btn.active{background:#5a166c;color:#fff;border-color:#5a166c}.loading{display:flex;justify-content:center;margin-top:80px}.spinner{width:36px;height:36px;border:4px solid #ddd;border-top:4px solid #20b15a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-data{text-align:center;padding:40px 20px;color:#6b7280}@media(max-width:768px){.filters-section{flex-direction:column;gap:10px;align-items:stretch}.search-wrapper,.search-input,.filter-select,.clear-btn{width:100%}}@media(max-width:1024px){.page-title{font-size:48px}.filters-section{gap:24px}}@media(max-width:576px){.page-header{flex-direction:column;align-items:flex-start;gap:10px}.page-title{font-size:32px}.table-wrapper{overflow-x:auto}.orders-table{min-width:720px}.pagination{justify-content:center;flex-wrap:wrap}}@media(max-width:420px){.page-title{font-size:26px}.orders-table thead th,.orders-table tbody td{padding:10px;font-size:13px}}.order-details-wrapper{padding:20px;background:#fff;font-family:Inter,sans-serif;color:#000}.page-title{color:#2ecc71;font-size:18px;font-weight:600;margin-bottom:20px}.section{margin-bottom:25px}.section-bar{background:#f1edf1;padding:8px 15px;border-radius:8px;font-size:14px;font-weight:600;color:#4a2d4a;margin-bottom:15px}.kv-grid{display:grid;grid-template-columns:1fr 1fr;padding-left:10px;row-gap:12px}.kv-item{display:flex;font-size:14px}.kv-item span:first-child{width:130px;font-weight:500}.kv-item.full{grid-column:span 2}.table-container{padding:10px;border:1px solid #eee;border-radius:8px;margin:0 10px}.items-table{width:100%;border-collapse:collapse}.items-table th{background:#f8faff;text-align:left;padding:12px;font-size:13px;color:#555;border-bottom:1px solid #f0f0f0}.items-table td{padding:12px;font-size:13px;color:#666;border-bottom:1px solid #f0f0f0}.items-table tr:last-child td{border-bottom:none}.timeline{padding-left:10px}.timeline-row{display:flex;align-items:center;font-size:14px;margin-bottom:15px}.timeline-row .label{width:130px;font-weight:500}.timeline-row .separator{margin-right:10px}.timeline-row .status-text{width:100px}.timeline-row .timestamp{color:#000;font-weight:500}.status-delivered{margin-top:20px;gap:10px}.check-box{width:18px;height:18px;border:1.5px solid #2ecc71;border-radius:3px;display:flex;align-items:center;justify-content:center}.check-icon{color:#2ecc71;font-size:12px;font-weight:700}.delivered-text{font-weight:600;color:#000}.action-footer{margin-top:30px;padding-left:10px}.cancel-btn{background:#fff;border:1px solid #ccc;padding:8px 30px;border-radius:6px;color:#666;cursor:pointer;font-size:13px}.cancel-btn:hover{background:#f9f9f9}.bold{font-weight:600}@media(max-width:768px){.kv-grid{grid-template-columns:1fr}.kv-item.full{grid-column:span 1}}@media(max-width:1024px){.order-details-wrapper{padding:16px}.table-container{margin:0}}@media(max-width:576px){.page-title{font-size:16px}.kv-item{flex-direction:column;gap:4px}.kv-item span:first-child{width:auto}.timeline-row{flex-direction:column;align-items:flex-start;gap:4px}.timeline-row .label,.timeline-row .status-text{width:auto}.items-table{min-width:520px}.table-container{overflow-x:auto}.action-footer{padding-left:0}.cancel-btn{width:100%;text-align:center}}@media(max-width:420px){.section-bar{font-size:13px}.items-table th,.items-table td{padding:10px;font-size:12px}}.product-page{padding:20px;background:#fff}.page-title{color:#2ecc71;font-size:18px;font-weight:600;margin-bottom:6px}.page-subtitle{font-size:16px;font-weight:600;margin-bottom:2px}.page-desc{font-size:12px;color:#9a9a9a;margin-bottom:16px}.product-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 4px 10px #0000000f}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:16px}.field{display:flex;flex-direction:column}.field label{font-size:13px;margin-bottom:6px;color:#333}.field input,.field select,.field textarea{height:38px;padding:8px 12px;border-radius:4px;border:1px solid #e0e0e0;font-size:14px}.field textarea{height:80px;resize:none}.field.full{margin-top:8px}.checkbox-row{display:flex;align-items:center;gap:28px;margin:12px 0 14px;font-size:14px}.checkbox-row label{display:flex;align-items:center;gap:6px;cursor:pointer}.upload-section{margin-top:12px}.upload-section label{font-size:13px;font-weight:500;color:#333}.upload-row{display:flex;align-items:center;gap:14px;margin-top:8px}.upload-box{border:1px dashed #7b2cbf;color:#7b2cbf;padding:8px 18px;border-radius:4px;font-size:14px;cursor:pointer;background:#f7f9ff}.preview-btn{background:#4b134f;color:#fff;border:none;padding:8px 22px;border-radius:6px;font-size:14px;cursor:pointer}.remove-btn{background:#f1edf1;color:#4b134f;border:1px solid #b98db9;padding:8px 22px;border-radius:6px;font-size:14px;cursor:pointer}.upload-hint{font-size:12px;color:#8a8a8a;margin-top:6px}.action-row{display:flex;gap:12px;margin-top:18px}.action-row.left-align{justify-content:flex-start}.save-btn{background:#28a745;color:#fff;border:none;padding:8px 20px;border-radius:4px;font-size:14px;cursor:pointer}.cancel-btn{background:#fff;color:#4b134f;border:1px solid #b98db9;padding:8px 20px;border-radius:4px;font-size:14px;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal-box{background:#fff;width:480px;max-width:90%;border-radius:8px;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e5e5;background:#fff}.modal-header h3{font-size:15px;font-weight:600;color:#000;margin:0}.close{font-size:22px;cursor:pointer;color:#666;line-height:1}.preview-header{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff}.preview-image{width:70px;height:70px;border-radius:4px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.preview-image img{width:100%;height:100%;object-fit:cover}.preview-image-placeholder{color:#999;font-size:11px;text-align:center}.preview-info{flex:1}.preview-sku{font-size:12px;color:#666;margin-bottom:8px}.preview-actions{display:flex;gap:8px}.edit-btn{padding:5px 14px;border-radius:4px;font-size:12px;cursor:pointer;border:1px solid #ddd;background:#fff;color:#333}.edit-btn:hover{background:#f5f5f5}.preview-body{padding:20px;background:#fafafa}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.preview-item{display:flex;flex-direction:column;gap:4px}.preview-label{font-size:11px;color:#666}.preview-value{font-size:13px;color:#000;font-weight:400}.preview-item.full{grid-column:span 3}.preview-description{font-size:12px;color:#666;line-height:1.5;margin-top:2px}.tiptap-editor{min-height:140px;padding:12px;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6}.tiptap-editor p{margin:0 0 12px}.tiptap-editor h1,.tiptap-editor h2,.tiptap-editor h3{margin-top:24px;margin-bottom:12px}.tiptap-editor ul,.tiptap-editor ol{padding-left:24px;margin:12px 0}.tiptap-editor button.is-active{background:#007bff;color:#fff}.preview-html-content{line-height:1.6;color:#333}.preview-html-content p{margin:0 0 8px}.preview-html-content ul,.preview-html-content ol{padding-left:20px;margin:8px 0}.preview-html-content strong{font-weight:600}@media(max-width:768px){.grid-2,.preview-grid{grid-template-columns:1fr}.modal-box{width:90%}.upload-row{flex-direction:column;align-items:flex-start}.action-row{flex-direction:column}.preview-item.full{grid-column:span 1}}@media(max-width:1024px){.product-page,.product-card,.preview-header,.preview-body{padding:16px}}@media(max-width:576px){.page-title{font-size:16px}.page-subtitle{font-size:14px}.checkbox-row{flex-direction:column;align-items:flex-start;gap:10px}.upload-box,.preview-btn,.remove-btn{width:100%;text-align:center}.preview-header{flex-direction:column}.preview-actions{flex-wrap:wrap}}@media(max-width:420px){.field input,.field select,.field textarea{font-size:13px}.save-btn,.cancel-btn{width:100%}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;max-width:100%;overflow-x:hidden;font-family:Inter,sans-serif}.labreports-container{width:100%;max-width:100%;min-height:100vh;padding:20px 40px;background:#fff;overflow-x:hidden;transition:margin-left .3s ease,width .3s ease}.labreports-header{margin-bottom:20px}.labreports-title{color:#20b15a;font-size:24px;font-weight:600;margin-bottom:5px}.labreports-subtitle{color:#666;font-size:14px}.labreports-filters{display:flex;gap:15px;margin-bottom:40px;padding:15px 20px;border:1px solid #e0e0e0;border-radius:12px;align-items:center;background:#fafafa}.labreports-search-wrapper{display:flex;align-items:center;gap:10px;flex:1;max-width:400px;padding:10px 15px;border:1px solid #ddd;border-radius:10px;background:#fff}.labreports-search-input{border:none;outline:none;width:100%;font-size:14px;background:transparent}.labreports-search-icon{color:#999}.labreports-clear-btn{padding:10px 20px;border-radius:10px;border:1px solid #ddd;background:#fff;font-size:14px;color:#666;cursor:pointer;transition:all .2s}.labreports-clear-btn:hover{background:#f8f8f8;border-color:#20b15a}.labreports-table-container{position:relative;margin:10px 0 20px;border:1px solid #e8e8e8;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0000000a;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.labreports-table-container:after{content:"← Scroll →";position:absolute;bottom:12px;right:20px;font-size:11px;color:#999;background:#ffffffe6;padding:4px 10px;border-radius:12px;opacity:0;pointer-events:none}.labreports-table{width:100%;min-width:900px;border-collapse:collapse}.labreports-table-head th{background:#97e899;padding:16px 24px;font-size:13px;font-weight:600;color:#333;text-transform:uppercase;white-space:nowrap;position:sticky;top:0;z-index:10}.labreports-table-body td{padding:18px 24px;font-size:14px;color:#444;border-bottom:1px solid #f5f5f5;white-space:nowrap}.labreports-table-body tr:hover{background:#fafafa}.labreports-table-head th:nth-child(1),.labreports-table-body td:nth-child(1){min-width:140px}.labreports-table-head th:nth-child(2),.labreports-table-body td:nth-child(2){min-width:130px}.labreports-table-head th:nth-child(3),.labreports-table-body td:nth-child(3){min-width:120px}.labreports-table-head th:nth-child(4),.labreports-table-body td:nth-child(4){min-width:100px}.labreports-table-head th:nth-child(5),.labreports-table-body td:nth-child(5){min-width:180px;white-space:normal;word-break:break-word}.labreports-table-head th:nth-child(6),.labreports-table-body td:nth-child(6){min-width:110px}.labreports-table-head th:nth-child(7),.labreports-table-body td:nth-child(7){min-width:80px;text-align:center}.labreports-status{padding:4px 12px;border-radius:12px;font-size:13px;font-weight:500;display:inline-block}.labreports-status.complete{color:#2ecc71;background:#e8f8ed}.labreports-status.draft{color:#f39c12;background:#fef5e7}.labreports-status.pending{color:#3498db;background:#ebf5fb}.labreports-action-cell{position:relative;text-align:center}.labreports-dots-trigger{padding:8px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.labreports-dots-trigger:hover{background:#f0f0f0}.labreports-action-menu{position:absolute;top:28px;right:0;min-width:160px;background:#fff;border-radius:10px;border:1px solid #eee;box-shadow:0 4px 20px #0000001f;z-index:1000}.labreports-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:14px;cursor:pointer;white-space:nowrap}.labreports-menu-item:hover{background:#f8f8f8}.labreports-menu-icon{color:#5a166c}.labreports-menu-divider{padding:8px 16px;font-size:12px;color:#999;border-top:1px solid #eee}.labreports-pagination-footer{display:flex;justify-content:flex-end;padding:20px 0;border-top:1px solid #f0f0f0}.labreports-pagination{display:flex;gap:8px}.labreports-page-btn{padding:8px 16px;border-radius:6px;border:1px solid #ddd;background:#fff;cursor:pointer;white-space:nowrap}.labreports-page-btn.active{background:#20b15a;color:#fff;border-color:#20b15a}.labreports-page-btn:disabled{opacity:.5;cursor:not-allowed}.labreports-loading{display:flex;justify-content:center;align-items:center;min-height:300px}.labreports-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #20b15a;border-radius:50%;animation:spin 1s linear infinite}.labreports-info-footer{text-align:right;padding:15px 0;font-size:13px;color:#666}.labreports-table-container::-webkit-scrollbar{height:8px}.labreports-table-container::-webkit-scrollbar-thumb{background:#20b15a;border-radius:10px}.labreports-table-container::-webkit-scrollbar-track{background:#f5f5f5;border-radius:10px}body.sidebar-open .labreports-container{margin-left:260px;width:calc(100% - 260px)}body.sidebar-closed .labreports-container{margin-left:80px;width:calc(100% - 80px)}@media(max-width:1024px){.labreports-container{padding:20px 30px}.labreports-table{min-width:950px}.labreports-table-head th,.labreports-table-body td{padding:16px 20px}.labreports-filters{flex-direction:row;flex-wrap:wrap}.labreports-search-wrapper{max-width:100%;flex:1 1 30px}}@media(max-width:768px){.labreports-action-menu{position:fixed!important;inset:auto auto 20px 50%;transform:translate(-50%);width:calc(100% - 162px);border-radius:12px;z-index:9999}body.sidebar-open .labreports-container,body.sidebar-closed .labreports-container{margin-left:0;width:100%}.labreports-header{text-align:center}.labreports-title{font-size:20px}.labreports-subtitle{font-size:13px}.labreports-filters{flex-direction:column;gap:12px;padding:12px}.labreports-search-wrapper{max-width:100%;width:100%;padding:8px 12px}.labreports-search-input{font-size:13px}.labreports-clear-btn{width:100%;padding:10px}.labreports-table{min-width:1000px}.labreports-table-head th,.labreports-table-body td{padding:14px 16px;font-size:13px}.labreports-table-head th:nth-child(1),.labreports-table-body td:nth-child(1){min-width:120px}.labreports-table-head th:nth-child(2),.labreports-table-body td:nth-child(2){min-width:110px}.labreports-table-head th:nth-child(3),.labreports-table-body td:nth-child(3){min-width:100px}.labreports-table-head th:nth-child(4),.labreports-table-body td:nth-child(4){min-width:90px}.labreports-table-head th:nth-child(5),.labreports-table-body td:nth-child(5){min-width:150px;font-size:12.5px}.labreports-table-head th:nth-child(6),.labreports-table-body td:nth-child(6){min-width:100px}.labreports-table-head th:nth-child(7),.labreports-table-body td:nth-child(7){min-width:70px}.labreports-status{padding:3px 10px;font-size:12px}.labreports-table-container:after{opacity:1;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.labreports-pagination-footer{justify-content:center}.labreports-pagination{gap:5px}.labreports-page-btn{padding:6px 12px;font-size:13px;min-width:44px}.labreports-info-footer{text-align:center;font-size:12px}}@media(max-width:576px){.labreports-container{padding:12px 15px}.labreports-title{font-size:18px}.labreports-subtitle{font-size:12px}.labreports-table{min-width:950px}.labreports-table-head th,.labreports-table-body td{padding:12px 14px;font-size:12.5px}.labreports-table-head th:nth-child(1),.labreports-table-body td:nth-child(1){min-width:110px}.labreports-table-head th:nth-child(2),.labreports-table-body td:nth-child(2){min-width:100px}.labreports-table-head th:nth-child(3),.labreports-table-body td:nth-child(3){min-width:90px}.labreports-table-head th:nth-child(4),.labreports-table-body td:nth-child(4){min-width:80px}.labreports-table-head th:nth-child(5),.labreports-table-body td:nth-child(5){min-width:130px;font-size:12px}.labreports-table-head th:nth-child(6),.labreports-table-body td:nth-child(6){min-width:90px}.labreports-table-head th:nth-child(7),.labreports-table-body td:nth-child(7){min-width:60px}.labreports-status{font-size:11px;padding:2px 8px}.labreports-pagination{width:100%;justify-content:center}.labreports-page-btn{padding:6px 10px;font-size:12px;min-width:40px}.labreports-dots-trigger{padding:6px}.labreports-dots-trigger svg{width:18px;height:18px}}@media(hover:none)and (pointer:coarse){.labreports-menu-item,.labreports-dots-trigger,.labreports-page-btn{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.labreports-dots-trigger{padding:12px}}@media(min-width:1440px){.labreports-container{max-width:1400px;margin:0 auto}}*{box-sizing:border-box;font-family:Inter,sans-serif}.attendance-mgmt-container{padding:20px;background:#f8fafc;min-height:100vh}.attendance-mgmt-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:20px}.attendance-mgmt-title h2{margin:0;font-size:20px}.attendance-mgmt-title p{margin-top:4px;font-size:13px;color:#6b7280}.attendance-mgmt-add-btn{width:160px;height:52px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 1px 2px #0000000d}.attendance-mgmt-filters{background:#fff;padding:15px;border-radius:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:20px}.attendance-mgmt-input,.attendance-mgmt-select{padding:8px 10px;border-radius:8px;border:1px solid #e5e7eb}.attendance-mgmt-clear-btn{height:40px;background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.attendance-mgmt-table-wrapper{background:#fff;border-radius:12px;overflow-x:auto;position:relative}.attendance-mgmt-table{width:100%;border-collapse:collapse}.attendance-mgmt-table th{font-size:13px;color:#6b7280;padding:12px;border-bottom:1px solid #e5e7eb}.attendance-mgmt-table td{padding:12px;font-size:14px;border-bottom:1px solid #f1f5f9}.attendance-mgmt-status{padding:4px 10px;border-radius:20px;font-size:12px}.present{background:#dcfce7;color:#15803d}.absent{background:#fee2e2;color:#b91c1c}.leave{background:#ffedd5;color:#c2410c}.attendance-mgmt-actions{position:relative}.attendance-mgmt-dots{background:none;border:none;cursor:pointer;padding:8px}.attendance-mgmt-dots span{width:4px;height:4px;background:#6b7280;border-radius:50%;display:inline-block;margin:1px}.attendance-mgmt-action-menu{position:absolute;top:30px;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:110px;box-shadow:0 6px 14px #0000001f;z-index:9999}.attendance-mgmt-action-menu button{width:100%;padding:10px 12px;background:none;border:none;text-align:left;font-size:14px;cursor:pointer}.attendance-mgmt-action-menu button:hover{background:#f3f4f6}.attendance-mgmt-pagination{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.attendance-mgmt-pagination button{padding:6px 12px;border-radius:6px;border:1px solid #e5e7eb;background:#fff}.attendance-mgmt-pagination .active{background:#22c55e;color:#fff}@media(max-width:480px){.attendance-mgmt-action-menu{position:fixed;inset:auto 16px 90px auto;min-width:160px;z-index:99999}.attendance-mgmt-table-wrapper{overflow-x:auto;overflow-y:visible}}.spinner{animation:spin 1s linear infinite}.attendance-mgmt-status.active{background-color:#d4edda;color:#155724;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.attendance-mgmt-status.inactive{background-color:#f8d7da;color:#721c24;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.location-history-container{padding:24px;max-width:1400px;margin:0 auto}.location-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#495057;transition:all .2s}.back-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.header-info h2{margin:0 0 4px;font-size:24px;color:#212529}.header-info p{margin:0;font-size:14px;color:#6c757d}.filter-controls{display:flex;gap:12px}.month-select,.year-select{padding:10px 16px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;background-color:#fff;cursor:pointer;transition:border-color .2s}.month-select:hover,.year-select:hover{border-color:#007bff}.month-select:focus,.year-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.location-history-content{min-height:400px}.loading-state p,.error-state p,.empty-state p{margin-top:16px;color:#6c757d;font-size:16px}.error-state button{margin-top:16px;padding:10px 24px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500}.records-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.attendance-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;transition:all .3s;box-shadow:0 2px 4px #0000000d}.attendance-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef}.date-info{display:flex;align-items:center;gap:8px;color:#495057}.date-info .date{font-weight:600;font-size:15px}.date-info .day{font-size:13px;color:#6c757d}.status-badge{padding:6px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase}.card-body{padding:16px}.time-row{display:flex;gap:16px;margin-bottom:16px}.time-item{flex:1;display:flex;align-items:flex-start;gap:8px;padding:12px;background-color:#f8f9fa;border-radius:8px}.time-item svg{color:#6c757d;margin-top:2px}.time-item .label{display:block;font-size:11px;color:#6c757d;text-transform:uppercase;font-weight:600;margin-bottom:4px}.time-item .value{display:block;font-size:14px;color:#212529;font-weight:600}.location-section{padding:12px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.location-header{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-weight:600;font-size:13px;color:#495057}.location-details{margin-bottom:12px}.location-details .coordinates{font-size:13px;color:#495057;font-family:Courier New,monospace;margin:0 0 6px}.location-details .address{font-size:12px;color:#6c757d;line-height:1.5;margin:0}.location-actions{display:flex;gap:10px}.view-details-btn{flex:1;padding:8px 12px;background-color:#fff;border:1px solid #007bff;color:#007bff;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.view-details-btn:hover{background-color:#007bff;color:#fff}.map-link{flex:1;padding:8px 12px;background-color:#007bff;color:#fff;border-radius:6px;text-decoration:none;text-align:center;font-size:13px;font-weight:500;transition:background-color .2s}.map-link:hover{background-color:#0056b3}.no-location{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:#999;font-size:13px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:500px;width:100%;box-shadow:0 10px 40px #0003;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef}.modal-header h3{margin:0;display:flex;align-items:center;gap:10px;font-size:18px;color:#212529}.close-btn{background:none;border:none;font-size:28px;color:#6c757d;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-btn:hover{background-color:#f8f9fa}.modal-body{padding:20px}.detail-row{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.detail-row strong{font-size:12px;color:#6c757d;text-transform:uppercase;font-weight:600}.detail-row span{font-size:14px;color:#212529}.modal-map-btn{display:block;width:100%;padding:12px;background-color:#007bff;color:#fff;text-align:center;text-decoration:none;border-radius:8px;font-weight:500;margin-top:20px;transition:background-color .2s}.modal-map-btn:hover{background-color:#0056b3}@media(max-width:768px){.location-history-container{padding:16px}.location-history-header{flex-direction:column;align-items:flex-start}.records-grid{grid-template-columns:1fr}.time-row{flex-direction:column;gap:12px}.location-actions{flex-direction:column}}.records-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:4px}.attendance-card-compact{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.attendance-card-compact:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f;border-color:#007bff}.card-compact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.date-badge{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#333}.status-badge-compact{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase}.card-compact-body{margin-bottom:12px}.day-label{font-size:12px;color:#666;margin-bottom:8px;font-weight:500}.time-compact-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.time-compact-item{display:flex;align-items:center;gap:4px;color:#555}.time-value{font-size:13px;font-weight:600}.time-separator{color:#999;font-size:12px}.location-compact{display:flex;align-items:center;gap:4px;font-size:11px;color:#007bff;margin-top:8px}.card-compact-footer{text-align:center;padding-top:8px;border-top:1px solid #f0f0f0}.click-hint{font-size:11px;color:#999;font-style:italic}.modal-content-detailed{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header-detailed{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header-detailed h3{margin:0;font-size:20px;color:#111}.modal-date{margin:4px 0 0;font-size:14px;color:#666}.modal-body-detailed{padding:24px}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}.detail-label{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;display:flex;align-items:center;gap:6px}.status-badge-large{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;display:inline-block}.time-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.time-detail-box{background:#f8f9fa;padding:16px;border-radius:12px;display:flex;align-items:center;gap:12px}.time-detail-label{font-size:12px;color:#666;margin-bottom:4px}.time-detail-value{font-size:16px;font-weight:600;color:#111}.total-hours{background:#e3f2fd;padding:12px;border-radius:8px;text-align:center;font-size:14px;color:#1976d2}.location-detail-box{background:#f8f9fa;padding:16px;border-radius:12px}.location-detail-row{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.location-detail-row:last-child{margin-bottom:16px}.location-detail-row strong{font-size:12px;color:#666}.location-detail-row span{font-size:14px;color:#111}.map-link-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#007bff;color:#fff;text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:background .2s}.map-link-button:hover{background:#0056b3}.remarks-box{background:#fff3cd;padding:12px;border-radius:8px;border-left:4px solid #ffc107;font-size:14px;color:#856404}@media(max-width:768px){.records-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.time-details-grid{grid-template-columns:1fr}.modal-content-detailed{width:95%}}.leave-management-container{padding:20px;max-width:1400px;margin:0 auto}.leave-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.leave-header h2{margin:0;font-size:24px;color:#333}.back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f5f5f5;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;color:#333;transition:background-color .2s}.back-btn:hover{background-color:#e0e0e0}.filter-tabs{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.filter-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#f5f5f5;border:2px solid transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:#666;transition:all .2s}.filter-tab:hover{background-color:#e0e0e0}.filter-tab.active{background-color:#007bff;color:#fff;border-color:#0056b3}.filter-tab .count{background-color:#0000001a;padding:2px 8px;border-radius:12px;font-size:12px}.filter-tab.active .count{background-color:#fff3}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;color:#007bff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state p{color:#dc3545;margin-bottom:16px}.error-state button,.empty-state button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.leave-requests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:20px 0}.leave-card-compact{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;cursor:pointer;border:2px solid transparent}.leave-card-compact:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f;border-color:#007bff}.compact-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.employee-info-compact h4{margin:0;font-size:15px;font-weight:600;color:#333;line-height:1.3}.employee-id-compact{font-size:12px;color:#666;display:block;margin-top:4px}.compact-body{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}.info-label{color:#666;font-weight:500}.info-value{color:#333;font-weight:600;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-footer{padding-top:12px;border-top:1px solid #f0f0f0;text-align:center}.view-details-text{font-size:13px;color:#007bff;font-weight:500}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content-leave{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header-leave h2{margin:0;font-size:20px;font-weight:600;color:#111827}.modal-subtitle{margin:4px 0 0;font-size:14px;color:#6b7280}.modal-close-btn{background:none;border:none;font-size:32px;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.detail-section{display:flex;flex-direction:column;gap:16px}.detail-row-modal{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:#f9fafb;border-radius:8px}.detail-row-modal.full-width{flex-direction:column;gap:8px}.detail-label-modal{font-size:14px;font-weight:600;color:#374151;min-width:140px}.detail-value-modal{font-size:14px;color:#111827;text-align:right}.detail-reason-modal{font-size:14px;color:#111827;margin:0;line-height:1.6;padding:8px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.rejection-section{background:#fef2f2;border:1px solid #fecaca}.rejection-text{color:#991b1b;background:#fff}.modal-actions{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.modal-approve-btn,.modal-reject-btn{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.modal-approve-btn{background:#10b981;color:#fff}.modal-approve-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.modal-reject-btn{background:#ef4444;color:#fff}.modal-reject-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.modal-approve-btn:disabled,.modal-reject-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.leave-requests-grid{grid-template-columns:1fr;padding:12px 0}.modal-content-leave{margin:10px;max-height:95vh}.modal-header-leave,.modal-body-leave{padding:16px}.modal-actions{flex-direction:column}.detail-row-modal{flex-direction:column;gap:8px}.detail-value-modal{text-align:left}.detail-label-modal{min-width:auto}}.emp-layout-wrapper{display:flex;max-height:100vh;background-color:#fcfcfc;font-family:Inter,sans-serif;position:relative;width:100%;overflow:hidden}.emp-sidebar{background-color:#3b1141;color:#fff;display:flex;flex-direction:column;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:0 24px 24px 0;padding:20px 0;flex-shrink:0;position:relative}.emp-sidebar::-webkit-scrollbar{width:4px}.emp-sidebar::-webkit-scrollbar-track{background:#ffffff0d}.emp-sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.emp-sidebar-open{width:260px;min-width:260px}.emp-sidebar-closed{width:85px;min-width:85px;align-items:center}.emp-toggle-btn{position:absolute;right:-12px;top:40px;width:24px;height:24px;background:#fff;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#3b1141;box-shadow:0 2px 4px #0000001a;transition:transform .2s;z-index:10}.emp-toggle-btn:hover{transform:scale(1.1)}.emp-sidebar-header{padding:0 20px;margin-bottom:30px;text-align:center;border-bottom:none;min-height:auto;flex-shrink:0}.emp-logo-container{display:flex;flex-direction:column;align-items:center;gap:12px}.emp-logo{width:65px;height:65px;background:#fff;border-radius:50%;padding:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;object-fit:contain;flex-shrink:0}.emp-logo img{width:100%;height:100%;object-fit:contain}.emp-logo-text{font-weight:700;font-size:14px;letter-spacing:.8px;color:#fff;white-space:nowrap;transition:opacity .3s}.emp-sidebar-closed .emp-logo-text{display:none}.emp-sidebar-nav{flex:1;padding:0 12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;overflow-x:hidden;min-height:0}.emp-sidebar-nav::-webkit-scrollbar{width:4px}.emp-sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.emp-sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.emp-nav-item{display:flex;align-items:center;padding:12px 16px;text-decoration:none;color:#fffc;border-radius:12px;transition:all .2s;font-size:13px;white-space:nowrap;flex-shrink:0}.emp-nav-item:hover{background:#ffffff14;color:#fff}.emp-nav-active{background-color:#28a745!important;color:#fff!important;font-weight:500}.emp-nav-item svg,.emp-nav-item i{width:20px;height:20px;flex-shrink:0;margin-right:12px;font-size:18px;display:flex;align-items:center;justify-content:center}.emp-sidebar-closed .emp-nav-item{justify-content:center;padding:12px}.emp-sidebar-closed .emp-nav-item span{display:none}.emp-sidebar-closed .emp-nav-item svg,.emp-sidebar-closed .emp-nav-item i{margin-right:0}.emp-sidebar-footer{padding:0 12px;margin-top:20px;border-top:none;flex-shrink:0}.emp-logout-btn{width:100%;padding:12px 16px;background-color:#28a745;border:none;border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px;font-weight:500;gap:12px}.emp-logout-btn:hover{background-color:#218838}.emp-logout-btn svg,.emp-logout-btn i{width:20px;height:20px;font-size:18px;flex-shrink:0}.emp-sidebar-closed .emp-logout-btn span{display:none}.emp-sidebar-closed .emp-logout-btn{padding:12px}.emp-main-content{flex:1;background:#fcfcfc;display:flex;flex-direction:column;min-width:0;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.emp-top-header{height:70px;background:#fff;padding:0 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0;width:100%;flex-shrink:0}.emp-header-left{display:flex;align-items:center;gap:1rem;min-width:0;flex:1}.emp-header-left h1{color:#3b1141;font-size:24px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-header-right{display:flex;align-items:center;gap:20px;flex-shrink:0}.emp-user-menu{position:relative}.emp-user-btn{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f8f9fa;border:1px solid #eee;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.emp-user-btn:hover{background:#e9ecef}.emp-user-btn span{font-size:14px;font-weight:500;color:#2d3748}.emp-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:200px;overflow:hidden;z-index:1100}.emp-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#4a5568;text-decoration:none;background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:background .2s;font-size:14px}.emp-dropdown-item:hover{background:#f7fafc}.emp-dropdown-logout{color:#e53e3e!important;border-top:1px solid #e2e8f0}.emp-dropdown-logout:hover{background:#fff5f5!important}.emp-page-content{padding:20px 40px;overflow-y:auto;overflow-x:hidden;flex:1;background-color:#fcfcfc;width:100%;max-width:100%;min-height:0;max-height:100vh}@media(max-width:1024px){.emp-top-header{padding:0 20px}.emp-page-content{padding:20px}}.emp-mobile-menu-btn{display:none!important}@media(max-width:768px){.emp-layout-wrapper{flex-direction:column}.emp-sidebar{height:auto;width:100%;min-width:100%;border-radius:0 0 24px 24px;flex-direction:row;padding:12px 16px;position:relative;align-items:center;justify-content:flex-start;gap:12px}.emp-sidebar-open,.emp-sidebar-closed{width:100%;min-width:100%}.emp-sidebar-header{padding:0;margin-bottom:0;flex-shrink:0}.emp-logo-container{flex-direction:row;gap:10px;align-items:center}.emp-logo{width:50px;height:50px}.emp-logo-text{font-size:13px;letter-spacing:.5px;display:block!important;white-space:nowrap}.emp-sidebar-closed .emp-logo-text{display:block!important}.emp-sidebar-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:8px;padding:0;flex:0 1 auto;margin:0}.emp-sidebar-nav::-webkit-scrollbar{display:none}.emp-sidebar-nav{-ms-overflow-style:none;scrollbar-width:none}.emp-nav-item{padding:10px;flex-shrink:0;min-width:44px;max-width:44px;width:44px;height:44px;justify-content:center;border-radius:10px}.emp-nav-item span,.emp-sidebar-closed .emp-nav-item span{display:none!important}.emp-nav-item svg,.emp-nav-item i{margin-right:0}.emp-sidebar-footer{padding:0;margin-top:0;margin-left:auto;flex-shrink:0}.emp-logout-btn{padding:0;min-width:44px;max-width:44px;width:44px;height:44px;border-radius:12px;gap:0;display:flex;align-items:center;justify-content:center}.emp-logout-btn span{display:none!important}.emp-logout-btn svg,.emp-logout-btn i{width:20px;height:20px;margin:0}.emp-toggle-btn{display:none}.emp-top-header{flex-direction:column;height:auto;gap:10px;padding:12px;align-items:stretch}.emp-header-left{justify-content:center}.emp-header-left h1{font-size:20px}.emp-header-right{width:100%;justify-content:space-between}.emp-page-content{padding:16px}.emp-user-btn span{font-size:13px}}@media(max-width:480px){.emp-sidebar{padding:8px}.emp-logo{width:40px;height:40px}.emp-logo-text{font-size:11px}.emp-nav-item{padding:8px 10px}.emp-logout-btn{padding:8px;min-width:40px}.emp-top-header{padding:10px}.emp-header-left h1{font-size:18px}.emp-page-content{padding:12px}.emp-header-right{gap:12px}.emp-user-btn{padding:6px 10px}.emp-user-btn span{font-size:12px}.emp-dropdown-menu{min-width:180px;right:-8px}}@media(max-width:375px){.emp-header-left h1{font-size:16px}.emp-logo{width:35px;height:35px}.emp-logo-text{font-size:10px}}@media print{.emp-sidebar,.emp-top-header{display:none!important}.emp-page-content{padding:0}}@media(prefers-reduced-motion:reduce){.emp-sidebar,.emp-main-content,.emp-nav-item{transition:none!important}}@media(max-width:768px){.emp-dropdown-menu{position:fixed;top:122px;left:50%;transform:translate(-50%);width:90%;max-width:280px;min-width:220px;right:auto;z-index:9999;border-radius:10px}.emp-dropdown-item{padding:10px 12px;font-size:15px}}.employee-dashboard-content{background:#f5f6fa;min-height:100vh;padding:18px 22px;font-family:Segoe UI,Arial,sans-serif}.top-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.date-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.status-dropdown{padding:6px 12px;border-radius:6px;border:1px solid #ddd;font-size:13px}.dot{width:8px;height:8px;border-radius:50%;background:#1abc9c}.time-pill,.date-pill{background:#eef1f7;padding:6px 14px;border-radius:18px;font-size:13px;display:flex;align-items:center;gap:6px}.date-pill{cursor:pointer}@media(max-width:767px){.datepicker-wrapper{position:relative;width:100%;overflow-x:hidden;display:flex;justify-content:center}.react-datepicker{width:100%!important;max-width:320px;margin:0 auto}.react-datepicker__month-container{width:100%}}.profile{display:flex;align-items:center;gap:10px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;gap:16px;margin-bottom:20px}.stat-card{background:#28a745;color:#fff;padding:16px;border-radius:14px;min-height:100px;display:flex;flex-direction:column;justify-content:space-between}.stat-icon-bg{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff40;border-radius:6px;font-size:24px;flex-shrink:0}.card-left{display:flex;justify-content:space-between;align-items:center;gap:12px}.stat-card h1{font-size:28px;margin:0}.quick-box{background:#fff;border-radius:14px;padding:16px;border:1px solid #e5e5e5}.quick-box h4{font-size:14px;margin-bottom:10px}.quick-box button{width:100%;padding:10px;margin-bottom:8px;border-radius:10px;border:1px solid #ddd;background:#f8f9fd;cursor:pointer;font-size:14px}.table-box{background:#fff;border-radius:14px;padding:5px;border:1px solid #e5e5e5;margin-bottom:40px}.table-box h3{font-size:14px;margin-bottom:12px}.table-scroll{width:100%;overflow-x:auto}.table-box table{width:100%;border-collapse:collapse;font-size:13px}.table-box th,.table-box td{padding:10px;border-bottom:1px solid #eee;text-align:left}.selected-row{background:#f2f4ff}.chart-box{background:#fff;border-radius:14px;padding:16px;border:1px solid #e5e5e5;margin-top:24px}@media(max-width:767px){.employee-dashboard-content{padding:14px}.top-bar{flex-direction:column;align-items:flex-start}.stats-row{grid-template-columns:1fr}.table-box table,.table-box thead,.table-box tbody,.table-box tr,.table-box td{display:block;width:100%}.table-box thead{display:none}.table-box tr{background:#fff;border-radius:14px;padding:14px;margin-bottom:16px;box-shadow:0 6px 16px #00000014}.table-box td{display:flex;justify-content:space-between;padding:8px 0;font-size:14px}.table-box td:before{content:attr(data-label);font-size:12px;font-weight:600;text-transform:uppercase;color:#6b7280}.table-box td[data-label=Farmer]{font-size:16px;font-weight:700;border-bottom:1px solid #eee;padding-bottom:10px}.table-box td[data-label=Farmer]:before{display:none}.chart-box{padding:12px}}@media(max-width:767px){.table-box td[data-label=Village]:before,.table-box td[data-label=Action]:before{display:none}.table-box td[data-label=Village]{font-size:13px;color:#6b7280;padding-top:4px}}@media(min-width:768px)and (max-width:1024px){.stats-row{grid-template-columns:repeat(2,1fr)}.table-box table{display:table}.table-box thead{display:table-header-group}.table-box tbody{display:table-row-group}.table-box tr{display:table-row;box-shadow:none}.table-box th,.table-box td{display:table-cell;white-space:nowrap;vertical-align:middle}.table-box td:before{content:none}}@media(min-width:1025px){.table-box table{display:table}.table-box tr{display:table-row}.table-box th,.table-box td{display:table-cell;white-space:nowrap;vertical-align:middle}.table-box td:before{content:none}}@media(max-width:767px){.table-box{margin-bottom:24px}.chart-box{margin-top:0;padding:16px;overflow:hidden}.recharts-responsive-container{width:100%!important;height:400px!important}}@media(max-width:767px){.datepicker-wrapper{width:100%;display:flex;justify-content:center}.react-datepicker{width:280px!important;font-size:12px}.react-datepicker__header{padding:6px 0}.react-datepicker__current-month{font-size:14px}.react-datepicker__day,.react-datepicker__day-name{width:32px;line-height:32px;margin:2px;font-size:12px}}@media(max-width:340px){.react-datepicker{width:235px!important;font-size:10.5px}.react-datepicker__current-month{font-size:12px;padding:4px 0}.react-datepicker__day,.react-datepicker__day-name{width:26px;line-height:26px;margin:1px;font-size:10.5px}}.quick-actions-section{margin:24px 0;padding:20px;background:#fff;border-radius:14px;border:1px solid #e5e5e5}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.quick-action-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;min-height:120px}.quick-action-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026}.quick-action-card:nth-child(1){background:linear-gradient(135deg,#667eea,#764ba2)}.quick-action-card:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.quick-action-card:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.quick-action-card:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.action-icon{font-size:36px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.action-text{color:#fff;font-size:14px;font-weight:600;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.1)}@media(max-width:767px){.quick-actions-section{padding:16px;margin:16px 0}.quick-actions-grid{grid-template-columns:repeat(2,1fr);gap:12px}.quick-action-card{padding:20px 12px;min-height:100px}.action-icon{font-size:28px}.action-text{font-size:12px}}@media(min-width:768px)and (max-width:1024px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}.page-container{min-height:100vh;background-color:#f9fafb;padding:2rem 1rem}.form-wrapper{max-width:1024px;margin:0 auto;background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.form-header{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.form-title{font-size:1.5rem;font-weight:600;color:#16a34a;margin:0}.form-content{padding:1.5rem}.form-section{margin-bottom:2rem}.section-title{font-size:1.125rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.section-icon{color:#16a34a}.section-subtitle{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.grid-2-col{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.grid-2-col{grid-template-columns:repeat(2,1fr)}}.grid-3-col{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.grid-3-col{grid-template-columns:repeat(3,1fr)}}.grid-4-col{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:768px){.grid-4-col{grid-template-columns:repeat(4,1fr)}}.full-width{grid-column:1 / -1}.form-group{display:flex;flex-direction:column}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.required{color:#ef4444}.form-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;outline:none;transition:all .2s}.form-input:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.form-input::placeholder{color:#9ca3af}.radio-group{display:flex;flex-wrap:wrap;gap:1.5rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.radio-input{width:1rem;height:1rem;accent-color:#16a34a;cursor:pointer}.radio-text{font-size:.875rem;color:#374151}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-input{width:1rem;height:1rem;accent-color:#16a34a;border-radius:.25rem;cursor:pointer}.checkbox-text{font-size:.875rem;color:#374151}.terms-checkbox{align-items:flex-start}.terms-checkbox .checkbox-input{margin-top:.25rem}.fee-box{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:.5rem;padding:1rem}.fee-row{display:flex;justify-content:space-between;align-items:center}.fee-label{font-size:.875rem;color:#374151}.fee-amount{font-size:1.5rem;font-weight:700;color:#16a34a}.fee-description{font-size:.75rem;color:#6b7280;margin-top:.5rem;margin-bottom:0}.benefits-box{background-color:#f9fafb;border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.benefit-item{display:flex;align-items:flex-start;gap:.5rem}.benefit-check{color:#edf7f1;margin-top:.25rem;flex-shrink:0}.benefit-text{font-size:.875rem;color:#374151}.terms-box{background-color:#f9fafb;border-radius:.5rem;padding:1rem;margin-bottom:1rem}.terms-text{font-size:.875rem;color:#6b7280;margin:.5rem 0}.selfie-upload-container{display:flex;justify-content:center;align-items:center}.file-input{display:none}.upload-button{display:block;cursor:pointer;border:2px dashed #d1d5db;border-radius:.5rem;padding:2rem;text-align:center;transition:all .3s;min-width:280px;background-color:#fafafa}.upload-button:hover{border-color:#16a34a;background-color:#f0fdf4}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.75rem}.camera-icon{font-size:3rem}.upload-label-text{font-size:1rem;font-weight:500;color:#374151}.preview-container{display:flex;flex-direction:column;align-items:center;gap:.75rem}.selfie-preview{width:200px;height:200px;object-fit:cover;border-radius:.5rem;border:2px solid #16a34a}.change-photo-text{font-size:.875rem;color:#16a34a;font-weight:500}.button-group{display:flex;gap:1rem;padding-top:1rem}.btn{flex:1;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;border:none;outline:none}.btn-primary{background-color:#16a34a;color:#fff}.btn-primary:hover:not(:disabled){background-color:#15803d}.btn-primary.btn-disabled,.btn-primary:disabled{background-color:#d1d5db;cursor:not-allowed;opacity:.6}.btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#f9fafb}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:#fff;border-radius:.75rem;padding:2.5rem 2rem;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 25px -5px #0000001a;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-icon{margin:0 auto 1.5rem;width:80px;height:80px}.checkmark{width:80px;height:80px;border-radius:50%;display:block;stroke-width:3;stroke:#16a34a;stroke-miterlimit:10;box-shadow:inset 0 0 #16a34a;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:3;stroke-miterlimit:10;stroke:#16a34a;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;stroke:#16a34a;stroke-width:3;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #16a34a}}.modal-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.modal-message{font-size:.9375rem;color:#6b7280;margin:0 0 1.5rem;line-height:1.5}.highlight-name{font-weight:600;color:#16a34a}.modal-buttons{display:flex;flex-direction:column;gap:.75rem}.modal-btn{width:100%}@media(max-width:767px){.page-container{padding:1rem .5rem}.form-content{padding:1rem}.form-title{font-size:1.25rem}.section-title{font-size:1rem}.button-group{flex-direction:column}.btn{width:100%}.modal-content{padding:2rem 1.5rem}.upload-button{min-width:200px;padding:1.5rem}.selfie-preview{width:150px;height:150px}}.signature-box{margin-top:20px;padding:20px;border:1px solid #f9fafb;border-radius:8px;background-color:#f9f9f9;max-width:700px;font-family:Arial,sans-serif}.form-row{display:flex;align-items:center;gap:20px}.form-row label{font-weight:700;color:#333}.form-row input[type=text]{width:200px;padding:5px 8px;border:1px solid #aaa;border-radius:4px;font-size:14px}.coordinator{margin-top:5px;font-style:italic;color:#555}.form-section{margin-top:24px}.section-title{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:600;color:#1f2937;margin-bottom:12px}.section-icon{font-size:22px;color:#2f8f46}.terms-box{background-color:#f5faf7;border-radius:14px;padding:16px 18px}.terms-text{font-size:14.5px;color:#4b5563;margin:0 0 10px}.checkbox-label{display:flex;align-items:center;gap:10px}.terms-checkbox{border:1px solid #cfe8d6;border-radius:12px;padding:14px 16px;cursor:pointer}.checkbox-input{width:18px;height:18px;accent-color:#2f8f46;cursor:pointer}.checkbox-text{font-size:14.5px;color:#111827}.required{color:#dc2626}.confirm-btn-wrapper{margin-top:20px}.confirm-btn{padding:12px 40px;width:auto}.employee-section{background:#f7fbf8;border:1px solid #d9efe1;border-radius:14px;padding:20px;margin-top:20px}.employee-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.employee-field label{display:block;margin-bottom:6px;font-weight:500;color:#374151}.dotted-card{border:2px dashed #9dd3af;border-radius:12px;padding:24px;text-align:center;cursor:pointer;background:#fff;transition:background .2s ease}.dotted-card:hover{background:#f0faf5}.dotted-card.large{min-height:260px;padding:16px;display:flex;align-items:center;justify-content:center}.camera-icon{font-size:28px;color:#2f8f46;display:block;margin-bottom:6px}.camera-container video{width:100%;border-radius:12px;background:#000}.camera-actions{display:flex;gap:10px;justify-content:center;margin-top:12px}.preview-container{text-align:center}.preview-container img{width:100%;border-radius:12px;margin-bottom:10px}.signature-section label{font-weight:500;display:block;margin-bottom:8px;color:#374151}.signature-actions{display:flex;gap:10px;margin-bottom:10px}.signature-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:13px;color:#6b7280}.btn-clear{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:6px 12px;cursor:pointer}.btn-clear:hover{background:#f9fafb}.radio-group{display:flex!important;gap:40px!important}.radio-label{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}.radio-input{width:20px!important;height:20px!important}.radio-text{white-space:nowrap!important}.radio-input{display:none}.radio-label:before{content:"";width:18px;height:18px;border:2px solid #9ca3af;border-radius:3px;display:inline-block}.radio-label{display:flex;align-items:center;gap:10px;cursor:pointer}.full-width,.village-full{grid-column:1 / -1}.radio-group{display:flex;gap:40px;flex-wrap:wrap}.radio-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#374151;position:relative}.radio-label:before{content:"";width:18px;height:18px;border:2px solid #9ca3af;border-radius:4px;background:#fff;box-sizing:border-box}.radio-label:has(.radio-input:checked):before{background-color:#16a34a;border-color:#16a34a}@media(max-width:767px){.radio-group{gap:16px}.radio-label{display:inline-flex;align-items:center;gap:10px;padding:6px 4px;font-size:15px;position:relative}.radio-input{position:absolute;opacity:0;pointer-events:none}.radio-label:before{content:"";width:18px;height:18px;border:2px solid #9ca3af;border-radius:4px;background:#fff;box-sizing:border-box;flex-shrink:0}.radio-label:has(.radio-input:checked):before{background-color:#16a34a;border-color:#16a34a}}@media(max-width:767px){.radio-group{gap:12px!important}.radio-label{padding:0!important;margin:0!important;line-height:1.2!important}.radio-label:before{margin:0!important}.radio-input{display:none!important}}@media(max-width:767px){.checkbox-label{align-items:flex-start!important}.checkbox-input{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;margin-top:2px;flex-shrink:0}.checkbox-text{line-height:1.4}}.radio-input{position:absolute;opacity:0}.radio-label:before{content:"";width:18px;height:18px;border:2px solid #9ca3af;border-radius:4px;background:#fff;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.radio-label:has(.radio-input:checked):before{content:"✓";background-color:#16a34a;border-color:#16a34a;color:#fff;font-size:14px;font-weight:700;line-height:1}.survey-detail-page{max-width:1200px;margin:0 auto;padding:30px 20px;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.survey-header{background:#fff;border-radius:12px;padding:25px;margin-bottom:25px;box-shadow:0 1px 3px #0000001a}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:20px}.btn-back svg{width:18px;height:18px}.btn-back:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.survey-title-section{padding-top:15px;border-top:1px solid #e5e7eb}.survey-title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.survey-title-row h2{font-size:22px;font-weight:600;color:#1f2937}.status-badge{padding:5px 12px;border-radius:6px;font-size:12px;font-weight:500}.status-badge.completed{background:#dcfce7;color:#16a34a}.view-type{font-size:13px;color:#6b7280}.detail-sections{display:flex;flex-direction:column;gap:20px;margin-bottom:25px}.detail-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 1px 3px #0000001a}.section-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.detail-item{display:flex;flex-direction:column;gap:6px}.detail-item.full-width{grid-column:1 / -1}.detail-label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;font-weight:500;color:#1f2937;line-height:1.5}.notes-content{padding:15px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.notes-content p{font-size:14px;color:#374151;line-height:1.6;margin:0}.bottom-actions{display:flex;justify-content:flex-start;padding:20px 0}.btn-back-to-list{padding:12px 24px;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-back-to-list:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}@media(max-width:768px){.survey-detail-page{padding:20px 15px}.page-title{font-size:22px}.survey-header{padding:20px}.survey-title-row{flex-direction:column;align-items:flex-start;gap:8px}.survey-title-row h2{font-size:20px}.detail-card{padding:20px}.detail-grid{grid-template-columns:1fr;gap:15px}.section-title{font-size:15px}.btn-back,.btn-back-to-list{width:100%;justify-content:center}}@media(max-width:480px){.survey-detail-page{padding:15px 10px}.page-title{font-size:20px;margin-bottom:20px}.survey-header,.detail-card{padding:15px}.section-title{font-size:14px;margin-bottom:15px}.detail-label{font-size:11px}.detail-value{font-size:13px}}.mobile-card-list{display:flex;flex-direction:column;gap:16px}.mobile-card{background:#fff;padding:14px;border-radius:12px;box-shadow:0 4px 12px #00000014}.card-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}.mobile-action-btn{width:100%;margin-top:10px;padding:12px;border-radius:8px;border:none;background:#22c55e;color:#fff;font-size:14px}.previous-history-page{max-width:1400px;margin:0 auto;padding:30px 20px;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.filters-card{background:#fff;border-radius:12px;padding:25px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.filters-title{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:20px}.search-section{margin-bottom:20px}.search-section label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:8px}.search-input{width:100%;padding:11px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#f9fafb;transition:all .2s}.search-input:focus{outline:none;border-color:#22c55e;background:#fff;box-shadow:0 0 0 3px #22c55e1a}.search-input::placeholder{color:#9ca3af}.filter-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.filter-group{display:flex;flex-direction:column}.filter-group label{font-size:13px;font-weight:500;color:#374151;margin-bottom:8px}.filter-group select{padding:11px 35px 11px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#f9fafb;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filter-group select:focus{outline:none;border-color:#22c55e;background-color:#fff;box-shadow:0 0 0 3px #22c55e1a}.results-info{font-size:14px;color:#6b7280;margin-bottom:15px;padding-left:5px}.table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.history-table{width:100%;border-collapse:collapse}.history-table thead{background:#f3f4f6}.history-table thead th{padding:14px 20px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e5e7eb}.history-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .2s}.history-table tbody tr:hover{background:#f9fafb}.history-table tbody tr:last-child{border-bottom:none}.history-table tbody td{padding:16px 20px;font-size:14px;color:#374151;vertical-align:middle}.farmer-name{font-weight:500;color:#1f2937}.status-badge{display:inline-block;padding:5px 12px;border-radius:6px;font-size:12px;font-weight:500}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#fef3c7;color:#d97706}.btn-view,.btn-resume{display:inline-flex;align-items:center;gap:6px;padding:8px 21px;margin-top:2px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-view{background:transparent;color:#6b7280;border:1px solid #d1d5db}.btn-view:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.btn-view svg{width:16px;height:16px}.btn-resume{background:#22c55e;color:#fff}.btn-resume:hover{background:#16a34a}.btn-resume svg{width:16px;height:16px}.no-results{padding:60px 20px;text-align:center}.no-results p{font-size:14px;color:#6b7280}@media(max-width:1024px){.filter-row{grid-template-columns:1fr}.history-table{font-size:13px}.history-table thead th,.history-table tbody td{padding:12px 15px}}@media(max-width:768px){.previous-history-page{padding:20px 15px}.page-title{font-size:22px}.filters-card{padding:20px}.table-container{overflow-x:auto}.history-table{min-width:800px}.btn-view,.btn-resume{padding:6px 12px;font-size:12px}.btn-view svg,.btn-resume svg{width:14px;height:14px}}@media(max-width:480px){.page-title{font-size:20px}.filters-card{padding:15px}.filter-row{gap:15px}.status-badge{padding:4px 10px;font-size:11px}}.btn-upload{background-color:#fff7ed;color:#c2410c;border:1px dashed #fdba74;padding:6px 10px;margin-top:2px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-upload:hover{background-color:#ffedd5;border-color:#fb923c}@media(max-width:640px){.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.history-table{min-width:1000px;width:max-content}}@media(min-width:768px)and (max-width:820px){.previous-history-page{padding:30px 20px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.history-table{min-width:100%;table-layout:fixed}.history-table thead{display:table-header-group}.history-table tbody tr{display:table-row}.history-table td,.history-table th{display:table-cell;padding:14px 20px}.history-table td:before{content:none!important}}@media(max-width:640px){.action-btn-wrapper{width:40%;display:flex;justify-content:flex-start}.btn-view,.btn-upload{min-width:71px;padding:3px 14px;font-size:12px;text-align:center}}.pagination-wrapper{display:flex;justify-content:flex-end;gap:10px;padding:16px;background:#fff}.page-btn{min-width:40px;padding:8px 14px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;font-size:14px;transition:all .2s ease}.page-btn:hover:not(:disabled){background:#f3f4f6}.page-btn.active{background:#fff;border:2px solid #e5e7eb;font-weight:600;color:#000}.page-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.pagination-wrapper{justify-content:center;flex-wrap:nowrap}}@media(max-width:480px){.page-btn{min-width:32px;padding:6px 10px;font-size:12px}}*{margin:0;padding:0;box-sizing:border-box}.update-farmer-page{max-width:1200px;margin:0 auto;padding:30px 20px;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.page-title{font-size:28px;font-weight:600;color:#22c55e;margin-bottom:25px}.farmer-header{background:#fff;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 1px 3px #0000001a;display:flex;gap:25px;align-items:flex-start}.farmer-avatar{width:80px;height:80px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.farmer-avatar svg{width:40px;height:40px;color:#fff}.farmer-info{flex:1}.farmer-name-section{display:flex;align-items:center;gap:12px;margin-bottom:20px}.farmer-name-section h2{font-size:24px;font-weight:600;color:#1f2937}.active-badge{background:#dcfce7;color:#16a34a;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500}.farmer-quick-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.info-item{display:flex;gap:12px;align-items:center}.info-item svg{width:20px;height:20px;color:#9ca3af;flex-shrink:0}.info-item>div{display:flex;flex-direction:column;gap:2px}.info-item .label{font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.info-item .value{font-size:14px;font-weight:500;color:#1f2937}.update-farmer-form{display:flex;flex-direction:column;gap:20px}.form-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-section{background:#fff;border-radius:12px;padding:25px;box-shadow:0 1px 3px #0000001a}.section-header{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.section-header svg{width:24px;height:24px;color:#8b5cf6;flex-shrink:0;margin-top:2px}.section-header>div{flex:1}.section-header h3{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.section-header p{font-size:13px;color:#6b7280}.form-group{margin-bottom:18px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:8px}.form-group .required{color:#ef4444;margin-left:2px}.form-group .optional{color:#9ca3af;font-weight:400;font-size:12px}.form-group .modified{color:#f59e0b;font-size:12px;font-weight:500;margin-left:5px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#f9fafb;transition:all .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#8b5cf6;background:#fff;box-shadow:0 0 0 3px #8b5cf61a}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:35px;cursor:pointer}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-actions{display:flex;gap:12px;justify-content:flex-start;margin-top:10px}.btn-submit{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-submit svg{width:18px;height:18px}.btn-submit:hover{background:#16a34a}.btn-cancel{padding:12px 24px;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}@media(max-width:1024px){.form-sections{grid-template-columns:1fr}}@media(max-width:768px){.farmer-header{flex-direction:column;align-items:center;text-align:center}.farmer-name-section{flex-direction:column;align-items:center}.farmer-quick-info{grid-template-columns:1fr}.info-item{justify-content:center}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-submit,.btn-cancel{width:100%;justify-content:center}}.my-leaves-container{padding:20px;max-width:1400px;margin:0 auto}.my-leaves-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.my-leaves-header h2{margin:0;font-size:24px;color:#333;flex:1}.request-leave-btn{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s}.request-leave-btn:hover{background-color:#0056b3}.empty-action-btn{margin-top:16px;padding:12px 24px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600}.empty-action-btn:hover{background-color:#0056b3}.leaves-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:20px 0}.leave-type-compact h4{margin:0;font-size:15px;font-weight:600;color:#333;line-height:1.3}.leave-days-compact{font-size:12px;color:#666;display:block;margin-top:4px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.form-group select,.form-group input,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-group textarea{resize:vertical;min-height:100px}.cancel-btn,.submit-btn{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn{background:#f3f4f6;color:#374151}.cancel-btn:hover{background:#e5e7eb}.submit-btn{background:#007bff;color:#fff}.submit-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.submit-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.leaves-grid{grid-template-columns:1fr}.my-leaves-header{flex-direction:column;align-items:stretch}.my-leaves-header h2{text-align:center}.request-leave-btn{width:100%}}.modal-content-leave-details{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.modal-header-leave{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #e5e7eb}.modal-header-leave h3{margin:0;font-size:20px;color:#111}.modal-subtitle{margin:4px 0 0;font-size:13px;color:#666}.modal-body-leave{padding:24px}.detail-section-leave{margin-bottom:24px}.detail-section-leave:last-child{margin-bottom:0}.detail-label-leave{font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.detail-value-leave{font-size:16px;color:#111;font-weight:500}.status-badge-large.pending{background-color:#ffc107;color:#000;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;display:inline-block}.status-badge-large.approved{background-color:#28a745;color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;display:inline-block}.status-badge-large.rejected{background-color:#dc3545;color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;display:inline-block}.duration-box{background:#f8f9fa;padding:16px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.duration-item{display:flex;flex-direction:column;gap:4px}.duration-label{font-size:12px;color:#666}.duration-value{font-size:16px;font-weight:600;color:#111}.duration-arrow{font-size:20px;color:#999}.total-days{background:#e3f2fd;padding:12px;border-radius:8px;text-align:center;font-size:14px;color:#1976d2}.reason-box{background:#f8f9fa;padding:16px;border-radius:12px;font-size:14px;color:#333;line-height:1.6;border-left:4px solid #007bff}.admin-response-box{background:#fff3cd;padding:16px;border-radius:12px;font-size:14px;color:#856404;line-height:1.6;border-left:4px solid #ffc107}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-item{background:#f8f9fa;padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:4px}.info-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:14px;font-weight:600;color:#111}@media(max-width:768px){.duration-box{flex-direction:column;gap:12px}.duration-arrow{transform:rotate(90deg)}.info-grid{grid-template-columns:1fr}}.lab-layout-wrapper{display:flex;min-height:100vh;background-color:#fcfcfc;font-family:Inter,sans-serif;position:relative;width:100%;overflow-x:hidden}.lab-sidebar{background-color:#3b1141;color:#fff;display:flex;flex-direction:column;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:0;padding:20px 0;flex-shrink:0;position:fixed;left:0;top:0;z-index:1000;box-shadow:2px 0 10px #0000001a}.lab-sidebar-open{width:260px}.lab-sidebar-closed{width:70px;align-items:center}.lab-toggle-btn{position:absolute;right:-12px;top:22px;width:24px;height:24px;background:#fff;border:1px solid #ddd;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#3b1141;box-shadow:0 2px 8px #00000026;transition:all .2s;z-index:10}.lab-toggle-btn:hover{transform:scale(1.1)}.lab-sidebar-header{padding:0 15px;margin-bottom:25px;text-align:center;position:relative}.lab-logo-container{display:flex;flex-direction:column;align-items:center;gap:12px}.lab-logo{width:50px;height:50px;background:#fff;border-radius:50%;padding:4px;display:flex;align-items:center;justify-content:center;object-fit:contain}.lab-logo-text{font-weight:700;font-size:14px;letter-spacing:.8px;color:#fff;white-space:nowrap}.lab-sidebar-closed .lab-logo-text{display:none}.lab-sidebar-nav{flex:1;padding:0 10px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.lab-sidebar-nav::-webkit-scrollbar{width:4px}.lab-sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.lab-nav-item{display:flex;align-items:center;padding:12px 14px;text-decoration:none;color:#fffc;border-radius:10px;transition:all .2s;font-size:13px;white-space:nowrap}.lab-nav-item:hover{background:#ffffff14;color:#fff}.lab-nav-active{background-color:#28a745!important;color:#fff!important;font-weight:500}.lab-nav-item svg{width:20px;height:20px;flex-shrink:0}.lab-sidebar-open .lab-nav-item svg{margin-right:12px}.lab-sidebar-closed .lab-nav-item{justify-content:center;padding:12px}.lab-sidebar-closed .lab-nav-item span{display:none}.lab-sidebar-closed .lab-nav-item svg{margin-right:0}.lab-sidebar-footer{padding:0 10px;margin-top:20px}.lab-logout-btn{width:100%;padding:12px 14px;background-color:#28a745;border:none;border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-size:14px;transition:background-color .2s}.lab-logout-btn:hover{background-color:#218838}.lab-sidebar-closed .lab-logout-btn span{display:none}.lab-main-content{background:#fcfcfc;display:flex;flex-direction:column;min-height:100vh;flex:1;transition:margin-left .3s;width:100%}.lab-content-open{margin-left:260px;width:calc(100% - 260px)}.lab-content-closed{margin-left:70px;width:calc(100% - 70px)}.lab-top-header{height:60px;background:#fff;padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100}.lab-header-left{display:flex;align-items:center;gap:1rem}.lab-header-left h1{color:#3b1141;font-size:20px;font-weight:600;margin:0}.lab-header-right{display:flex;align-items:center;gap:15px}.lab-user-menu{position:relative}.lab-user-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f8f9fa;border:1px solid #eee;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.lab-user-btn:hover{background:#e9ecef}.lab-user-btn span{font-size:14px;font-weight:500;white-space:nowrap}.lab-dropdown-menu{position:absolute;top:calc(100% + 5px);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:200px;z-index:1000;animation:dropdownFade .2s ease-out}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lab-dropdown-email{padding:12px 16px;font-size:13px;color:#718096;border-bottom:1px solid #e2e8f0;word-break:break-all}.lab-dropdown-logout{width:100%;padding:12px 16px;display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;color:#e53e3e;font-size:14px;transition:background-color .2s}.lab-dropdown-logout:hover{background:#fff5f5}.lab-page-content{flex:1;overflow-x:hidden}.lab-mobile-menu-btn{display:none;background:transparent;border:none;cursor:pointer;color:#3b1141;padding:5px}.lab-sidebar-backdrop{display:none;position:fixed;inset:0;background-color:#00000080;z-index:999}@media(max-width:1024px){.lab-sidebar-open{width:240px}.lab-top-header{padding:0 15px}}@media(max-width:768px){.lab-header-left h1{font-size:18px;padding-left:0}.lab-user-btn span{display:none}.lab-user-btn{padding:8px}.lab-sidebar-open+.lab-sidebar-backdrop{display:block}.lab-dropdown-menu{right:-10px;min-width:180px}}@media(max-width:600px){.lab-top-header{height:56px;padding:0 15px}.lab-header-left h1{font-size:17px}.lab-sidebar{width:260px!important}.lab-sidebar-open{width:260px}}@media(max-width:480px){.lab-top-header{padding:0 12px}.lab-header-left h1{font-size:16px}.lab-dropdown-menu{min-width:160px;font-size:13px}.lab-dropdown-email,.lab-dropdown-logout{padding:10px 12px}.lab-sidebar{width:250px!important}.lab-sidebar-open{width:250px}.lab-nav-item{padding:10px 12px;font-size:12px}.lab-logo{width:45px;height:45px}}@media(max-width:360px){.lab-top-header{padding:0 10px}.lab-header-left h1{font-size:15px}.lab-user-btn{padding:6px}.lab-sidebar{width:240px!important}.lab-sidebar-open{width:240px}.lab-logo{width:40px;height:40px}}@media(max-height:600px)and (orientation:landscape){.lab-sidebar{padding:10px 0}.lab-sidebar-header{margin-bottom:15px}.lab-logo{width:40px;height:40px}.lab-nav-item{padding:8px 12px;font-size:12px}.lab-logout-btn{padding:8px 12px;font-size:13px}}@media(hover:none)and (pointer:coarse){.lab-nav-item,.lab-logout-btn,.lab-user-btn,.lab-dropdown-logout{min-height:44px}.lab-toggle-btn{width:32px;height:32px}}@media(max-width:768px){.lab-sidebar{position:fixed;top:0;left:0;height:56px;width:100%;background-color:#3b1141;display:flex;flex-direction:row;align-items:center;padding:0 14px;z-index:1000}.lab-sidebar-open,.lab-sidebar-closed{width:100%!important}.lab-sidebar-header{margin:0;padding:0;flex-shrink:0}.lab-logo-container{flex-direction:row;align-items:center;gap:8px}.lab-logo{width:34px;height:34px}.lab-logo-text{display:block!important;font-size:13px;font-weight:600;letter-spacing:.4px}.lab-sidebar-nav{flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:14px}.lab-nav-item{width:38px;height:38px;padding:0;border-radius:10px;display:flex;align-items:center;justify-content:center}.lab-nav-item span{display:none!important}.lab-nav-active{background-color:#28a745!important}.lab-sidebar-footer{margin:0;padding:0;flex-shrink:0}.lab-logout-btn{width:38px;height:38px;padding:0;border-radius:10px;display:flex;align-items:center;justify-content:center}.lab-logout-btn span,.lab-toggle-btn,.lab-top-header{display:none!important}.lab-main-content{margin-left:0!important;padding-top:56px;min-height:100vh}.lab-page-content{min-height:calc(100vh - 56px);overflow-y:auto}.lab-sidebar-backdrop{display:none!important}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.lab-dashboard-content{background:#f5f6fa;min-height:100vh;padding:18px 22px;font-family:Segoe UI,Arial,sans-serif}.lab-top-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.lab-date-box{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lab-status-dropdown{padding:6px 12px;border-radius:6px;border:1px solid #ddd;font-size:13px}.lab-dot{width:8px;height:8px;border-radius:50%;background:#1abc9c}.lab-time-pill,.lab-date-pill{background:#eef1f7;padding:6px 14px;border-radius:18px;font-size:13px;display:flex;align-items:center;gap:6px}.lab-date-pill{cursor:pointer}@media(max-width:767px){.lab-datepicker-wrapper{position:relative;width:100%;overflow-x:hidden;display:flex;justify-content:center}.react-datepicker{width:100%!important;max-width:320px;margin:0 auto}.react-datepicker__month-container{width:100%}}.lab-profile{display:flex;align-items:center;gap:10px}.lab-stats-row{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;gap:16px;margin-bottom:20px}.lab-stat-card{background:#28a745;color:#fff;padding:16px;min-height:100px;display:flex;flex-direction:column;justify-content:space-between}.lab-card-left{display:flex;justify-content:space-between;align-items:center}.lab-stat-card h1{font-size:28px;margin:0}.lab-quick-box{background:#fff;border-radius:14px;padding:16px;border:1px solid #e5e5e5}.lab-quick-box h4{font-size:14px;margin-bottom:10px}.lab-quick-box button{width:100%;padding:10px;margin-bottom:8px;border-radius:10px;border:1px solid #ddd;background:#f8f9fd;cursor:pointer;font-size:14px}.lab-table-box{background:#fff;border-radius:14px;padding:5px;border:1px solid #e5e5e5;margin-bottom:40px}.lab-table-box h3{font-size:14px;margin-bottom:12px}.lab-table-scroll{width:100%;overflow-x:auto}.lab-table-box table{width:100%;border-collapse:collapse;font-size:13px}.lab-table-box th,.lab-table-box td{padding:10px;border-bottom:1px solid #eee;text-align:left}.lab-chart-box{background:#fff;border-radius:14px;padding:16px;border:1px solid #e5e5e5;margin-top:24px}.recharts-responsive-container{width:100%;height:260px}.recharts-wrapper,.recharts-surface{overflow:visible!important}@media(max-width:767px){.lab-dashboard-content{padding:14px}.lab-top-bar{flex-direction:column;align-items:flex-start}.lab-stats-row{grid-template-columns:1fr}.lab-table-box table,.lab-table-box thead,.lab-table-box tbody,.lab-table-box tr,.lab-table-box td{display:block;width:100%}.lab-table-box thead{display:none}.lab-table-box tr{background:#fff;border-radius:14px;padding:14px;margin-bottom:16px;box-shadow:0 6px 16px #00000014}.lab-table-box td{display:grid;grid-template-columns:90px 1fr;column-gap:10px;align-items:center}.lab-table-box td:before{content:attr(data-label);white-space:nowrap;font-size:12px;font-weight:600;text-transform:uppercase;color:#6b7280}.lab-table-box td[data-label=Farmer]{font-size:16px;font-weight:700;border-bottom:1px solid #eee;padding-bottom:10px}.lab-table-box td[data-label=Farmer]:before{display:none}.lab-chart-box{padding:12px}}@media(min-width:768px)and (max-width:1024px){.lab-stats-row{grid-template-columns:repeat(2,1fr)}}@media(min-width:1025px){.lab-table-box table{display:table}}@media(max-width:767px){*{max-width:100vw;box-sizing:border-box}html,body{overflow-x:hidden!important}}html,body,#root{height:100%;margin:0}.authBg{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:24px;background-image:linear-gradient(180deg,#b03cff,#cf86ff 28%,#fff 55%,#c7edc9 72%,#2db84d)}.authCard{width:100%;max-width:420px;background:#fff;border-radius:12px;padding:26px 26px 22px;box-shadow:0 18px 50px #0000002e}.authBrand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px}.authLogo{width:90px;height:90px;object-fit:contain}@media(max-width:520px){.authLogo{width:64px;height:64px}}.authBrandText{text-align:left}.authBrandTitle{font-size:13px;font-weight:700;color:#2b2b2b;line-height:1.2}.authBrandSub{font-size:12px;color:#6b6b6b;margin-top:2px}.authHeading{margin:14px 0 10px;text-align:center;font-size:26px;font-weight:600;color:#222}.authError{margin:0 0 12px;padding:10px 12px;border-radius:8px;background:#b0002014;color:#b00020;font-size:13px}.authForm{display:grid;gap:14px}.authLabel{display:grid;gap:6px;font-size:13px;color:#3a3a3a}.authField{position:relative}.authInput{width:100%;height:40px;border-radius:6px;border:1px solid #d8d8d8;padding:0 44px 0 12px;outline:none;font-size:13px;background:#fff}.authInput:focus{border-color:#7b1fa2;box-shadow:0 0 0 3px #7b1fa226}.authIcon{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:14px;color:#7b1fa2;opacity:.85;pointer-events:none}.authIconBtn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:#7b1fa2;opacity:.85;font-size:18px;display:grid;place-items:center}.authIconBtn:hover{opacity:1}.authRow{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#6a6a6a}.authRemember{display:inline-flex;align-items:center;gap:8px}.authLinkBtn{border:none;background:transparent;color:#6b2aa5;font-size:12px;cursor:pointer;padding:0}.authLinkBtn:hover{text-decoration:underline}.authBtn{height:42px;border:none;border-radius:6px;background:#7b1fa2;color:#fff;font-weight:700;cursor:pointer}.authBtn:disabled{opacity:.7;cursor:not-allowed}.authBtn:hover:not(:disabled){filter:brightness(1.05)}.authTiny{margin-top:6px;text-align:center;font-size:11px;color:#7a7a7a}