@charset "UTF-8";.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:10px;box-shadow:0 4px 20px #00000026;max-width:420px;min-width:280px;animation:toastIn .25s ease-out}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toastError{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.toastSuccess{background:#f0fdf4;border:1px solid #bbf7d0;color:#047857}.toastInfo{background:#f0f9ff;border:1px solid #bae6fd;color:#0369a1}.toastMessage{flex:1;font-size:14px;font-weight:500;line-height:1.4}.toastClose{flex-shrink:0;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer;opacity:.8}.toastClose:hover{opacity:1;background:#0000000f}.toastContainer{position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none}.toastContainer>*{pointer-events:auto}.pageBackBar{width:100%;align-self:stretch;margin-bottom:1rem;flex-shrink:0}.pageBackButton{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;border:1px solid rgba(0,0,0,.1);background:#11182708;font-size:.875rem;font-weight:500;color:#111827;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.pageBackButton:hover{background:#1118270f;border-color:#00000024}.pageBackButton:focus-visible{outline:2px solid #02955a;outline-offset:2px}.pageBackIcon{flex-shrink:0;color:#374151}.pageBackButton:hover .pageBackIcon{color:#02955a}.sidebarWrapper{display:flex;align-self:stretch;min-height:0}@media(min-width:769px){.sidebarWrapper{height:100%}}@media(max-width:768px){.sidebarWrapper{position:absolute;left:0;right:0;bottom:0;top:auto;width:100%;min-width:0;height:0;overflow:visible;flex:none}}.sidebar{display:flex;width:76px;flex-direction:column;min-height:0;gap:20px;border-right:1px solid rgba(0,0,0,.08);background:#fff;padding:32px 16px}@media(min-width:769px){.sidebar{height:100%}}@media(max-width:768px){.sidebar{position:fixed;bottom:0;left:0;right:0;z-index:30;width:100%;min-height:unset;height:64px;flex-direction:row;flex-wrap:nowrap;align-items:stretch;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0);border-right:none;border-top:1px solid rgba(0,0,0,.08);gap:2px;box-shadow:0 -1px #0000000f}}.header{display:flex;flex-direction:column;gap:6px}@media(max-width:768px){.header{display:none}}.title{font-size:18px;font-weight:600;color:#111827}.subtitle{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#6b7280}.nav{display:flex;flex-direction:column;gap:10px}@media(max-width:768px){.nav{display:contents}}@media(max-width:768px){.nav>div{display:contents}}.sectionLabel{margin-top:10px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.link{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:4px;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:500;color:#111827;text-decoration:none;border:none;background:transparent;cursor:pointer;transition:background .2s ease,color .2s ease}@media(max-width:768px){.link{margin-bottom:0;min-width:0;min-height:44px;padding:8px 4px;flex:1 1 0;max-width:100%;outline:none}}.mobileRailIcon,.languageToggleContent{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.languageToggleContent{gap:.35rem}.mobileRailLabel,.languageToggleLabel{line-height:1}.sidebar .mobileRailLabel,.sidebar .languageToggleLabel{display:none}.link:focus-visible{outline:2px solid #02955a;outline-offset:2px}.link:hover{background:#1118270f}.link.active{background:#02955a12;color:#02955a!important}.link.active:hover{background:#02955a2e;color:#02955a!important}.footer{margin-top:auto;display:flex;flex-direction:column;gap:4px;border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:24px;font-size:13px;color:#6b7280}@media(max-width:768px){.footer{margin-top:0;display:contents;border-bottom:none;padding:0;min-width:0}}@media(max-width:768px){.sidebar .link,.sidebar .languageToggleContent{gap:0}}.user{font-weight:600;color:#111827}.drawer{width:0;overflow:hidden;display:flex;flex-direction:column;min-height:0;background:#fff;border-right:1px solid rgba(0,0,0,.06);transition:width .2s ease}@media(min-width:769px){.drawer{align-self:stretch;height:100%}}@media(max-width:768px){.drawer{position:fixed;bottom:0;left:0;right:0;z-index:50;width:100%;max-height:0;border:none;border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #0000001f;transition:max-height .3s ease,transform .3s ease;overflow:hidden;visibility:hidden;pointer-events:none}}.drawer.open{width:240px}@media(max-width:768px){.drawer.open{width:100%;bottom:calc(64px + env(safe-area-inset-bottom,0px));max-height:min(70vh,480px);min-height:unset;visibility:visible;pointer-events:auto}}.drawerBackdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0006;opacity:0;transition:opacity .3s ease}@media(max-width:768px){.drawerBackdrop{display:block}}@media(max-width:768px){.drawerBackdrop.visible{opacity:1}}.drawerHeader{display:flex;align-items:center;justify-content:space-between;padding:28px 20px 12px;border-bottom:1px solid rgba(0,0,0,.06);flex-shrink:0}@media(max-width:768px){.drawerHeader{padding:20px 16px 12px}}.drawerTitle{font-size:16px;font-weight:600;color:#111827}.drawerClose{border:none;background:transparent;font-size:20px;line-height:1;cursor:pointer;color:#6b7280}.drawerBody{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding:16px 20px;overflow-y:auto}.drawerSectionTitle{margin-top:12px;margin-bottom:4px;padding:0 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.drawerSectionTitle:first-child{margin-top:0}.drawerAccordionSection{flex-shrink:0;border-radius:10px;border:1px solid rgba(0,0,0,.06);background:#11182705;overflow:hidden}.drawerAccordionSection+.drawerAccordionSection{margin-top:8px}.drawerAccordionTrigger{display:flex;width:100%;flex-shrink:0;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:none;background:transparent;cursor:pointer;text-align:left;font-size:13px;font-weight:600;color:#111827;transition:background .15s ease}@media(max-width:768px){.drawerAccordionTrigger{gap:12px;padding:12px 14px;font-size:14px}}.drawerAccordionTrigger:hover{background:#1118270a}.drawerAccordionTrigger:focus-visible{outline:2px solid #02955a;outline-offset:-2px}.drawerAccordionTriggerLabel{flex:1;min-width:0;line-height:1.35}.drawerAccordionChevron{flex-shrink:0;color:#6b7280;transition:transform .2s ease}.drawerAccordionChevron.open{transform:rotate(180deg)}.drawerAccordionPanel{display:flex;flex-direction:column;gap:2px;padding:4px 6px 8px;border-top:1px solid rgba(0,0,0,.06);background:#fff}@media(max-width:768px){.drawerAccordionPanel{padding:4px 8px 10px}}.drawerItemNested{padding-left:12px;padding-right:8px;font-size:13px;line-height:1.35;word-break:break-word}@media(max-width:768px){.drawerItemNested{padding-left:14px;padding-right:12px;font-size:14px}}.drawerFooter{margin-top:auto;flex-shrink:0;padding:16px 20px;border-top:1px solid rgba(0,0,0,.06)}.drawerItem{display:block;flex-shrink:0;padding:8px 10px;border-radius:8px;text-decoration:none;color:#111827;font-size:14px;transition:background .2s ease}.drawerItem:hover{background:#1118270f}.drawerItem.active{background:#02955a12;color:#02955a}.drawerItem.active:hover{background:#02955a2e;color:#02955a}.drawerItemLogout{width:100%;display:block;padding:8px 10px;border-radius:8px;border:none;background:transparent;cursor:pointer;text-align:left;font-size:14px;color:#dc2626}.drawerItemLogout:hover{background:#dc262614;color:#b91c1c}.authLayout{display:flex;min-height:100vh;width:100%;align-items:center;justify-content:center;padding:24px;background:#f9fafb}.authCard{width:100%;max-width:400px;border:1px solid rgba(0,0,0,.06);border-radius:16px;background:#fff;padding:30px;box-shadow:0 1px 2px #1018280a;color:#111827}.authHeader{display:flex;flex-direction:column;gap:6px}.authTitle{font-size:22px;font-weight:600;color:#111827}.authSubtitle{font-size:13px;color:#6b7280}.authForm{margin-top:24px;display:flex;flex-direction:column;gap:20px}.authField{display:flex;flex-direction:column;gap:6px}.authLabel{font-size:12px;color:#6b7280}.authInput{height:36px;border-radius:8px;border:1px solid rgba(0,0,0,.08);padding:0 12px;font-size:13px;color:#111827;background:#fff}.authInput::placeholder{color:#9ca3af}.authPasswordWrap{position:relative;display:flex;align-items:center}.authInputPassword{padding-right:72px}.authPasswordToggle{position:absolute;right:8px;border:none;background:transparent;color:#047857;font-size:12px;font-weight:600;cursor:pointer;line-height:1}.authPasswordToggle:hover{color:#065f46}.authError{font-size:12px;color:#dc2626;background:#dc262614;padding:8px 12px;border-radius:8px}.authFieldError{font-size:11px;color:#dc2626;margin-top:2px}.authActions{display:flex;flex-direction:column;gap:8px}.authButton{height:34px;padding:0 14px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid rgba(0,0,0,.08);background:#fff;color:#374151;cursor:pointer;width:100%}.authButtonPrimary{border-color:#02955a;background:#02955a;color:#fff}.authButtonPrimary:disabled{opacity:.7;cursor:not-allowed}.authFooter{margin-top:24px;text-align:center;font-size:12px;color:#6b7280}.authLink{color:#02955a;font-weight:500;text-decoration:none}.authLink:hover{text-decoration:underline}.dashboardOverview{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px;padding-bottom:32px;color:#111827}.dashboardHero{margin-bottom:8px}.dashboardTitle{font-size:28px;font-weight:700;color:#111827;margin:0 0 6px;letter-spacing:-.02em}.dashboardSubtitle{font-size:14px;color:#6b7280;margin:0}.dashboardSection{border-radius:16px;border:1px solid rgba(0,0,0,.06);background:#fff;overflow:hidden;box-shadow:0 1px 3px #0000000a}.dashboardSectionSales{border-top:3px solid #02955a}.dashboardSectionAttendance{border-top:3px solid #2563eb}.dashboardSectionHead{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px 24px;background:#fafafa;border-bottom:1px solid rgba(0,0,0,.06)}.dashboardSectionTitle{font-size:18px;font-weight:600;color:#111827;margin:0}.dashboardSectionLink{font-size:13px;font-weight:600;color:#02955a;text-decoration:none}.dashboardSectionLink:hover{text-decoration:underline}.dashboardSectionAttendance .dashboardSectionLink{color:#2563eb}.dashboardBlock{padding:24px}.dashboardMessage{font-size:14px;color:#6b7280;background:#f9fafb;border-radius:10px;margin:0 24px 24px}.dashboardError{color:#dc2626;background:#dc26260f}.dashboardCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;padding:24px}.dashboardCardsAttendance{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.dashboardCardsLivestock{padding:16px;border-bottom:1px solid rgba(0,0,0,.06);background:#f8fafc}.dashboardCardsLivestock .dashboardCard{background:#fff}.dashboardCard{border-radius:12px;padding:20px;border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:8px}.dashboardCardLabel{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.dashboardCardValue{font-size:26px;font-weight:700;color:#111827;line-height:1.2}.dashboardCardValueSm{font-size:18px;line-height:1.3}.dashboardCardSub{font-size:12px;font-weight:500;color:#6b7280}.dashboardCardRevenue{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b98133}.dashboardCardTransactions{background:linear-gradient(135deg,#fef3e2,#fde68a);border-color:#fb923c33}.dashboardCardWeight{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f633}.dashboardCardQuantity{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#8b5cf633}.dashboardCardStaff{background:linear-gradient(135deg,#fef3e2,#fed7aa);border-color:#fb923c33}.dashboardCardPresent{background:linear-gradient(135deg,#ecfdf5,#a7f3d0);border-color:#10b98133}.dashboardCharts{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 24px 24px}@media(max-width:900px){.dashboardCharts{grid-template-columns:1fr}}.dashboardChartBlock{border:1px solid rgba(0,0,0,.06);border-radius:12px;overflow:hidden;background:#fafafa}.dashboardLiveStockBlock{margin:0 24px 24px}.dashboardChartTitle{font-size:14px;font-weight:600;color:#374151;margin:0;padding:14px 16px;background:#f3f4f6;border-bottom:1px solid rgba(0,0,0,.06)}.dashboardOutletBars{padding:16px;display:flex;flex-direction:column;gap:12px}.dashboardBarRow{display:grid;grid-template-columns:140px 1fr 90px;align-items:center;gap:12px}.dashboardBarLabel{font-size:13px;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboardBarTrack{height:10px;background:#0000000f;border-radius:999px;overflow:hidden}.dashboardBarFill{height:100%;background:linear-gradient(90deg,#02955a,#10b981);border-radius:999px;min-width:4px;transition:width .3s ease}.dashboardBarValue{font-size:12px;font-weight:600;color:#047857;text-align:right}.dashboardProductList{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.dashboardProductRow{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-radius:8px;border:1px solid rgba(0,0,0,.05)}.dashboardProductName{font-size:13px;color:#374151}.dashboardProductAmount{font-size:13px;font-weight:600;color:#047857}.dashboardAttendanceTableWrap{border-top:1px solid rgba(0,0,0,.06);overflow-x:auto;overflow-y:hidden}.dashboardSalesTableWrap{border-top:1px solid rgba(0,0,0,.06);overflow-x:auto}.dashboardSalesTable{width:100%;border-collapse:collapse;font-size:13px;min-width:720px}.dashboardSalesTable th{padding:10px 16px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;background:#f3f4f6;border-bottom:1px solid rgba(0,0,0,.06)}.dashboardSalesTable td{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.04);color:#374151}.dashboardSalesTable tbody tr:last-child td{border-bottom:none}.dashboardAttendanceTable{width:100%;border-collapse:collapse;font-size:13px}.dashboardAttendanceTable th{padding:10px 16px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;background:#f3f4f6;border-bottom:1px solid rgba(0,0,0,.06)}.dashboardAttendanceTable td{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.04);color:#374151}.dashboardAttendanceTable tbody tr:last-child td{border-bottom:none}.dashboardPill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600}.dashboardPillPresent{background:#d1fae5;color:#047857}.dashboardPillAbsent{background:#fef3c7;color:#b45309}.dashboardMessageInline{margin:12px 16px}.dashboardTrendingCard{margin:12px 16px;border:1px solid rgba(0,0,0,.06);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 4px 14px #02955a14}.dashboardTrendingTitle{margin:0;padding:14px 16px 10px;font-size:18px;font-weight:700;color:#111827}.dashboardTrendingHead,.dashboardTrendingRow{display:grid;grid-template-columns:40px 1fr 120px 160px;align-items:center;gap:12px;padding:12px 16px}.dashboardTrendingHead{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6b7280;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06);background:#f9fafb}.dashboardTrendingBody .dashboardTrendingRow{border-bottom:1px solid rgba(0,0,0,.06);transition:background-color .2s ease}.dashboardTrendingBody .dashboardTrendingRow:hover{background:#f8fffc}.dashboardTrendingBody .dashboardTrendingRow:last-child{border-bottom:none}.dashboardTrendingRank{font-size:13px;font-weight:600;color:#0f766e}.dashboardTrendingItem{font-size:14px;font-weight:500;color:#111827}.dashboardTrendingQty{justify-self:start;font-size:12px;font-weight:600;color:#111827;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;min-width:40px;text-align:center;padding:3px 10px}.dashboardTrendingAmount{justify-self:end;font-size:14px;font-weight:600;color:#047857}@media(max-width:900px){.dashboardTrendingTitle{font-size:18px}.dashboardTrendingHead,.dashboardTrendingRow{grid-template-columns:28px 1fr 80px 110px;gap:8px;padding:10px 12px}.dashboardTrendingRank{font-size:14px}.dashboardTrendingItem{font-size:13px}.dashboardTrendingQty{font-size:12px;min-width:30px;padding:2px 6px}.dashboardTrendingAmount{font-size:13px}}@media(max-width:768px){.dashboardOverview{gap:18px;padding:10px 12px 96px}.dashboardHero{margin-bottom:2px}.dashboardTitle{font-size:24px}.dashboardSubtitle{font-size:13px}.dashboardSection{border-radius:12px}.dashboardSectionHead{padding:14px 16px;align-items:flex-start;gap:8px}.dashboardSectionTitle{font-size:16px}.dashboardSectionLink{font-size:13px}.dashboardBlock{padding:14px}.dashboardMessage{margin:0 12px 12px;font-size:13px}.dashboardCards{padding:14px;gap:12px;grid-template-columns:1fr}.dashboardCardsAttendance{grid-template-columns:1fr}.dashboardCardsLivestock{padding:12px}.dashboardCard{padding:14px;border-radius:10px}.dashboardCardValue{font-size:38px}.dashboardCardValueSm{font-size:16px}.dashboardCharts{gap:12px;padding:0 12px 12px}.dashboardLiveStockBlock{margin:0 12px 12px}.dashboardChartTitle{font-size:13px;padding:12px}.dashboardOutletBars{padding:12px;gap:10px}.dashboardBarRow{grid-template-columns:1fr;gap:6px}.dashboardBarValue{text-align:left}.dashboardProductList{padding:10px 12px}.dashboardProductRow{padding:9px 10px}.dashboardProductName,.dashboardProductAmount{font-size:12px}.dashboardTrendingCard{margin:10px 12px;border-radius:10px}.dashboardTrendingTitle{padding:12px;font-size:16px}.dashboardTrendingHead,.dashboardTrendingRow{grid-template-columns:24px 1fr 76px 90px;gap:8px;padding:10px 12px}.dashboardTrendingHead{font-size:10px}.dashboardTrendingRank,.dashboardTrendingItem{font-size:12px}.dashboardTrendingQty{font-size:11px;min-width:34px;padding:2px 8px}.dashboardTrendingAmount{font-size:12px}.dashboardSalesTable{min-width:640px;font-size:12px}.dashboardSalesTable th,.dashboardSalesTable td{padding:10px 12px}.dashboardAttendanceTable{min-width:520px;font-size:12px}.dashboardAttendanceTable th,.dashboardAttendanceTable td{padding:10px 12px}}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;margin-top:auto;border-top:1px solid rgba(0,0,0,.06)}.paginationSummary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.paginationSummaryText{font-size:13px;color:#6b7280}.paginationSizeWrap{display:flex;align-items:center;gap:6px}.paginationSizeLabel{font-size:12px;color:#9ca3af}.paginationSizeSelect{padding:6px 10px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:13px;color:#374151;background:#fff;cursor:pointer}.paginationControls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.paginationBtn{padding:8px 14px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:13px;font-weight:500;color:#374151;background:#fff;cursor:pointer}.paginationBtn:hover:not(:disabled){background:#f9fafb;border-color:#00000026}.paginationBtn:disabled{opacity:.5;cursor:not-allowed}.paginationNumbers{display:flex;align-items:center;gap:4px}.paginationNum{min-width:36px;height:36px;padding:0 8px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:13px;font-weight:500;color:#374151;background:#fff;cursor:pointer}.paginationNum:hover:not(:disabled){background:#f9fafb;border-color:#00000026}.paginationNum.active{background:#02955a;border-color:#02955a;color:#fff!important;cursor:default}.paginationNum:disabled.active{cursor:default}.paginationEllipsis{padding:0 6px;font-size:13px;color:#9ca3af}@media(max-width:640px){.pagination{flex-direction:column;align-items:stretch;gap:12px}.paginationSummary{justify-content:center;order:2}.paginationControls{justify-content:center;order:1}.paginationNumbers .paginationNum:not(.active){display:none}.paginationNumbers .paginationNum.active{display:inline-flex;align-items:center;justify-content:center}.paginationEllipsis{display:none}.paginationPrev,.paginationNext{flex:1;max-width:none}}@media(max-width:480px){.paginationSizeWrap{width:100%;justify-content:center}}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a4d;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{width:min(500px,100%);background:#fff;border-radius:16px;padding:44px 34px;box-shadow:0 16px 40px #0f172a29}.modalHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:12px}.modalTitle{font-size:16px;font-weight:600;color:#111827}.modalSubtitle{font-size:12px;color:#6b7280;margin-top:2px}.modalClose{border:none;background:transparent;font-size:20px;line-height:1;cursor:pointer;color:#6b7280}.modalBody{display:flex;flex-direction:column;gap:20px;padding:28px 0}.modalActions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.confirmModalMessage{margin:0;font-size:14px;color:#374151;line-height:1.5}.buttonDanger{border-color:#dc2626;background:#dc2626;color:#fff}.buttonDanger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.outletPage{width:100%;display:flex;flex-direction:column;gap:24px;color:#111827;flex:1;min-height:0}.outletHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.outletHeaderText{display:flex;flex-direction:column;gap:6px}.outletPageMessage{font-size:14px;color:#6b7280;padding:16px 0}.outletPageError{color:#dc2626}.outletAddForm{display:flex;flex-direction:column;gap:20px}.outletFormError{font-size:12px;color:#dc2626;margin-bottom:8px}.outletFieldError{font-size:11px;color:#dc2626;margin-top:4px}.cardBody{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:16px 0}@media(max-width:900px){.outletHeader{flex-direction:column;align-items:flex-start}.cardBody{grid-template-columns:1fr}}.usersPage{width:100%;display:flex;flex-direction:column;gap:18px;color:#111827;flex:1;min-height:0}.usersHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.usersHeaderText{display:flex;flex-direction:column;gap:6px}.usersSearch{display:flex;align-items:center;gap:8px;width:220px;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:8px 12px;background:#fff}.usersMessage{font-size:13px;color:#6b7280}.usersError{color:#dc2626}.usersDeleteError{font-size:12px;color:#dc2626}.usersAddForm{display:flex;flex-direction:column;gap:20px}.usersFormError{font-size:12px;color:#dc2626;margin-bottom:8px}.usersFieldError{font-size:11px;color:#dc2626;margin-top:4px}.usersTable{border-top:1px solid rgba(0,0,0,.06)}.usersRow{display:grid;grid-template-columns:120px 1.2fr 1.2fr 1.6fr 32px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:13px}.usersRowHeader{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.moreButton{width:30px;height:30px;border:2px solid #111827;border-radius:10px;background:#fff;cursor:pointer;font-size:16px;color:#111827;line-height:1}.usersActionsCell{position:relative;display:flex;justify-content:flex-end}.usersActionsMenu{position:absolute;top:36px;right:0;min-width:120px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 10px 24px #0000001f;padding:8px;z-index:20}.usersActionItem{width:100%;border:none;background:transparent;text-align:left;padding:10px 8px;border-radius:8px;font-size:16px;color:#111827;cursor:pointer}.usersActionItem:hover{background:#f9fafb}.usersActionDelete{color:#dc2626}.usersActionItem:disabled{opacity:.6;cursor:not-allowed}@media(max-width:900px){.usersHeader{flex-direction:column;align-items:flex-start}.usersRow{grid-template-columns:1fr;gap:6px}}@media(max-width:768px){.pageTitle{font-size:18px}.pageSubtitle{font-size:12px}.usersHeader{flex-direction:column;align-items:flex-start;gap:12px}.button,.usersSearch{width:100%}.usersRowHeader{display:none}.usersTable{display:flex;flex-direction:column;gap:12px;border-top:none}.usersRow{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding:12px;background:#f9fafb;border:1px solid rgba(0,0,0,.08);border-radius:8px;font-size:12px;border-bottom:none}.usersRow span{padding:4px 0;word-break:break-word}.usersRow span:first-child{display:none}.usersRow span:nth-child(2):before{content:"Name";display:block;font-size:10px;font-weight:600;text-transform:uppercase;color:#9ca3af;letter-spacing:.08em;margin-bottom:2px}.usersRow span:nth-child(3):before{content:"Role";display:block;font-size:10px;font-weight:600;text-transform:uppercase;color:#9ca3af;letter-spacing:.08em;margin-bottom:2px}.usersRow span:nth-child(4):before{content:"Contact";display:block;font-size:10px;font-weight:600;text-transform:uppercase;color:#9ca3af;letter-spacing:.08em;margin-bottom:2px}.usersRow span:nth-child(4){grid-column:1/-1}.usersRow .usersActionsCell{grid-column:2/3;justify-content:flex-end}}.dualPricingPage{width:100%;display:flex;flex-direction:column;gap:18px;color:#111827;flex:1;min-height:0}.dualPricingHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.dualPricingHeaderText{display:flex;flex-direction:column;gap:6px}.dualPricingSearch{display:flex;align-items:center;gap:8px;width:220px;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:8px 12px;background:#fff}.dualPricingMessage{font-size:13px;color:#6b7280}.dualPricingError{color:#dc2626}.dualPricingUpgradeBtn{min-width:120px}.dualPricingCardGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.dualPricingCardMessage{grid-column:1/-1;font-size:13px;color:#6b7280;padding:24px 0}.dualPricingCard{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000d}.dualPricingCardTop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 0}.dualPricingCardTitle{font-size:16px;font-weight:600;color:#111827;margin:0;line-height:1.3}.dualPricingCardActions{display:flex;align-items:center;gap:4px;flex-shrink:0}.dualPricingCardIconBtn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:#6b7280;cursor:pointer;transition:background .15s,color .15s}.dualPricingCardIconBtn:hover{background:#0000000f;color:#111827}.dualPricingCardBody{padding:12px 16px 16px;display:flex;flex-direction:column;gap:8px}.dualPricingCardRow{margin:0;font-size:13px;color:#374151}.dualPricingCardLabel{color:#6b7280}.dualPricingCardValue{font-weight:500;color:#111827}.dualPricingCardFooter{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#eff6ff;border-top:1px solid rgba(59,130,246,.15)}.dualPricingCardMetric{font-size:12px;font-weight:600;color:#1e40af}.dualPricingCardMetricDivider{width:1px;height:14px;background:#1e40af4d;flex-shrink:0}.dualPricingAddForm{display:flex;flex-direction:column;gap:20px}.dualPricingFormError{font-size:12px;color:#dc2626;margin-bottom:8px}.dualPricingFieldError{font-size:11px;color:#dc2626;margin-top:4px}.dualPricingMenuWrap{position:relative}.dualPricingMenuTrigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:#6b7280;font-size:18px;line-height:1;cursor:pointer}.dualPricingMenuTrigger:hover{background:#0000000f;color:#111827}.dualPricingMenuDropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:120px;padding:4px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10}.dualPricingMenuItem{display:block;width:100%;padding:8px 12px;border:none;border-radius:6px;background:transparent;font-size:13px;text-align:left;cursor:pointer;color:#374151}.dualPricingMenuItem:hover{background:#0000000f}.dualPricingMenuItemDanger{color:#dc2626}.dualPricingMenuItemDanger:hover{background:#dc262614}@media(max-width:900px){.dualPricingHeader{flex-direction:column;align-items:flex-start}.dualPricingCardGrid{grid-template-columns:1fr}}.departmentsPage{width:100%;display:flex;flex-direction:column;gap:18px;color:#111827;flex:1;min-height:0}.departmentsHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.departmentsHeaderText{display:flex;flex-direction:column;gap:6px}.departmentsSearch{display:flex;align-items:center;gap:8px;width:220px;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:8px 12px;background:#fff}.departmentsMessage{font-size:13px;color:#6b7280}.departmentsError{color:#dc2626}.departmentsAddForm{display:flex;flex-direction:column;gap:20px}.departmentsFormError{font-size:12px;color:#dc2626;margin-bottom:8px}.departmentsFieldError{font-size:11px;color:#dc2626;margin-top:4px}.departmentsTable{border-top:1px solid rgba(0,0,0,.06)}.departmentsRow{display:grid;grid-template-columns:1.2fr 1fr 32px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:13px}.departmentsRowHeader{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.departmentsMenuWrap{position:relative}.departmentsMenuTrigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:#6b7280;font-size:18px;line-height:1;cursor:pointer}.departmentsMenuTrigger:hover{background:#0000000f;color:#111827}.departmentsMenuDropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:120px;padding:4px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10}.departmentsMenuItem{display:block;width:100%;padding:8px 12px;border:none;border-radius:6px;background:transparent;font-size:13px;text-align:left;cursor:pointer;color:#374151}.departmentsMenuItem:hover{background:#0000000f}.departmentsMenuItemDanger{color:#dc2626}.departmentsMenuItemDanger:hover{background:#dc262614}@media(max-width:900px){.departmentsHeader{flex-direction:column;align-items:flex-start}.departmentsRow{grid-template-columns:1fr;gap:6px}}.processingPlantPage{width:100%;display:flex;flex-direction:column;gap:28px;color:#111827;font-family:Geist,system-ui,sans-serif;background:linear-gradient(180deg,#f8fafc,#f1f5f9 48%,#f8fafc);padding:4px 0 32px;box-sizing:border-box;border-radius:12px}@media(max-width:640px){.processingPlantPage{padding:4px 0 24px}}.processingPlantPage .ppBreadcrumb{font-size:12px;line-height:1.4;color:#9ca3af}.processingPlantPage .ppBreadcrumbMuted{color:#9ca3af}.processingPlantPage .ppBreadcrumbSep{color:#9ca3af;margin:0 2px}.processingPlantPage .ppBreadcrumbCurrent{color:#6b7280;font-weight:500}.processingPlantPage .ppSection{display:flex;flex-direction:column;gap:12px}.processingPlantPage .ppSectionTitle{margin:0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.processingPlantPage .ppSectionLead{margin:-4px 0 0;font-size:14px;line-height:1.5;color:#64748b;max-width:42rem}.processingPlantPage .ppSectionGrid{display:flex;flex-direction:column;gap:16px}.processingPlantPage .ppSectionGrid--loose{gap:20px}.processingPlantPage .ppHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.processingPlantPage .ppHeaderText{display:flex;flex-direction:column;gap:6px;min-width:0}.processingPlantPage .pageTitle{margin:0;font-size:22px;font-weight:600;color:#111827;line-height:1.25}.processingPlantPage .pageSubtitle{margin:0;font-size:13px;color:#6b7280;line-height:1.4}.processingPlantPage .ppCard{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:14px;padding:24px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px -8px #0f172a14;display:flex;flex-direction:column;gap:16px;transition:box-shadow .2s ease,border-color .2s ease}.processingPlantPage .ppCardWorkflow{border-left:3px solid #02955a;padding-left:21px}.processingPlantPage .ppCardHead{display:flex;align-items:flex-start;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(15,23,42,.06);margin-bottom:0}.processingPlantPage .ppCardHeadText{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.processingPlantPage .ppStepBadge{flex-shrink:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:14px;font-weight:700;color:#027a4a;background:#02955a1f;border:1px solid rgba(2,149,90,.2)}.processingPlantPage .ppCardTitle{margin:0;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.06);font-size:16px;font-weight:600;color:#111827;line-height:1.3}.processingPlantPage .ppCardHead .ppCardTitle{padding-bottom:0;border-bottom:none;font-size:16px}.processingPlantPage .ppCardTitle--plain{padding-bottom:12px;border-bottom:1px solid rgba(15,23,42,.06)}.processingPlantPage .ppCardDesc{margin:0;font-size:13px;line-height:1.45;color:#64748b}.processingPlantPage .ppNotice{margin:0;padding:12px 14px;border-radius:8px;font-size:13px;line-height:1.45;border:1px solid rgba(220,38,38,.22);background:#fef2f2d9;color:#b91c1c}.processingPlantPage .ppNotice--warning{border-color:#d9770647;background:#fffbebf2;color:#b45309}.processingPlantPage .ppFormGrid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) minmax(0,.85fr) minmax(0,.85fr) auto;gap:16px;align-items:end;width:100%}.processingPlantPage .ppFormGridComplete{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,1.1fr) auto}.processingPlantPage .ppCompleteForm{display:flex;flex-direction:column;gap:18px;width:100%}.processingPlantPage .ppCompleteFormTop{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:16px;align-items:end}.processingPlantPage .ppOutputLinesHeading{margin:0;font-size:12px;font-weight:600;color:#374151}.processingPlantPage .ppOutputLines{display:flex;flex-direction:column;gap:14px}.processingPlantPage .ppOutputLineRow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,110px) auto;gap:16px;align-items:end;padding:14px 16px;border:1px solid rgba(15,23,42,.08);border-radius:10px;background:#fafafa}.processingPlantPage .ppOutputLineActions{display:flex;align-items:flex-end;padding-bottom:2px}.processingPlantPage .ppBtnIconish{font-size:12px;padding:0 12px;white-space:nowrap}.processingPlantPage .ppCompleteFormFooter{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.processingPlantPage .ppField{display:flex;flex-direction:column;gap:6px;min-width:0}.processingPlantPage .ppFieldNarrow{max-width:180px}.processingPlantPage .ppLabel{font-size:12px;font-weight:500;color:#374151}.processingPlantPage .ppInput,.processingPlantPage .ppSelect{height:40px;padding:0 12px;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:13px;color:#111827;background:#fff;width:100%;min-width:0;box-sizing:border-box}.processingPlantPage .ppInput:focus,.processingPlantPage .ppSelect:focus{outline:none;border-color:#02955a;box-shadow:0 0 0 2px #02955a26}.processingPlantPage .ppInput:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.processingPlantPage .ppBtnPrimary{height:40px;padding:0 20px;border:1px solid #02955a;border-radius:8px;font-size:13px;font-weight:600;background:#02955a;color:#fff;cursor:pointer;white-space:nowrap;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.processingPlantPage .ppBtnPrimary:hover:not(:disabled){background:#027a4a;border-color:#027a4a;box-shadow:0 4px 12px -2px #02955a59}.processingPlantPage .ppBtnPrimary:disabled{opacity:.6;cursor:not-allowed}.processingPlantPage .ppBtnPrimary:focus-visible{outline:2px solid #02955a;outline-offset:2px}.processingPlantPage .ppBtnSecondary{height:40px;padding:0 18px;border:1px solid rgba(0,0,0,.08);border-radius:8px;font-size:13px;font-weight:500;background:#fff;color:#374151;cursor:pointer;transition:background .2s ease,border-color .2s ease}.processingPlantPage .ppBtnSecondary:hover:not(:disabled){background:#f9fafb;border-color:#0000001f}.processingPlantPage .ppBtnSecondary:focus-visible{outline:2px solid #02955a;outline-offset:2px}.processingPlantPage .ppModalFields{display:flex;flex-direction:column;gap:16px}.processingPlantPage .ppTableWrap{margin:0;border:1px solid rgba(0,0,0,.06);border-radius:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background:#fff}.processingPlantPage .ppCard .ppTableWrap{border-radius:8px}.processingPlantPage .ppTable{width:100%;min-width:620px;border-collapse:collapse;font-size:13px}.processingPlantPage .ppTable thead th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6b7280;background:#f9fafb;border-bottom:1px solid rgba(0,0,0,.06)}.processingPlantPage .ppTable tbody td{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.04);color:#374151;vertical-align:middle}.processingPlantPage .ppTable tbody tr{transition:background-color .2s ease}.processingPlantPage .ppTable tbody tr:hover td{background-color:#02955a0a}.processingPlantPage .ppTable tbody tr:last-child td{border-bottom:none}.processingPlantPage .ppTableMono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:#4b5563}.processingPlantPage .ppTableEmpty{text-align:center;color:#6b7280;padding:24px 16px!important;font-size:13px}.processingPlantPage .ppBadge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500;background:#eef2f7;color:#6b7280}.processingPlantPage .ppBadgeActive{background:#02955a1f;color:#027a4a}.processingPlantPage .ppPaginationSlot{padding-top:4px;margin-top:4px;border-top:1px solid rgba(0,0,0,.06)}.processingPlantPage .ppPaginationSlot .pagination{border-top:none;padding-top:12px;margin-top:0}@media(max-width:1280px){.processingPlantPage .ppFormGrid,.processingPlantPage .ppFormGridComplete{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.processingPlantPage .ppCompleteFormTop,.processingPlantPage .ppOutputLineRow{grid-template-columns:repeat(2,minmax(0,1fr))}.processingPlantPage .ppOutputLineActions{grid-column:1/-1;justify-content:flex-start}.processingPlantPage .ppFieldNarrow{max-width:none}.processingPlantPage .ppFormGrid>.ppBtnPrimary{width:100%}}@media(max-width:900px){.processingPlantPage .ppCard{padding:20px 16px}.processingPlantPage .ppFormGrid,.processingPlantPage .ppFormGridComplete,.processingPlantPage .ppCompleteFormTop,.processingPlantPage .ppOutputLineRow{grid-template-columns:1fr}.processingPlantPage .ppFormGrid>.ppBtnPrimary{width:100%}.processingPlantPage .ppCompleteFormFooter .ppBtnPrimary,.processingPlantPage .ppCompleteFormFooter .ppBtnSecondary{width:100%}.processingPlantPage .ppHeader{flex-direction:column;align-items:stretch}.processingPlantPage .ppBtnPrimary.ppHeaderAction{width:100%}.processingPlantPage .ppTable{min-width:560px}}@media(max-width:640px){.processingPlantPage{gap:18px}.processingPlantPage .pageTitle{font-size:20px}.processingPlantPage .pageSubtitle{font-size:12px}.processingPlantPage .ppCard{padding:16px;gap:14px}.processingPlantPage .ppCardTitle{font-size:15px}.processingPlantPage .ppCardWorkflow{padding-left:17px}.processingPlantPage .ppTable{min-width:520px}.processingPlantPage .ppTable thead th,.processingPlantPage .ppTable tbody td{padding:10px 12px;font-size:12px}}@media(prefers-reduced-motion:reduce){.processingPlantPage .ppCard,.processingPlantPage .ppBtnPrimary,.processingPlantPage .ppBtnSecondary,.processingPlantPage .ppTable tbody tr{transition:none}.processingPlantPage .ppBtnPrimary:hover:not(:disabled){box-shadow:none}}.productTypePage{width:100%;display:flex;flex-direction:column;gap:24px;color:#111827;flex:1;min-height:0}.productTypeHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.productTypeHeaderText{display:flex;flex-direction:column;gap:6px}.productTypePageMessage{font-size:14px;color:#6b7280;padding:16px 0}.productTypePageError{color:#dc2626}.productTypeAddForm{display:flex;flex-direction:column;gap:20px}.productTypeFormError{font-size:12px;color:#dc2626;margin-bottom:8px}.productTypeFieldError{font-size:11px;color:#dc2626;margin-top:4px}@media(max-width:900px){.productTypeHeader{flex-direction:column;align-items:flex-start}.cardBody{grid-template-columns:1fr}}.productPage{width:100%;display:flex;flex-direction:column;gap:24px;color:#111827;flex:1;min-height:0}.productHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.productHeaderText{display:flex;flex-direction:column;gap:6px}.productPageMessage{font-size:14px;color:#6b7280;padding:16px 0}.productPageError{color:#dc2626}.productAddForm{display:flex;flex-direction:column;gap:20px}.productFormError{font-size:12px;color:#dc2626;margin-bottom:8px}.productFieldError{font-size:11px;color:#dc2626;margin-top:4px}.cardList{display:flex;flex-direction:column;gap:24px}.card{border:1px solid rgba(0,0,0,.06);border-radius:16px;background:#fff;padding:30px;box-shadow:0 1px 2px #1018280a}.cardTop{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.04)}.cardTitleBlock{display:flex;flex-direction:column;gap:4px}.cardTitle{font-size:15px;font-weight:600}.cardId{font-size:11px;font-family:ui-monospace,monospace;color:#6b7280;word-break:break-all}.badgeGroup{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cardMenuWrap{position:relative}.cardMenuTrigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:#6b7280;font-size:18px;line-height:1;cursor:pointer}.cardMenuTrigger:hover{background:#0000000f;color:#111827}.cardMenuDropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:120px;padding:4px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10}.cardMenuItem{display:block;width:100%;padding:8px 12px;border:none;border-radius:6px;background:transparent;font-size:13px;text-align:left;cursor:pointer;color:#374151}.cardMenuItem:hover{background:#0000000f}.cardMenuItemDanger{color:#dc2626}.cardMenuItemDanger:hover{background:#dc262614}.cardActions{display:flex;gap:8px}.cardBody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:16px 0}.field{display:flex;flex-direction:column;gap:6px}.input[readonly],.select:disabled{background:#f9fafb;color:#374151;cursor:default}.modalField .input,.modalField .select{height:36px}.modalButton{height:34px;padding:0 14px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid rgba(0,0,0,.08);background:#fff;color:#374151;cursor:pointer;width:100%}@media(max-width:900px){.productHeader{flex-direction:column;align-items:flex-start}.cardBody{grid-template-columns:1fr}}@media(max-width:768px){.pageTitle{font-size:18px}.pageSubtitle{font-size:12px}.productHeader{flex-direction:column;align-items:flex-start}.button{width:100%}.cardId{display:none}.card{padding:16px}.cardTop{flex-direction:column;gap:10px}.badgeGroup{width:100%}.cardMenuWrap{margin-inline-start:auto}}.liveProductPage{width:100%;display:flex;flex-direction:column;gap:18px;color:#111827;flex:1;min-height:0}.liveProductHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.liveProductHeaderText{display:flex;flex-direction:column;gap:6px}.liveProductHeaderActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.liveProductCategoryFilter{min-width:180px;width:180px;height:38px;padding:0 12px;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:13px;color:#111827;background:#fff}.addLivestockBtn{padding:8px 14px;border-radius:8px;border:1px solid rgba(2,149,90,.35);background:#02955a1a;color:#047857;font-size:13px;font-weight:600;cursor:pointer}.addLivestockBtn:hover{background:#02955a29}.liveProductSearch{display:flex;align-items:center;gap:8px;width:220px;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:8px 12px;background:#fff}@media(min-width:901px){.liveProductPage .productsTable{min-height:clamp(380px,52vh,720px)}}.productsRow{display:grid;grid-template-columns:1.2fr 1fr 1.2fr .8fr 1fr 1fr;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:13px}.rowActionMenuUp .rowMenuDropdown{top:50%;bottom:auto}.stockAdjustModalItemSummary{margin:0;font-size:13px;color:#4b5563}.stockAdjustFieldset{margin:0;padding:0;border:none;display:flex;flex-direction:column;gap:8px}.stockAdjustFieldset legend{margin-bottom:4px}.stockAdjustRadioLabel{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151;cursor:pointer}.productActionModalInput{padding:10px 12px;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:14px;width:100%;max-width:280px}.productActionModalSelect{padding:10px 12px;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:14px;width:100%;max-width:280px;background:#fff}.productsRowHeader{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;font-weight:600}.productsRowHeader>span{white-space:nowrap}.livestockTableWrap{display:flex;flex-direction:column;gap:8px}.liveStockSectionTitle{margin:0;font-size:16px;font-weight:600;color:#111827}.livestockRow{grid-template-columns:1.2fr 1fr 1fr .8fr .8fr .8fr}.livestockRowWithActions{grid-template-columns:minmax(160px,240px) minmax(140px,220px) minmax(120px,180px) minmax(90px,120px) minmax(90px,120px) minmax(140px,190px);column-gap:10px;min-width:0}.productsRow.livestockRowWithActions>span:nth-child(1){grid-column:1}.productsRow.livestockRowWithActions>span:nth-child(2){grid-column:2}.productsRow.livestockRowWithActions>span:nth-child(3){grid-column:3}.productsRow.livestockRowWithActions>span:nth-child(4){grid-column:4}.productsRow.livestockRowWithActions>span:nth-child(5){grid-column:5}.productsRow.livestockRowWithActions>span:nth-child(6){grid-column:6;justify-self:stretch;text-align:center}.productsRow.livestockRowWithActions .productsRowActions{grid-column:6;justify-self:stretch}.livestockRowHeader{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;padding-right:0}@media(max-width:1280px){.livestockRowWithActions{grid-template-columns:minmax(150px,210px) minmax(130px,180px) minmax(110px,150px) minmax(80px,110px) minmax(80px,110px) minmax(130px,170px)}.liveProductSearch{width:200px}}@media(max-width:900px){.liveProductHeader{flex-direction:column;align-items:flex-start}.liveProductHeaderActions{width:100%;justify-content:flex-start;gap:10px}.liveProductCategoryFilter,.liveProductSearch{width:100%;min-width:0}.liveProductCategoryFilter{max-width:none}.addLivestockBtn{width:100%}.productsRowActions{justify-content:center}.productsTable{border:1px solid rgba(0,0,0,.06)}.productActionBtn{min-width:70px}}@media(max-width:768px){.liveProductPage{gap:14px}.pageTitle{font-size:28px}.pageSubtitle{font-size:12px}.addLivestockBtn{width:100%;min-height:42px;font-size:14px}.liveProductSearch{width:100%}.productsTable{border:none;background:transparent;overflow:visible}.livestockRowHeader{display:none}.productsRow.livestockRowWithActions{display:grid;grid-template-columns:1fr;gap:10px 12px;min-width:0;margin-bottom:10px;padding:12px;border:1px solid rgba(0,0,0,.08);border-radius:12px;background:#fff}.rowActionFloating{position:relative;transform:none}.productsRow.livestockRowWithActions span{min-width:0;word-break:break-word;font-size:13px}.productsRow.livestockRowWithActions>span{grid-column:auto!important;text-align:left}.productsRow.livestockRowWithActions .productsRowActions{grid-column:1/-1!important;justify-content:center;gap:8px;margin-top:2px;justify-self:stretch}.productsRow.livestockRowWithActions .productsMessage{grid-column:1/-1}.productsRow.livestockRowWithActions>span:nth-child(1):before{content:"Product Category"}.productsRow.livestockRowWithActions>span:nth-child(2):before{content:"Name"}.productsRow.livestockRowWithActions>span:nth-child(3):before{content:"Item ID"}.productsRow.livestockRowWithActions>span:nth-child(4):before{content:"Quantity"}.productsRow.livestockRowWithActions>span:nth-child(5):before{content:"Price"}.productsRow.livestockRowWithActions>span:nth-child(1):before,.productsRow.livestockRowWithActions>span:nth-child(2):before,.productsRow.livestockRowWithActions>span:nth-child(3):before,.productsRow.livestockRowWithActions>span:nth-child(4):before,.productsRow.livestockRowWithActions>span:nth-child(5):before{display:block;margin-bottom:2px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af}.productActionBtn{min-width:86px}.productActionModalInput,.productActionModalSelect{max-width:none}.productActionModalFooter{width:100%;gap:8px}.productActionModalCancel,.productActionModalSubmit{flex:1;min-height:38px}}@media(max-width:480px){.liveProductPage{gap:12px}.pageTitle{font-size:24px}.productsRow.livestockRowWithActions{padding:10px}.productActionBtn{min-width:78px;padding:6px 10px;font-size:12px}}.livestockViewModalBody{display:flex;flex-direction:column;gap:20px}.livestockViewDl{margin:0;display:flex;flex-direction:column;gap:10px}.livestockViewDlRow{display:grid;grid-template-columns:minmax(120px,160px) 1fr;gap:10px 16px;align-items:baseline;font-size:13px}.livestockViewDlRow dt{margin:0;font-weight:600;color:#6b7280}.livestockViewDlRow dd{margin:0;color:#111827;word-break:break-word}.livestockViewMono{font-family:ui-monospace,monospace;font-size:12px}.livestockViewWasteSection{display:flex;flex-direction:column;gap:8px}.livestockViewWasteLabel{font-size:13px;font-weight:600;color:#374151}.livestockViewWasteField{width:100%;min-height:160px;padding:12px;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:13px;line-height:1.5;color:#111827;background:#f9fafb;resize:vertical;font-family:inherit}.livestockViewWasteField:focus{outline:2px solid rgba(2,149,90,.35);outline-offset:1px}@media(max-width:520px){.livestockViewDlRow{grid-template-columns:1fr}}.inventoryDetailPage .breadcrumbLink{color:#6b7280;text-decoration:none}.inventoryDetailPage .breadcrumbLink:hover{color:#02955a;text-decoration:underline}.inventoryDetailPage{width:100%;display:flex;flex-direction:column;gap:20px;color:#111827;flex:1;min-height:0}.inventoryDetailBackLink{align-self:flex-start;font-size:14px;font-weight:500;color:#02955a;text-decoration:none}.inventoryDetailBackLink:hover{text-decoration:underline}.inventoryDetailHeader{display:flex;flex-direction:column;gap:8px}.inventoryDetailTitle{font-size:22px;font-weight:600;margin:0}.inventoryDetailSubtitle{font-size:14px;color:#6b7280;margin:0}.inventoryDetailNotFound{padding:24px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fef2f2;color:#991b1b;font-size:14px}.inventoryDetailSampleBlock{display:flex;flex-direction:column;gap:20px;margin-top:8px}.inventoryDetailSampleBanner{margin:0;padding:10px 14px;border-radius:8px;background:#02955a1a;color:#047857;font-size:13px;font-weight:600}.inventoryDetailSampleSection{border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:16px;background:#fff}.inventoryDetailSampleTitle{margin:0 0 12px;font-size:15px;font-weight:600;color:#111827}.inventoryDetailSampleTableWrap{overflow-x:auto}.inventoryDetailSampleTable{width:100%;border-collapse:collapse;font-size:13px}.inventoryDetailSampleTable th,.inventoryDetailSampleTable td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(0,0,0,.06)}.inventoryDetailSampleTable th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;background:#f9fafb}.inventoryDetailSampleTable tbody tr:last-child td{border-bottom:none}.inventoryDetailHistoryPanel{display:flex;flex-direction:column;gap:16px;margin-top:8px;padding:16px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#fff}.inventoryDetailDateRow{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px}.inventoryDetailDateField{display:flex;flex-direction:column;gap:6px;min-width:140px}.inventoryDetailDateLabel{font-size:12px;font-weight:600;color:#6b7280}.inventoryDetailDateInput{padding:8px 10px;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:14px;color:#111827;background:#fff}.inventoryDetailFilterBtn{padding:8px 18px;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;background:#02955a;cursor:pointer}.inventoryDetailFilterBtn:hover{background:#027a4d}.inventoryDetailRangeError{margin:0;font-size:13px;color:#b91c1c}.inventoryDetailTabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:10px}.inventoryDetailTab{padding:8px 14px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;background:transparent;cursor:pointer}.inventoryDetailTab:hover{color:#111827;background:#f3f4f6}.inventoryDetailTabActive{color:#02955a;background:#02955a1a;border-color:#02955a40}.inventoryDetailTabPanel{display:flex;flex-direction:column;gap:12px}.inventoryDetailEmptyTab{margin:0;font-size:14px;color:#6b7280}.openingClosingStockSection{display:flex;flex-direction:column;gap:16px;margin-top:8px}.openingClosingStockDateRow{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px}.openingClosingStockDateField{display:flex;flex-direction:column;gap:6px;min-width:160px}.openingClosingStockDateLabel{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.openingClosingStockDateInput{height:38px;border:1px solid rgba(0,0,0,.12);border-radius:8px;padding:0 10px;font-size:13px;color:#111827;background:#fff}.openingClosingStockTodayBtn{height:38px;padding:0 14px;border-radius:8px;border:1px solid rgba(2,149,90,.35);background:#02955a14;color:#047857;font-size:13px;font-weight:600;cursor:pointer}.openingClosingStockTodayBtn:hover{background:#02955a24}.openingClosingStockRangeError{font-size:13px;color:#dc2626;margin:0;width:100%}.openingClosingStockGrid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:1100px){.openingClosingStockGrid{grid-template-columns:1fr 1fr;align-items:start}}.openingClosingStockCard{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:16px 18px;box-shadow:0 4px 14px #0f172a0f}.openingClosingStockCardTitle{margin:0 0 12px;font-size:18px;font-weight:600;color:#111827}.openingClosingStockPeriod{background:#f8fafc;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:12px 14px;margin-bottom:14px}.openingClosingStockPeriodLabel{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b7280;margin:0 0 4px}.openingClosingStockPeriodValue{margin:0;font-size:14px;font-weight:600;color:#111827}.openingClosingStockLoader{display:flex;justify-content:center;padding:36px 16px;color:#6b7280}.openingClosingStockSpinner{width:28px;height:28px;border:3px solid rgba(2,149,90,.2);border-top-color:#02955a;border-radius:50%;animation:openingClosingStockSpin .75s linear infinite}@keyframes openingClosingStockSpin{to{transform:rotate(360deg)}}.openingClosingStockBanner{font-size:13px;padding:10px 12px;border-radius:8px;margin-bottom:12px}.openingClosingStockBannerError{background:#dc262614;color:#b91c1c;border:1px solid rgba(220,38,38,.2)}.openingClosingStockEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 16px;color:#6b7280;font-size:13px;text-align:center}.openingClosingStockEmptyIcon{font-size:40px;line-height:1;margin-bottom:10px;opacity:.35}.openingClosingStockDay{border:1px solid rgba(0,0,0,.08);border-radius:10px;overflow:hidden;margin-bottom:10px}.openingClosingStockDay:last-child{margin-bottom:0}.openingClosingStockDayHeader{display:flex;flex-direction:column;gap:10px;padding:12px 14px;background:linear-gradient(90deg,#f8fafc,#f1f5f9);cursor:pointer;border:none;width:100%;text-align:left;font:inherit;color:inherit}.openingClosingStockDayHeader:hover{background:linear-gradient(90deg,#f1f5f9,#e2e8f0)}.openingClosingStockDayHeaderTop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.openingClosingStockDayDate{font-weight:700;font-size:14px;color:#111827}.openingClosingStockDayBadge{font-size:11px;background:#fff;padding:4px 8px;border-radius:6px;color:#4b5563;border:1px solid rgba(0,0,0,.06)}.openingClosingStockDayTotals{display:none;flex-wrap:wrap;gap:12px 16px;font-size:13px;color:#4b5563}@media(min-width:768px){.openingClosingStockDayTotals{display:flex}}.openingClosingStockDayTotalsMobile{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:12px;color:#4b5563}@media(min-width:768px){.openingClosingStockDayTotalsMobile{display:none}}.openingClosingStockTotalOpening{color:#4b5563}.openingClosingStockTotalAdded{color:#047857}.openingClosingStockTotalConsumed{color:#b91c1c}.openingClosingStockTotalClosing{color:#111827;font-weight:700}.openingClosingStockChevron{flex-shrink:0;color:#6b7280;display:flex;align-items:center}.openingClosingStockTableWrap{overflow-x:auto;background:#fff}.openingClosingStockTable{width:100%;border-collapse:collapse;font-size:13px}.openingClosingStockTable thead{background:#f8fafc;color:#111827}.openingClosingStockTable th{padding:10px 12px;text-align:left;font-weight:600;border-bottom:1px solid rgba(0,0,0,.08);white-space:nowrap}.openingClosingStockTable th.openingClosingStockThNumeric{text-align:center}.openingClosingStockTable td{padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.05);color:#374151}.openingClosingStockTable td.openingClosingStockTdNumeric{text-align:center}.openingClosingStockTable tbody tr:last-child td{border-bottom:none}.processedProductPage{width:100%;display:flex;flex-direction:column;gap:18px;color:#111827;flex:1;min-height:0}.processedProductHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.processedProductHeaderText{display:flex;flex-direction:column;gap:6px}.processedProductFilters{display:flex;align-items:flex-end;gap:10px}.processedProductOutletFilter{display:flex;flex-direction:column;gap:6px;min-width:180px}.processedProductOutletLabel{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.processedProductOutletSelect{width:100%;height:38px;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:0 10px;font-size:13px;color:#111827;background:#fff}.processedProductSearch{display:flex;align-items:center;gap:8px;width:220px;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:8px 12px;background:#fff}.productsMessage{font-size:13px;color:#6b7280}.productsError{color:#dc2626}.productsTable{border-top:1px solid rgba(0,0,0,.06);overflow-x:auto;overflow-y:visible;border-radius:10px;background:#fff;width:100%;position:relative}@media(min-width:901px){.processedProductPage .productsTable{min-height:clamp(380px,52vh,720px)}}.productsRow>span{min-width:0;word-break:break-word}.productsRow{display:grid;grid-template-columns:1.2fr 1fr 1.2fr .9fr 1fr;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:13px}.productsRowActions{display:flex;justify-content:center;align-items:center;width:100%;justify-self:stretch;gap:8px;flex-wrap:wrap}.rowActionMenu{position:relative;z-index:1}.rowActionMenu.rowActionMenuOpen{z-index:12000}.rowMenuTrigger{width:30px;height:30px;padding:0;border-radius:8px;border:none;background:#fff;color:#111827;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.rowMenuTrigger:focus-visible{outline:2px solid rgba(2,149,90,.5);outline-offset:2px}.rowMenuTrigger svg{display:block;pointer-events:none}.rowMenuTrigger:hover:not(:disabled){background:#f8fafc}.rowMenuTrigger:disabled{opacity:.5;cursor:not-allowed}.rowMenuDropdown{position:absolute;top:calc(100% + 6px);right:0;left:auto;bottom:auto;transform:none;min-width:140px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;box-shadow:0 10px 20px #0f172a1a;padding:8px 0;z-index:12100}.rowMenuDropdownPortal{left:auto;bottom:auto;transform:none}.rowMenuItem{width:100%;border:none;background:transparent;text-align:left;padding:10px 14px;font-size:13px;color:#111827;cursor:pointer}.rowMenuItem:hover{background:#f8fafc}.rowMenuItemDelete{color:#dc2626}.rowMenuItem:disabled{opacity:.45;cursor:not-allowed;color:#9ca3af}.rowMenuItem:disabled:hover{background:transparent}.rowActionFloating{position:relative;transform:none}.processedRowWithActions .productsRowActions{justify-self:stretch}.productActionBtn{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid transparent}.productActionRestock{background:#02955a1a;color:#047857;border-color:#02955a4d}.productActionRestock:hover{background:#02955a2e}.productActionDeduct{background:#dc262614;color:#b91c1c;border-color:#dc262640}.productActionDeduct:hover{background:#dc262624}.productActionModalBody{display:flex;flex-direction:column;gap:16px}.productActionModalError{font-size:13px;color:#dc2626;margin:0}.productActionModalHint{font-size:13px;color:#6b7280;margin:0}.productActionModalLabel{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:#374151}.productActionModalInput{padding:10px 12px;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:14px;max-width:200px}.productActionModalFooter{display:flex;justify-content:flex-end;gap:12px}.productActionModalCancel{padding:8px 16px;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:#fff;font-size:13px;cursor:pointer;color:#374151}.productActionModalSubmit{padding:8px 16px;border-radius:8px;border:none;background:#02955a;color:#fff;font-size:13px;font-weight:500;cursor:pointer}.productActionModalSubmit:hover:not(:disabled){background:#047857}.productActionModalSubmit:disabled{opacity:.6;cursor:not-allowed}.productsRowHeader{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.productsRow.productsRowHeader>span:last-child{text-align:center}@media(max-width:900px){.processedProductHeader{flex-direction:column;align-items:flex-start}.processedProductFilters{width:100%;flex-direction:column;align-items:stretch}.processedProductOutletFilter{width:100%;min-width:0}.processedProductSearch{width:100%}.productsRow{grid-template-columns:1fr;gap:6px}.productsRowActions{grid-column:1}}.processedProductViewModalBody{display:flex;flex-direction:column;gap:20px}.processedProductViewDl{margin:0;display:flex;flex-direction:column;gap:10px}.processedProductViewDlRow{display:grid;grid-template-columns:minmax(120px,160px) 1fr;gap:10px 16px;align-items:baseline;font-size:13px}.processedProductViewDlRow dt{margin:0;font-weight:600;color:#6b7280}.processedProductViewDlRow dd{margin:0;color:#111827;word-break:break-word}.processedProductViewMono{font-family:ui-monospace,monospace;font-size:12px}.processedProductViewWasteSection{display:flex;flex-direction:column;gap:8px}.processedProductViewWasteLabel{font-size:13px;font-weight:600;color:#374151}.processedProductViewWasteField{width:100%;min-height:160px;padding:12px;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:13px;line-height:1.5;color:#111827;background:#f9fafb;resize:vertical;font-family:inherit}.processedProductViewWasteField:focus{outline:2px solid rgba(2,149,90,.35);outline-offset:1px}@media(max-width:520px){.processedProductViewDlRow{grid-template-columns:1fr}}.livestockCategoryPage{display:grid;gap:1rem}.livestockCategoryPage .breadcrumb{font-size:.8rem;color:#64748b}.livestockCategoryPage .header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.livestockCategoryPage .headerText{display:grid;gap:.35rem}.livestockCategoryPage .pageTitle{margin:0;font-size:2rem;font-weight:700;color:#0f172a}.livestockCategoryPage .pageSubtitle{margin:0;color:#64748b;font-size:.95rem}.livestockCategoryPage .addBtn{border:1px solid #9de0ca;background:#dff5ec;color:#00715c;border-radius:8px;padding:.6rem 1rem;font-weight:700;cursor:pointer}.livestockCategoryPage .createForm{display:grid;gap:.8rem}.livestockCategoryPage .inputLabel{display:grid;gap:.35rem;font-size:.84rem;color:#475569}.livestockCategoryPage .categoryInput{border:1px solid #d1d5db;border-radius:8px;padding:.65rem .8rem;font-size:.95rem;background:#fff;color:#0f172a}.livestockCategoryPage .modalFooter{display:flex;justify-content:flex-end;gap:.5rem;width:100%}.livestockCategoryPage .cancelBtn{border:1px solid #d1d5db;background:#fff;color:#475569;border-radius:8px;padding:.5rem .9rem;cursor:pointer}.livestockCategoryPage .saveBtn{border:1px solid #9de0ca;background:#7ad7b4;color:#05332a;border-radius:8px;padding:.5rem .9rem;font-weight:700;cursor:pointer}.livestockCategoryPage .saveBtn:disabled{opacity:.65;cursor:not-allowed}.livestockCategoryPage .error{margin:0;color:#dc2626;font-size:.88rem}.livestockCategoryPage .tableWrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.livestockCategoryPage .table{width:100%;border-collapse:collapse;min-width:360px}.livestockCategoryPage .table thead th{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:#64748b;padding:.9rem .75rem;text-align:left;border-bottom:1px solid #e5e7eb}.livestockCategoryPage .table tbody td{padding:.9rem .75rem;border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:.92rem}.livestockCategoryPage .table tbody tr:last-child td{border-bottom:none}.livestockCategoryPage .emptyCell{text-align:center;color:#64748b;padding:1rem .75rem!important}.invoicesAnalyticsPage{width:100%;display:flex;flex-direction:column;gap:20px;color:#111827}.invoicesAnalyticsHeader{display:flex;flex-direction:column;gap:16px}.invoicesAnalyticsHeaderText{display:flex;flex-direction:column;gap:6px}.invoicesAnalyticsToolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}.dateRangePills{display:flex;flex-wrap:wrap;gap:8px}.dateRangePill{padding:8px 14px;border-radius:8px;border:1px solid rgba(0,0,0,.1);background:#fff;font-size:13px;color:#374151;cursor:pointer}.dateRangePill:hover{background:#f9fafb}.dateRangePill.active{background:#02955a;border-color:#02955a;color:#fff!important}.toolbarRight{display:flex;align-items:center;gap:16px}.outletSelect{height:40px;min-width:160px;padding:0 32px 0 12px;border:1px solid rgba(0,0,0,.08);border-radius:8px;font-size:13px;color:#374151;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;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 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.lastSync{font-size:13px;font-weight:500;color:#02955a}.invoicesAnalyticsMessage{font-size:14px;color:#6b7280;padding:16px;background:#f9fafb;border-radius:10px}.invoicesAnalyticsError{color:#dc2626;background:#dc26260f}.summaryCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.livestockSummaryCards{padding:18px;background:#f0f9ff;border-top:1px solid rgba(14,116,144,.15)}.livestockSummaryCards .summaryCard{background:#ecfeff;border-color:#0e749033}.summaryCard{background:#fef9e7;border:1px solid rgba(251,191,36,.25);border-radius:12px;padding:20px}.summaryCardLabel{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:8px}.summaryCardValue{font-size:24px;font-weight:700;color:#111827;line-height:1.2}.summaryCardTrend{font-size:12px;margin-top:8px}.summaryCardTrend.positive{color:#02955a}.weightCard{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#f0fdf4;border-radius:8px;border:1px solid rgba(16,185,129,.2)}.weightCardLabel{font-size:13px;color:#6b7280}.weightCardValue{font-size:14px;font-weight:600;color:#047857}.chartSection{border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow:hidden;background:#fff}.chartSectionTitle{font-size:15px;font-weight:600;color:#111827;margin:0;padding:14px 18px;background:#f9fafb;border-bottom:1px solid rgba(0,0,0,.06)}.outletBars{padding:18px;display:flex;flex-direction:column;gap:14px}.outletBarRow{display:grid;grid-template-columns:180px 1fr 100px;align-items:center;gap:12px;font-size:13px}.outletBarLabel{color:#374151;font-weight:500}.outletBarTrack{height:24px;background:#f3f4f6;border-radius:6px;overflow:hidden}.outletBarFill{height:100%;background:#02955a;border-radius:6px;min-width:4px;transition:width .2s ease}.outletBarValue{text-align:right;font-weight:500;color:#111827}.salesByProductTableWrap{padding:0;overflow-x:auto}.salesByProductTable{width:100%;border-collapse:collapse;font-size:13px}.salesByProductTable th{padding:12px 18px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6b7280;background:#f9fafb;border-bottom:1px solid rgba(0,0,0,.06)}.salesByProductTable th:nth-child(2),.salesByProductTable th:nth-child(3),.salesByProductTable th:nth-child(4){text-align:right}.salesByProductTable td{padding:12px 18px;border-bottom:1px solid rgba(0,0,0,.04);color:#374151}.salesByProductTable tbody tr:last-child td{border-bottom:none}.salesByProductTable td:nth-child(2),.salesByProductTable td:nth-child(3),.salesByProductTable td:nth-child(4){text-align:right}@media(max-width:768px){.outletBarRow{grid-template-columns:1fr;gap:6px}.outletBarValue{text-align:left}}.posPage{width:100%;min-width:0;align-self:stretch;display:flex;flex-direction:column;gap:20px;color:#111827}.posHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.posHeaderText{display:flex;flex-direction:column;gap:6px}.posCard{width:100%;min-width:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:24px 24px 22px;box-shadow:0 1px 3px #0000000d}@media(max-width:479px){.posCard{padding:18px 14px 16px;border-radius:12px}}.posCard--primary{box-shadow:0 1px 3px #0000000d,0 0 0 1px #02955a0a}.posCardHeader{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.06)}.posCardTitle{margin:0 0 8px;font-size:17px;font-weight:600;color:#111827}.posCardDescription{margin:0;font-size:13px;line-height:1.5;color:#6b7280;max-width:none}.posSection{margin-top:4px;padding-top:18px;border-top:1px solid rgba(0,0,0,.06)}.posSection:first-of-type{margin-top:0;padding-top:0;border-top:none}.posSection--flush{padding-top:20px}.posSectionTitle{margin:0 0 14px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#4b5563}.posSectionTitle--inline{margin-bottom:0}.posTableHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.posLineCount{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;font-size:12px;font-weight:700;color:#02955a;background:#02955a1a;border-radius:9999px}.posFormRow{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}@media(min-width:640px){.posFormRow--customer{grid-template-columns:1fr 1fr}}@media(min-width:640px){.posFormRow--outletPayment{grid-template-columns:1fr minmax(220px,1.1fr);align-items:start}}.posFormRowAdd{grid-template-columns:1fr;gap:14px;align-items:stretch}@media(min-width:480px)and (max-width:719px){.posFormRowAdd{grid-template-columns:1fr 1fr;align-items:end}.posFormRowAdd .posField:first-of-type{grid-column:1/-1}.posFormRowAdd .posAddBtn{grid-column:1/-1}}@media(min-width:720px){.posFormRowAdd{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) 110px auto;align-items:end}}.posField{display:flex;flex-direction:column;gap:6px;min-width:0}@media(min-width:720px){.posFieldQty{max-width:120px}}@media(min-width:640px){.posField--payment{align-self:stretch}}.posLabel{font-size:12px;font-weight:500;color:#374151}.posInput,.posSelect{min-height:44px;height:44px;padding:0 14px;border:1px solid rgba(0,0,0,.1);border-radius:10px;font-size:14px;color:#111827;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}@media(max-width:479px){.posInput,.posSelect{font-size:16px}}.posSelect{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.posInput:focus,.posSelect:focus{outline:none;border-color:#02955a;box-shadow:0 0 0 3px #02955a2e}.posPaymentMethodGroup{display:flex;flex-wrap:wrap;gap:8px;padding:4px;border-radius:10px;background:#f9fafb;border:1px solid rgba(0,0,0,.06)}.posPaymentMethodBtn{flex:1 1 auto;min-height:40px;min-width:0;padding:0 12px;border:1px solid transparent;border-radius:10px;font-size:13px;font-weight:600;color:#374151;background:transparent;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.posPaymentMethodBtn:hover{background:#fff;border-color:#00000014}.posPaymentMethodBtn:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #02955a}.posPaymentMethodBtn--active{background:#fff;color:#02955a;border-color:#02955a59;box-shadow:0 1px 2px #0000000f}.posAddBtn{min-height:44px;height:auto;padding:10px 20px;border:1px solid rgba(2,149,90,.35);border-radius:10px;font-size:13px;font-weight:600;background:#02955a1a;color:#047857;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.posAddBtn:hover{background:#02955a24;border-color:#02955a80}.posAddBtn:focus-visible{outline:none;box-shadow:0 0 0 3px #02955a2e}.posError{margin:14px 0 0;padding:10px 12px;font-size:13px;line-height:1.4;color:#b91c1c;background:#dc26260f;border:1px solid rgba(220,38,38,.2);border-radius:10px}.posTableWrap{margin:0;border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.posTable{width:100%;min-width:640px;border-collapse:collapse;font-size:13px}@media(max-width:639px){.posTable--stack{min-width:0}}.posTable th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b7280;background:#f9fafb;border-bottom:1px solid rgba(0,0,0,.06)}.posTable td{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.04);color:#374151;vertical-align:middle}.posTable th:last-child,.posTable td:last-child{width:88px;text-align:center;white-space:nowrap}.posRemoveHeader{text-align:center!important}.posTable tbody tr:last-child td{border-bottom:none}.posTable tbody tr:hover td{background:#f9fafbd9}@media(max-width:639px){.posTable.posTable--stack thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.posTable.posTable--stack tbody tr:not(.posTableRow--empty){display:block;padding:4px 0 14px;border-bottom:1px solid rgba(0,0,0,.08)}.posTable.posTable--stack tbody tr:not(.posTableRow--empty):last-child{border-bottom:none}.posTable.posTable--stack tbody tr:not(.posTableRow--empty) td{display:grid;grid-template-columns:minmax(108px,38%) 1fr;gap:4px 12px;align-items:center;padding:10px 12px;border:none;text-align:left}.posTable.posTable--stack tbody tr:not(.posTableRow--empty) td:before{content:attr(data-label);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.posTable.posTable--stack tbody tr.posTableRow--empty td{display:block;padding:24px 16px!important}.posTable.posTable--stack tbody tr.posTableRow--empty td:before{content:none}.posTable.posTable--stack tbody tr:not(.posTableRow--empty):hover td{background:transparent}.posTable.posTable--stack .posTableCell--action .posRemoveBtn{width:100%;min-height:44px}.posTable.posTable--stack tfoot .posTableFootRow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:14px 12px;background:#fafafa;border-radius:0 0 10px 10px}.posTable.posTable--stack tfoot .posTableFootRow td{display:block;border:none;padding:0;background:transparent!important}.posTable.posTable--stack tfoot .posTotalLabel{flex:1 1 auto;text-align:left;font-size:15px;border-top:none!important}.posTable.posTable--stack tfoot .posTotalValue{font-size:16px;font-weight:700;border-top:none!important}.posTable.posTable--stack tfoot .posTableFootSpacer{display:none}}.posTableEmpty{color:#6b7280;text-align:center;vertical-align:middle}.posEmptyState{max-width:36rem;margin:0 auto}@media(max-width:479px){.posEmptyState{max-width:none}}.posEmptyStateTitle{margin:0 0 6px;font-size:14px;font-weight:600;color:#374151}.posEmptyStateHint{margin:0;font-size:13px;line-height:1.5;color:#6b7280}.posRemoveBtn{min-width:72px;min-height:32px;height:32px;padding:0 10px;border:1px solid rgba(220,38,38,.25);border-radius:10px;background:#dc26260f;color:#b91c1c;font-size:12px;font-weight:600;line-height:1;cursor:pointer;transition:background .15s ease}.posRemoveBtn:hover{background:#dc26261a;color:#dc2626}.posRemoveBtn:focus-visible{outline:none;box-shadow:0 0 0 2px #dc262640}.posLineTypeBadge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:500;background:#eef2f7;color:#6b7280}.posTable tfoot td{border-top:1px solid rgba(0,0,0,.08);padding:14px 16px;font-weight:600}.posTotalLabel{text-align:right;color:#111827}.posTotalValue{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:#111827}.posAddMoreBtn{width:100%;height:44px;margin-top:16px;margin-bottom:8px;border:1px solid rgba(0,0,0,.12);border-radius:10px;font-size:14px;font-weight:500;background:#fff;color:#374151;cursor:pointer;transition:background .15s,border-color .15s}.posAddMoreBtn:hover{background:#f9fafb;border-color:#02955a;color:#02955a}.posCheckoutBtn{width:100%;min-height:48px;height:auto;padding:12px 16px;margin-top:20px;border:none;border-radius:9999px;font-size:15px;font-weight:700;letter-spacing:.01em;background:#02955a;color:#fff;cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;box-shadow:0 1px 2px #02955a40}.posCheckoutBtn:hover:not(:disabled){background:#027d4d;box-shadow:0 2px 8px #02955a47}.posCheckoutBtn:active:not(:disabled){transform:translateY(1px)}.posCheckoutBtn:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 5px #02955a2e}.posCheckoutBtn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}@media(max-width:719px){.posFormRowAdd .posAddBtn{width:100%}.posPaymentMethodBtn{min-height:44px}.pageTitle{font-size:21px}}@media(max-width:379px){.posPaymentMethodGroup{flex-direction:column}.posPaymentMethodBtn{width:100%;min-width:0}}.livestockSalesPage{width:100%;min-width:0;align-self:stretch;display:flex;flex-direction:column;gap:20px;color:#111827}.breadcrumb{font-size:12px;color:#9ca3af;letter-spacing:.01em}.pageHeader{display:flex;flex-direction:column;gap:6px}.pageTitle{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em}.pageSubtitle{margin:0;font-size:14px;color:#6b7280;line-height:1.45}.salesCard{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:24px 24px 22px;box-shadow:0 1px 3px #0000000d;width:100%;min-width:0}@media(max-width:479px){.salesCard{padding:18px 14px 16px;border-radius:12px}}.salesCard--primary{box-shadow:0 1px 3px #0000000d,0 0 0 1px #02955a0a}.salesCardHeader{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.06)}.salesCardHeader--compact{margin-bottom:14px;padding-bottom:12px}.salesCardHeader--compact .cardTitle{margin-bottom:4px}.salesCardHeader--compact .cardDescription{font-size:12px}.cardTitle{margin:0 0 8px;font-size:17px;font-weight:600;color:#111827}.cardDescription{margin:0;font-size:13px;line-height:1.5;color:#6b7280;max-width:none}.livestockSection{margin-top:4px;padding-top:18px;border-top:1px solid rgba(0,0,0,.06)}.livestockSection:first-of-type{margin-top:0;padding-top:0;border-top:none}.livestockSection--flush{padding-top:20px}.livestockSectionTitle{margin:0 0 14px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#4b5563}.livestockSectionTitle--inline{margin-bottom:0}.livestockTableHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.livestockLineCount{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;font-size:12px;font-weight:700;color:#02955a;background:#02955a1a;border-radius:9999px}.formGridCustomer{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.formGridCustomer{grid-template-columns:1fr 1fr minmax(220px,1.15fr);align-items:start}}.formGridAdd{display:grid;grid-template-columns:1fr;gap:14px;align-items:stretch}@media(min-width:480px)and (max-width:719px){.formGridAdd{grid-template-columns:1fr 1fr;align-items:end}.formGridAdd .field:first-of-type{grid-column:1/-1}.formGridAdd .addBtn{grid-column:1/-1}}@media(min-width:720px){.formGridAdd{grid-template-columns:minmax(0,1.4fr) 110px 110px auto;align-items:end}}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.fieldLabel{font-size:12px;font-weight:500;color:#374151}@media(min-width:720px){.fieldSm{max-width:120px}}@media(min-width:768px){.field--payment{align-self:stretch}}.input,.select{min-height:44px;height:44px;padding:0 14px;border:1px solid rgba(0,0,0,.1);border-radius:10px;font-size:14px;color:#111827;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}@media(max-width:479px){.input,.select{font-size:16px}}.select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.input:focus,.select:focus{outline:none;border-color:#02955a;box-shadow:0 0 0 3px #02955a2e}.paymentMethodGroup{display:flex;flex-wrap:wrap;gap:8px;padding:4px;border-radius:10px;background:#f9fafb;border:1px solid rgba(0,0,0,.06)}.paymentMethodBtn{flex:1 1 auto;min-height:40px;min-width:0;padding:0 12px;border:1px solid transparent;border-radius:10px;font-size:13px;font-weight:600;color:#374151;background:transparent;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.paymentMethodBtn:hover{background:#fff;border-color:#00000014}.paymentMethodBtn:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #02955a}.paymentMethodBtn--active{background:#fff;color:#02955a;border-color:#02955a59;box-shadow:0 1px 2px #0000000f}.addBtn{min-height:44px;height:auto;padding:10px 18px;border:1px solid rgba(2,149,90,.35);border-radius:10px;background:#02955a1a;color:#047857;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.addBtn:hover{background:#02955a24;border-color:#02955a80}.addBtn:focus-visible{outline:none;box-shadow:0 0 0 3px #02955a2e}.error{margin:14px 0 0;padding:10px 12px;font-size:13px;line-height:1.4;color:#b91c1c;background:#dc26260f;border:1px solid rgba(220,38,38,.2);border-radius:10px}.tableWrap{margin-top:0;border:1px solid rgba(0,0,0,.08);border-radius:12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.tableWrap--tight{margin-top:0}.table{width:100%;min-width:720px;border-collapse:collapse;font-size:13px}@media(max-width:639px){.table--stack{min-width:0}}.table th{text-align:left;padding:12px 16px;background:#f9fafb;border-bottom:1px solid rgba(0,0,0,.06);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.table td{padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.04);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td{background:#f9fafbd9}@media(max-width:639px){.table.table--stack thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.table.table--stack tbody tr:not(.tableRow--empty){display:block;padding:4px 0 14px;border-bottom:1px solid rgba(0,0,0,.08)}.table.table--stack tbody tr:not(.tableRow--empty):last-child{border-bottom:none}.table.table--stack tbody tr:not(.tableRow--empty) td{display:grid;grid-template-columns:minmax(108px,38%) 1fr;gap:4px 12px;align-items:center;padding:10px 12px;border:none;text-align:left}.table.table--stack tbody tr:not(.tableRow--empty) td:before{content:attr(data-label);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.table.table--stack tbody tr.tableRow--empty td{display:block;padding:24px 16px!important}.table.table--stack tbody tr.tableRow--empty td:before{content:none}.table.table--stack tbody tr:not(.tableRow--empty):hover td{background:transparent}.table.table--stack .tableCell--action .removeBtn{width:100%;min-height:44px}.table.table--stack tfoot .tableFootRow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:14px 12px;background:#fafafa;border-radius:0 0 10px 10px}.table.table--stack tfoot .tableFootRow td{display:block;border:none;padding:0;background:transparent!important}.table.table--stack tfoot .totalLabel{flex:1 1 auto;text-align:left;font-size:15px}.table.table--stack tfoot .totalLabel:before{content:none}.table.table--stack tfoot .totalValue{font-size:16px;font-weight:700}.table.table--stack tfoot .tableFootSpacer{display:none}}.table th:last-child,.table td:last-child{width:88px;text-align:center;white-space:nowrap}.emptyCell{text-align:center;padding:28px 20px!important;vertical-align:middle}.emptyState{max-width:36rem;margin:0 auto}@media(max-width:479px){.emptyState{max-width:none}}.emptyStateTitle{margin:0 0 6px;font-size:14px;font-weight:600;color:#374151}.emptyStateHint{margin:0;font-size:13px;line-height:1.5;color:#6b7280}.removeBtn{min-width:72px;height:32px;padding:0 10px;border:1px solid rgba(220,38,38,.25);border-radius:10px;background:#dc26260f;color:#b91c1c;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease}.removeBtn:hover{background:#dc26261a}.removeBtn:focus-visible{outline:none;box-shadow:0 0 0 2px #dc262640}.totalLabel{text-align:right;font-weight:600;background:#fafafa!important}.totalValue{font-weight:700;font-variant-numeric:tabular-nums;background:#fafafa!important}.table tfoot td{border-bottom:none;padding-top:14px;padding-bottom:14px}.submitBtn{width:100%;margin-top:20px;min-height:48px;height:auto;padding:12px 16px;border:none;border-radius:9999px;background:#02955a;color:#fff;font-size:15px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;box-shadow:0 1px 2px #02955a40}.submitBtn:hover:not(:disabled){background:#027d4d;box-shadow:0 2px 8px #02955a47}.submitBtn:active:not(:disabled){transform:translateY(1px)}.submitBtn:focus-visible{outline:none;box-shadow:0 0 0 3px #fff,0 0 0 5px #02955a2e}.submitBtn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}@media(max-width:719px){.fieldSm{max-width:none}.paymentMethodBtn{flex:1 1 calc(33.333% - 6px);min-width:calc(33.333% - 6px);min-height:44px}.formGridAdd .addBtn{width:100%}.pageTitle{font-size:21px}}@media(max-width:379px){.paymentMethodGroup{flex-direction:column}.paymentMethodBtn{flex:1 1 auto;min-width:0;width:100%}}.transactionPage{width:100%;display:flex;flex-direction:column;gap:18px;color:#111827;flex:1;min-height:0}.transactionHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.transactionHeaderText{display:flex;flex-direction:column;gap:6px}.transactionToolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.transactionSearch{display:flex;align-items:center;gap:8px;flex:1;min-width:200px;max-width:320px;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:8px 12px;background:#fff}.transactionFilterWrap{flex-shrink:0}.transactionFilterSelect{height:40px;min-width:160px;padding:0 32px 0 12px;border:1px solid rgba(0,0,0,.08);border-radius:8px;font-size:13px;color:#374151;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.transactionLastSync{margin-left:auto;font-size:13px;font-weight:500;color:#02955a}.transactionTable{border-top:1px solid rgba(0,0,0,.06)}.transactionRow{display:grid;grid-template-columns:120px 1fr 1.2fr 1fr 90px 1fr 32px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:13px}.transactionRowHeader{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.transactionColAmount{text-align:right;font-weight:500}.transactionMessage{font-size:13px;color:#6b7280}.transactionError{color:#dc2626}.transactionTypeBadge{display:inline-block}.transactionMenuWrap{display:inline-flex}.transactionMenuTrigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:#6b7280;font-size:18px;line-height:1;cursor:pointer}.transactionMenuTrigger:hover{background:#0000000f;color:#111827}.transactionRowClickable{cursor:pointer}.transactionRowClickable:hover{background:#f9fafb}.transactionDetail{padding:8px 0}.transactionDetailList{margin:0;display:grid;grid-template-columns:1fr 2fr;gap:8px 20px;font-size:14px}.transactionDetailList dt{margin:0;font-weight:500;color:#6b7280}.transactionDetailList dd{margin:0;color:#111827}.transactionDetailItems{margin-top:16px;margin-bottom:16px}.transactionDetailItemsHeader{font-size:12px;font-weight:600;color:#6b7280;margin-bottom:8px}.transactionDetailTable{width:100%;border-collapse:collapse;font-size:13px}.transactionDetailTable th{padding:8px 12px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;background:#f9fafb;border:1px solid rgba(0,0,0,.06)}.transactionDetailTable td{padding:10px 12px;border:1px solid rgba(0,0,0,.06);color:#374151}.transactionDetailTable td:last-child{text-align:right;font-weight:500}.transactionDetailTotal{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}.transactionDetailTotal dd{font-weight:600;font-size:15px}@media(max-width:900px){.transactionHeader{flex-direction:column;align-items:flex-start}.transactionToolbar{flex-direction:column;align-items:stretch}.transactionSearch{max-width:none}.transactionLastSync{margin-left:0}.transactionRow{grid-template-columns:1fr;gap:6px}.transactionColAmount{text-align:left}}@media(max-width:768px){.transactionPage{gap:14px}.pageTitle{font-size:30px}.pageSubtitle{font-size:12px}.transactionToolbar{gap:10px}.transactionSearch{width:100%;max-width:none}.transactionFilterWrap,.transactionFilterSelect{width:100%}.transactionLastSync{width:100%;margin-top:2px;text-align:left;font-size:12px}.transactionTable{border-top:none;display:flex;flex-direction:column;gap:10px}.transactionRowHeader{display:none}.transactionRow{grid-template-columns:1fr 1fr;gap:8px 12px;padding:12px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:#fff}.transactionRow>span{min-width:0;word-break:break-word}.transactionRow>span:nth-child(1):before{content:"Transaction ID"}.transactionRow>span:nth-child(2):before{content:"Date & Time"}.transactionRow>span:nth-child(3):before{content:"Customer"}.transactionRow>span:nth-child(4):before{content:"Type"}.transactionRow>span:nth-child(5):before{content:"Items"}.transactionRow>span:nth-child(6):before{content:"Amount"}.transactionRow>span:nth-child(1):before,.transactionRow>span:nth-child(2):before,.transactionRow>span:nth-child(3):before,.transactionRow>span:nth-child(4):before,.transactionRow>span:nth-child(5):before,.transactionRow>span:nth-child(6):before{display:block;margin-bottom:2px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af}.transactionColAmount{text-align:left}.transactionMenuWrap{grid-column:2/3;justify-self:end;align-self:end}.transactionMenuTrigger{width:32px;height:32px;border-radius:8px;background:#f3f4f6;color:#374151}.transactionMessage{grid-column:1/-1}.transactionDetailList{grid-template-columns:1fr;gap:6px}.transactionDetailList dt{font-size:12px}.transactionDetailList dd{margin-bottom:8px}}.customerTypesPage{width:100%;display:flex;flex-direction:column;gap:18px;color:#111827;flex:1;min-height:0}.customerTypesHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.customerTypesHeaderText{display:flex;flex-direction:column;gap:6px}.customerTypesSearch{display:flex;align-items:center;gap:8px;width:220px;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:8px 12px;background:#fff}.customerTypesMessage{font-size:13px;color:#6b7280}.customerTypesError{color:#dc2626}.customerTypesAddForm{display:flex;flex-direction:column;gap:20px}.customerTypesFormError{font-size:12px;color:#dc2626;margin-bottom:8px}.customerTypesFieldError{font-size:11px;color:#dc2626;margin-top:4px}.customerTypesTable{border-top:1px solid rgba(0,0,0,.06)}.customerTypesRow{display:grid;grid-template-columns:1.2fr 1fr 32px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:13px}.customerTypesRowHeader{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.customerTypesMenuWrap{position:relative}.customerTypesMenuTrigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:#6b7280;font-size:18px;line-height:1;cursor:pointer}.customerTypesMenuTrigger:hover{background:#0000000f;color:#111827}.customerTypesMenuDropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:120px;padding:4px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10}.customerTypesMenuItem{display:block;width:100%;padding:8px 12px;border:none;border-radius:6px;background:transparent;font-size:13px;text-align:left;cursor:pointer;color:#374151}.customerTypesMenuItem:hover{background:#0000000f}.customerTypesMenuItemDanger{color:#dc2626}.customerTypesMenuItemDanger:hover{background:#dc262614}@media(max-width:900px){.customerTypesHeader{flex-direction:column;align-items:flex-start}.customerTypesRow{grid-template-columns:1fr;gap:6px}}.dashboardAnalyticsPage{width:100%;display:flex;flex-direction:column;gap:18px;color:#111827}.dashboardAnalyticsHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.dashboardAnalyticsHeaderText{display:flex;flex-direction:column;gap:6px}.dashboardAnalyticsMessage{font-size:14px;color:#6b7280;padding:16px;background:#f9fafb;border-radius:10px}.dashboardAnalyticsError{color:#dc2626;background:#dc26260f}.dashboardAnalyticsCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.dashboardAnalyticsCard{border-radius:12px;padding:20px;border:1px solid rgba(0,0,0,.06);background:#fef3e2;border-color:#fb923c33}.dashboardAnalyticsCardRevenue{background:#ecfdf5;border-color:#10b98133}.dashboardAnalyticsCardLabel{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:8px}.dashboardAnalyticsCardValue{font-size:24px;font-weight:700;color:#111827;line-height:1.2}.dashboardAnalyticsData{margin-top:8px;border:1px solid rgba(0,0,0,.08);border-radius:10px;overflow:hidden;background:#fff}.dashboardAnalyticsDataTitle{font-size:14px;font-weight:600;color:#374151;margin:0;padding:14px 16px;background:#f9fafb;border-bottom:1px solid rgba(0,0,0,.06)}.dashboardAnalyticsDataList{margin:0;padding:0;list-style:none}.dashboardAnalyticsDataRow{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.04);font-size:13px}.dashboardAnalyticsDataRow:last-child{border-bottom:none}.dashboardAnalyticsDataRow dt{margin:0;font-weight:500;color:#6b7280}.dashboardAnalyticsDataRow dd{margin:0;color:#111827;word-break:break-word}.rolesPage{width:100%;display:flex;flex-direction:column;gap:18px;color:#111827;flex:1;min-height:0}.rolesHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.rolesHeaderText{display:flex;flex-direction:column;gap:6px}.button{height:34px;padding:0 14px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid rgba(0,0,0,.08);background:#fff;color:#374151;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.buttonPrimary:hover{opacity:.95}.rolesSearch{display:flex;align-items:center;gap:8px;width:220px;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:8px 12px;background:#fff}.rolesMessage{font-size:13px;color:#6b7280}.rolesError{color:#dc2626}.rolesTable{border-top:1px solid rgba(0,0,0,.06)}.rolesRow{display:grid;grid-template-columns:1fr 32px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:13px}.rolesRowHeader{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.rolesMenuWrap{position:relative}.rolesMenuTrigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:#6b7280;font-size:18px;line-height:1;cursor:pointer}.rolesMenuTrigger:hover{background:#0000000f;color:#111827}.rolesMenuDropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:120px;padding:4px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10}.rolesMenuItem{display:block;width:100%;padding:8px 12px;border:none;border-radius:6px;background:transparent;font-size:13px;text-align:left;cursor:pointer;color:#374151}.rolesMenuItem:hover{background:#0000000f}.rolesMenuItemDanger{color:#dc2626}.rolesMenuItemDanger:hover{background:#dc262614}.rolesAddForm{display:flex;flex-direction:column;gap:20px}.rolesFormError{font-size:12px;color:#dc2626;margin-bottom:8px}.rolesFieldError{font-size:11px;color:#dc2626;margin-top:4px}.modalButton{width:100%}@media(max-width:900px){.rolesHeader{flex-direction:column;align-items:flex-start}.rolesRow{grid-template-columns:1fr;gap:6px}}.createRolePage{width:100%;display:flex;flex-direction:column;gap:18px;color:#111827}.createRoleHeader{display:flex;flex-direction:column;gap:6px}.createRoleCard{max-width:420px;padding:24px;border:1px solid rgba(0,0,0,.06);border-radius:12px;background:#fff}.createRoleForm{display:flex;flex-direction:column;gap:20px}.createRoleFormError{font-size:12px;color:#dc2626}.createRoleFieldError{font-size:11px;color:#dc2626;margin-top:4px}.input{height:36px;border-radius:8px;border:1px solid rgba(0,0,0,.08);padding:0 12px;font-size:13px;color:#111827;background:#fff}.input:focus{outline:none;border-color:#02955a}.createRoleActions{display:flex;align-items:center;gap:12px;margin-top:8px}.button{height:34px;padding:0 14px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid rgba(0,0,0,.08);background:#fff;color:#374151;cursor:pointer}.button:disabled{opacity:.7;cursor:not-allowed}.buttonPrimary{border-color:#02955a;background:#02955a;color:#fff}.cancelLink{font-size:13px;color:#6b7280;text-decoration:none}.cancelLink:hover{color:#111827;text-decoration:underline}.directoryPage{width:100%;display:flex;flex-direction:column;gap:18px;color:#111827;flex:1;min-height:0}.directoryHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.directoryHeaderText{display:flex;flex-direction:column;gap:6px}.directorySearch{display:flex;align-items:center;gap:8px;width:220px;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:8px 12px;background:#fff}.searchIcon{font-size:14px;color:#9ca3af}.searchInput{border:none;outline:none;width:100%;font-size:13px;color:#111827}.directoryMessage{font-size:13px;color:#6b7280}.directoryError{color:#dc2626}.directoryTable{border-top:1px solid rgba(0,0,0,.06)}.directoryRow{display:grid;grid-template-columns:120px 80px 1.2fr 1.2fr 1fr 1.4fr 32px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:13px}.directoryRowHeader{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.directoryContactPrimary{display:block;font-weight:600;color:#111827}.directoryContactSecondary{display:block;font-size:12px;font-weight:400;color:#6b7280;margin-top:2px}.badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:500;background:#eef2f7;color:#6b7280}.badgeActive{background:#02955a1f;color:#02955a}.directoryMenuWrap{position:relative;display:inline-flex}.directoryMenuTrigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:transparent;color:#6b7280;font-size:18px;line-height:1;cursor:pointer}.directoryMenuTrigger:hover{background:#0000000f;color:#111827}.directoryMenuDropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:120px;padding:4px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:10}.directoryMenuItem{display:block;width:100%;padding:8px 12px;border:none;border-radius:6px;background:transparent;font-size:13px;text-align:left;cursor:pointer;color:#374151}.directoryMenuItem:hover{background:#0000000f}.directoryMenuItemDanger{color:#dc2626}.directoryMenuItemDanger:hover{background:#dc262614}.directoryForm{display:flex;flex-direction:column;gap:20px}.directoryFormError{font-size:12px;color:#dc2626;margin-bottom:8px}.directoryFieldError{font-size:11px;color:#dc2626;margin-top:4px}.modalField{display:flex;flex-direction:column;gap:6px}.label{font-size:12px;color:#6b7280}.input,.select{height:36px;border-radius:8px;border:1px solid rgba(0,0,0,.08);padding:0 12px;font-size:13px;color:#111827;background:#fff}@media(max-width:900px){.directoryHeader{flex-direction:column;align-items:flex-start}.directoryRow{grid-template-columns:1fr;gap:6px}}.clockInOutPage{width:100%;display:flex;flex-direction:column;gap:18px;color:#111827}.breadcrumb span{color:#6b7280}.clockInOutHeader{display:flex;justify-content:space-between;align-items:center;gap:12px}.clockInOutHeaderText{display:flex;flex-direction:column;gap:6px}.clockInOutLayout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}@media(max-width:900px){.clockInOutLayout{grid-template-columns:1fr}}.clockInOutCard{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d}.clockInOutLabel{display:inline-block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#02955a;margin-bottom:16px}.clockInOutTimer{display:flex;gap:12px;margin-bottom:16px}.clockInOutTimerBox{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:#f9fafb;border:1px solid rgba(0,0,0,.06);border-radius:10px}.clockInOutTimerValue{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;color:#111827}.clockInOutTimerUnit{font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6b7280}.clockInOutHint{font-size:13px;color:#6b7280;margin:0 0 16px;line-height:1.4}.clockInOutSelectWrap{margin-bottom:12px}.clockInOutSelect{width:100%;height:40px;padding:0 12px;border:1px solid rgba(0,0,0,.08);border-radius:8px;font-size:13px;color:#111827;background:#fff}.clockInOutError{font-size:12px;color:#dc2626;margin:0 0 12px}.clockInOutBtn{width:100%;height:44px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.clockInOutBtn:disabled{opacity:.7;cursor:not-allowed}.clockInOutBtnPrimary{background:#02955a;color:#fff}.clockInOutBtnPrimary:hover:not(:disabled){background:#027a4a}.clockInOutStats{display:grid;grid-template-columns:1fr 1fr;gap:16px}.clockInOutStatCard{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:6px}.clockInOutStatTitle{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}.clockInOutStatValue{font-size:22px;font-weight:700;color:#111827}.clockInOutStatSub{font-size:13px;font-weight:500;color:#02955a}.analyticsPage{width:100%;display:flex;flex-direction:column;gap:18px;color:#111827}.breadcrumb{font-size:12px;color:#9ca3af}.breadcrumb .separator{color:#9ca3af}.breadcrumb span:last-child{color:#6b7280}.analyticsHeader{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.analyticsHeaderText{display:flex;flex-direction:column;gap:6px}.pageTitle{font-size:22px;font-weight:600}.pageSubtitle{font-size:13px;color:#6b7280}.analyticsToolbar{display:flex;align-items:center;gap:16px}.analyticsOutletSelect{height:40px;min-width:160px;padding:0 32px 0 12px;border:1px solid rgba(0,0,0,.08);border-radius:8px;font-size:13px;color:#374151;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;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 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.analyticsLastSync{font-size:13px;font-weight:500;color:#02955a}.analyticsCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.analyticsCard{border-radius:12px;padding:20px;border:1px solid rgba(0,0,0,.06)}.analyticsCardTotal{background:#fef3e2;border-color:#fb923c33}.analyticsCardPresent{background:#ecfdf5;border-color:#10b98133}.analyticsCardLabel{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:8px}.analyticsCardValue{font-size:28px;font-weight:700;color:#111827;line-height:1.2}.analyticsCardSub{font-size:13px;font-weight:500;color:#02955a;margin-top:6px}.analyticsTableSection{margin-top:8px}.analyticsTableTitle{font-size:16px;font-weight:600;color:#111827;margin-bottom:12px}.analyticsTableWrap{border:1px solid rgba(0,0,0,.08);border-radius:10px;overflow:hidden;background:#fff}.analyticsTable{width:100%;border-collapse:collapse;font-size:13px}.analyticsTable th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b7280;background:#f9fafb;border-bottom:1px solid rgba(0,0,0,.06)}.analyticsTable td{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.04);color:#374151}.analyticsTable tbody tr:last-child td{border-bottom:none}.analyticsPill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.analyticsPillPresent{background:#d1fae5;color:#047857}.analyticsPillAbsent{background:#fef3c7;color:#b45309}.analyticsRowAction{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:6px;background:transparent;color:#6b7280;font-size:18px;line-height:1;cursor:pointer}.analyticsRowAction:hover{background:#0000000f;color:#374151}@media(max-width:768px){.analyticsTableWrap{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.analyticsTable{width:max-content;min-width:100%;max-width:none}}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--color-blue-500:oklch(62.3% .214 259.815);--color-zinc-50:oklch(98.5% 0 0);--color-white:#fff;--spacing:.25rem;--radius-lg:.5rem;--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.right-4{right:calc(var(--spacing)*4)}.bottom-4{bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.table{display:table}.h-dvh{height:100dvh}.max-h-dvh{max-height:100dvh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-stretch{align-items:stretch}.self-stretch{align-self:stretch}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded-lg{border-radius:var(--radius-lg)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-white{background-color:var(--color-white)}.bg-zinc-50{background-color:var(--color-zinc-50)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.pt-8{padding-top:calc(var(--spacing)*8)}.pb-\[calc\(96px\+env\(safe-area-inset-bottom\,0px\)\+2rem\)\]{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px) + 2rem)}.font-sans{font-family:var(--font-geist-sans)}.text-white{color:var(--color-white)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}@media(min-width:48rem){.md\:px-8{padding-inline:calc(var(--spacing)*8)}.md\:pb-\[7px\]{padding-bottom:7px}}}:root{--background:#fff;--foreground:#171717}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
