npm - mozrest-sdk-react-dev - Versions diffs - 0.3.53 → 0.3.64 - Mend

mozrest-sdk-react-dev 0.3.53 → 0.3.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/style.css CHANGED Viewed

@@ -315,6 +315,20 @@
   --checkbox-disabled-bg: #f9f9f9;
   --moz-border: #e5e7eb;
   --moz-border-hover: #b1b1b1;
+  --moz-primary: var(--moz-cta-primary);
+  --moz-primary-light: #eff6ff;
+  --moz-primary-text: var(--moz-cta-primary-text);
+  --moz-success: var(--moz-cta-success);
+  --moz-success-light: #d1fae5;
+  --moz-success-dark: #059669;
+  --moz-success-text: var(--moz-cta-success-text);
+  --moz-warning: #f59e0b;
+  --moz-warning-light: #fef3c7;
+  --moz-warning-text: #92400e;
+  --moz-danger: var(--moz-cta-danger);
+  --moz-danger-text: var(--moz-cta-danger-text);
+  --moz-error: var(--moz-state-error);
+  --moz-bg-white: var(--moz-cta-content-bg);
   --ant-picker-bg: #ffffff !important;
   --ant-picker-border-radius: 6px !important;
   --ant-picker-text-color: #2d2d2d !important;
@@ -32001,6 +32015,296 @@ div.ant-typography-edit-content.ant-typography-rtl {
   color: var(--moz-text-secondary);
   font: 0.75rem/1rem var(--moz-font-family);
   font-style: italic;
+}._billInformationContainer_is0qa_1 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+  background: var(--moz-cta-content-bg);
+}
+._billSection_is0qa_10 {
+  width: 100%;
+  background: var(--moz-cta-content-bg);
+  border-radius: 0.75rem;
+  overflow: hidden;
+  border: 1px solid var(--moz-border);
+}
+._billSectionSpacing_is0qa_18 {
+  margin-top: 1rem;
+}
+._customerVisitsBanner_is0qa_22 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem 1rem;
+  background: var(--moz-cta-primary);
+  color: var(--moz-cta-primary-text);
+  font: 0.875rem/1.42 var(--moz-font-family);
+  font-weight: 600;
+}
+._billHeader_is0qa_33 {
+  padding: 1rem;
+}
+._billTitleRow_is0qa_37 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 0.5rem;
+}
+._billTitle_is0qa_37 {
+  font: 600 1.125rem/1.55 var(--moz-font-family);
+  color: var(--moz-text-primary);
+  margin: 0;
+}
+._customerAvatar_is0qa_50 {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+._avatarImage_is0qa_57 {
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background: var(--moz-bg-gray);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--moz-text-secondary);
+}
+._avatarBadge_is0qa_68 {
+  position: absolute;
+  top: -2px;
+  right: -2px;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background: var(--moz-cta-success);
+  color: #fff;
+  font: 600 0.75rem/1rem var(--moz-font-family);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 10px;
+}
+._billSummary_is0qa_84 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 0.5rem;
+}
+._summaryLabel_is0qa_91 {
+  font: 1rem/1.5 var(--moz-font-family);
+  color: var(--moz-text-primary);
+}
+._summaryAmount_is0qa_96 {
+  font: 600 1rem/1.5 var(--moz-font-family);
+  color: var(--moz-text-primary);
+}
+._toggleButton_is0qa_101 {
+  background: none;
+  border: none;
+  color: var(--moz-cta-primary);
+  font: 0.875rem/1.42 var(--moz-font-family);
+  text-decoration: underline;
+  cursor: pointer;
+  padding: 0.5rem 0;
+  margin: 0;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  transform: translateY(0);
+  opacity: 1;
+}
+._toggleButton_is0qa_101:hover {
+  color: var(--moz-cta-primary-hover);
+  transform: translateY(-1px);
+}
+._toggleButton_is0qa_101:active {
+  transform: translateY(0);
+}
+._toggleButton_is0qa_101:focus {
+  outline: 2px solid var(--moz-cta-primary);
+  outline-offset: 2px;
+}
+._billDetails_is0qa_126 {
+  border-top: 1px solid var(--moz-border);
+  padding: 1rem;
+}
+._billDetailsAnimated_is0qa_131 {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  transform-origin: top;
+  overflow: hidden;
+}
+._billDetailsVisible_is0qa_137 {
+  opacity: 1;
+  transform: translateY(0) scaleY(1);
+  max-height: 1000px;
+  padding: 1rem;
+}
+._billDetailsHidden_is0qa_144 {
+  opacity: 0;
+  transform: translateY(-10px) scaleY(0);
+  max-height: 0;
+  padding: 0 1rem;
+  margin: 0;
+}
+._financialDetails_is0qa_152 {
+  margin-bottom: 1rem;
+  transition: opacity 0.2s ease 0.1s;
+}
+._billDetailsHidden_is0qa_144 ._financialDetails_is0qa_152 {
+  opacity: 0;
+}
+._billDetailsVisible_is0qa_137 ._financialDetails_is0qa_152 {
+  opacity: 1;
+}
+._detailRow_is0qa_165 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 0.5rem;
+  font: 1rem/1.5 var(--moz-font-family);
+  color: var(--moz-text-primary);
+}
+._detailRow_is0qa_165:last-child {
+  margin-bottom: 0;
+}
+._grossTotalLabel_is0qa_177 {
+  font-weight: 600;
+}
+._grossTotalAmount_is0qa_181 {
+  font-weight: 600;
+}
+._checkDetails_is0qa_185 {
+  border-top: 1px dotted var(--moz-border);
+  padding-top: 0.5rem;
+  margin-bottom: 1rem;
+  transition: opacity 0.2s ease 0.15s;
+}
+._billDetailsHidden_is0qa_144 ._checkDetails_is0qa_185 {
+  opacity: 0;
+}
+._billDetailsVisible_is0qa_137 ._checkDetails_is0qa_185 {
+  opacity: 1;
+}
+._checkNumber_is0qa_200 {
+  font: 0.875rem/1.42 var(--moz-font-family);
+  color: var(--moz-text-secondary);
+}
+._itemsSection_is0qa_205 {
+  border-top: 1px dotted var(--moz-border);
+  padding-top: 0.5rem;
+  transition: opacity 0.2s ease 0.2s;
+}
+._billDetailsHidden_is0qa_144 ._itemsSection_is0qa_205 {
+  opacity: 0;
+}
+._billDetailsVisible_is0qa_137 ._itemsSection_is0qa_205 {
+  opacity: 1;
+}
+._itemsHeader_is0qa_219 {
+  font: 0.875rem/1.42 var(--moz-font-family);
+  color: var(--moz-text-primary);
+  margin-bottom: 0.5rem;
+  font-weight: 600;
+}
+._itemsList_is0qa_226 {
+  margin-bottom: 0.5rem;
+  overflow: hidden;
+  transition: all 0.3s ease;
+}
+._itemRow_is0qa_232 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 0.5rem;
+  font: 0.875rem/1.42 var(--moz-font-family);
+  color: var(--moz-text-primary);
+}
+._itemRow_is0qa_232:last-child {
+  margin-bottom: 0;
+}
+._itemName_is0qa_244 {
+  flex: 1;
+}
+._itemPrice_is0qa_248 {
+  font-weight: 500;
+}
+._itemRowAnimated_is0qa_252 {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  transform-origin: top;
+}
+._itemRowVisible_is0qa_257 {
+  opacity: 1;
+  transform: translateY(0) scaleY(1);
+  max-height: 100px;
+  margin-bottom: 0.5rem;
+}
+._itemRowHidden_is0qa_264 {
+  opacity: 0;
+  transform: translateY(-10px) scaleY(0);
+  max-height: 0;
+  margin-bottom: 0;
+  overflow: hidden;
+}
+._statusSection_is0qa_272 {
+  border-top: 1px solid var(--moz-border);
+  padding: 1rem;
+  background: var(--moz-bg-gray-lighter);
+}
+._statusRow_is0qa_278 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 0.5rem;
+  font: 0.875rem/1.42 var(--moz-font-family);
+  color: var(--moz-text-secondary);
+}
+._statusRow_is0qa_278:last-child {
+  margin-bottom: 0;
+}
+._statusRow_is0qa_278 svg {
+  color: var(--moz-text-tertiary);
 }
 body {
   margin: 0 !important;
@@ -32778,4 +33082,1826 @@ hr {
   justify-content: space-between;
   font-size: 1rem;
   font-weight: bold;
+}._card_1u7jk_1 {
+  display: flex;
+  flex-direction: column;
+  padding: 0.6rem 1.5rem;
+  border: 1px solid var(--moz-input-border, #e5e7eb);
+  border-radius: 8px;
+  background-color: var(--moz-input-disabled, var(--moz-cta-content-bg, #ffffff));
+  transition: border-color 0.15s ease;
+  margin-bottom: 0.5rem;
+}
+._card_1u7jk_1:hover {
+  border-color: var(--moz-input-border, #d1d5db);
+}
+._cardMatched_1u7jk_15 {
+  border-color: var(--moz-success, var(--moz-cta-success, #34cc16));
+  background-color: var(--moz-success-light, #d1fae5);
+}
+._cardMatched_1u7jk_15:hover {
+  border-color: var(--moz-success-dark, #059669);
+}
+._cardSaving_1u7jk_23 {
+  opacity: 0.6;
+  pointer-events: none;
+}
+._cardContent_1u7jk_28 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 1.5rem;
+  width: 100%;
+}
+._inputGroup_1u7jk_36 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+  flex-shrink: 0;
+}
+._tableLabel_1u7jk_44,
+._posLabel_1u7jk_45 {
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: var(--moz-text-secondary, #6b7280);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  line-height: 1;
+  white-space: nowrap;
+}
+._tableNameBadge_1u7jk_55 {
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--moz-text-primary, #111827);
+  padding: 0.375rem 0.75rem;
+  background-color: var(--moz-input-filled, #f3f4f6);
+  border: 1px solid var(--moz-input-border, #e5e7eb);
+  border-radius: 6px;
+  white-space: nowrap;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 2.5rem;
+  text-align: center;
+  box-sizing: border-box;
+  line-height: 1;
+}
+._selectWrapper_1u7jk_73 {
+  width: 200px;
+  min-width: 200px;
+  flex-shrink: 0;
+}
+._selectWrapper_1u7jk_73 .react-select__control {
+  width: 100% !important;
+}
+._selectWrapper_1u7jk_73 .react-select-container {
+  width: 100% !important;
+}
+._statusBadge_1u7jk_85 {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.375rem 0.75rem;
+  border-radius: 6px;
+  background-color: var(--moz-success, var(--moz-cta-success, #34cc16));
+  color: var(--moz-success-text, var(--moz-cta-success-text, #ffffff));
+  font-size: 0.6875rem;
+  font-weight: 600;
+  white-space: nowrap;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  box-shadow: 0 1px 2px rgba(16, 185, 129, 0.2);
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+._badgeText_1u7jk_102 {
+  margin: 0;
+}
+@media (max-width: 768px) {
+  ._cardContent_1u7jk_28 {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 1rem;
+  }
+  ._labelsColumn_1u7jk_113 {
+    width: 100%;
+  }
+  ._inputsRow_1u7jk_117 {
+    width: 100%;
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}._collapse_1biws_1 {
+  width: 100%;
+  border-radius: 0.5rem;
+  overflow: hidden;
+}
+._collapse--default_1biws_6 {
+  border: 1px solid var(--moz-border);
+}
+._collapse--bordered_1biws_9 {
+  border: 1px solid var(--moz-border);
+  border-radius: 0.75rem;
+}
+._collapse--filled_1biws_13 {
+  background: var(--moz-input-filled);
+  border: 1px solid var(--moz-input-border);
+}
+._collapse--sm_1biws_17 ._collapseHeader_1biws_17 {
+  padding: 0.5rem 0.75rem;
+  font: 0.875rem/1.42 var(--moz-font-family);
+}
+._collapse--sm_1biws_17 ._collapseContentInner_1biws_21 {
+  padding: 0.5rem 0.75rem;
+}
+._collapse--md_1biws_24 ._collapseHeader_1biws_17 {
+  padding: 0.75rem 1rem;
+  font: 1rem/1.5 var(--moz-font-family);
+}
+._collapse--md_1biws_24 ._collapseContentInner_1biws_21 {
+  padding: 0.75rem 1rem;
+}
+._collapse--lg_1biws_31 ._collapseHeader_1biws_17 {
+  padding: 1rem 1.25rem;
+  font: 1.125rem/1.55 var(--moz-font-family);
+}
+._collapse--lg_1biws_31 ._collapseContentInner_1biws_21 {
+  padding: 1rem 1.25rem;
+}
+._collapseHeader_1biws_17 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: pointer;
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  user-select: none;
+  background: transparent;
+  position: relative;
+  overflow: hidden;
+}
+._collapseHeader--default_1biws_50 {
+  background: transparent;
+}
+._collapseHeader--default_1biws_50:hover {
+  background: var(--moz-bg-gray-lighter);
+  transform: translateY(-1px);
+}
+._collapseHeader--default_1biws_50:active {
+  transform: translateY(0);
+}
+._collapseHeader--bordered_1biws_60 {
+  background: var(--moz-cta-content-bg);
+  border-bottom: 1px solid var(--moz-border);
+}
+._collapseHeader--bordered_1biws_60:hover {
+  background: var(--moz-bg-gray-lighter);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+._collapseHeader--bordered_1biws_60:active {
+  transform: translateY(0);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
+}
+._collapseHeader--filled_1biws_73 {
+  background: var(--moz-input-filled);
+}
+._collapseHeader--filled_1biws_73:hover {
+  background: var(--moz-input-active);
+  transform: translateY(-1px);
+}
+._collapseHeader--filled_1biws_73:active {
+  transform: translateY(0);
+}
+._collapseHeader_1biws_17:focus {
+  outline: 2px solid var(--moz-cta-primary);
+  outline-offset: -2px;
+}
+._collapseTitle_1biws_88 {
+  font-weight: 600;
+  color: var(--moz-text-primary);
+  flex: 1;
+  transition: color 0.2s ease;
+  position: relative;
+}
+._collapseIcon_1biws_96 {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  color: var(--moz-text-secondary);
+  margin-left: 0.5rem;
+  transform-origin: center;
+}
+._collapseIconOpen_1biws_102 {
+  transform: rotate(180deg);
+  color: var(--moz-cta-primary);
+}
+._collapseContent_1biws_21 {
+  max-height: 0;
+  overflow: hidden;
+  opacity: 0;
+  transform: translateY(-10px);
+  transition: max-height var(--transition-duration, 300ms) var(--transition-easing, ease-in-out), opacity var(--transition-duration, 300ms) var(--transition-easing, ease-in-out), transform var(--transition-duration, 300ms) var(--transition-easing, ease-in-out);
+}
+._collapseContent--default_1biws_114 {
+  background: transparent;
+}
+._collapseContent--bordered_1biws_117 {
+  background: var(--moz-cta-content-bg);
+}
+._collapseContent--filled_1biws_120 {
+  background: var(--moz-input-filled);
+}
+._collapseContentOpen_1biws_123 {
+  max-height: 1000px;
+  opacity: 1;
+  transform: translateY(0);
+}
+._collapseContentInner_1biws_21 {
+  border-top: 1px solid var(--moz-border);
+  color: var(--moz-text-primary);
+  transition: opacity calc(var(--transition-duration, 300ms) * 0.6) var(--transition-easing, ease-in-out) 0.1s;
+  opacity: 0;
+}
+._collapseContentOpen_1biws_123 ._collapseContentInner_1biws_21 {
+  opacity: 1;
+}._pos-table-matching_18y2b_1 .mz-tabs {
+  border-bottom-color: var(--moz-input-border, #e5e7eb);
+}
+._pos-table-matching_18y2b_1 .mz-tab {
+  color: var(--moz-text-secondary, #6b7280);
+  font-family: var(--moz-font-family-label, inherit);
+  font-size: var(--moz-font-size-label, 0.857rem);
+}
+._pos-table-matching_18y2b_1 .mz-tab--active,
+._pos-table-matching_18y2b_1 [class*="nav__tab--active"] {
+  color: var(--moz-text-primary, #111827);
+  border-bottom-color: var(--moz-cta-primary, #ff9b00);
+  font-weight: 600;
+}
+._pos-table-matching_18y2b_1 .mz-tab:hover {
+  color: var(--moz-text-primary, #111827);
+}
+._pos-table-matching_18y2b_1 .collapse {
+  border-color: var(--moz-input-border, #e5e7eb);
+  background-color: var(--moz-cta-content-bg, #ffffff);
+}
+._pos-table-matching_18y2b_1 .collapseHeader {
+  color: var(--moz-text-primary, #111827);
+  font-family: var(--moz-font-family-title, inherit);
+}
+._pos-table-matching_18y2b_1 .collapseHeader:hover {
+  background-color: var(--moz-bg-gray-lighter, #f9fafb);
+}
+._pos-table-matching_18y2b_1 .mz-btn {
+  font-family: var(--moz-font-family-input, inherit);
+}
+._container_18y2b_33 {
+  width: 100%;
+  max-width: 800px;
+  margin: 0;
+  margin-left: 0;
+  padding: 1.5rem 2rem;
+  padding-bottom: 3rem;
+  min-height: 100%;
+  background-color: var(--moz-cta-body-bg, #f9f9f9);
+}
+._header_18y2b_44 {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 1rem;
+  gap: 1.5rem;
+  padding-bottom: 1rem;
+  border-bottom: 1px solid var(--moz-input-border, #e5e7eb);
+}
+._header_18y2b_44 h1 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  margin: 0 0 0.375rem 0;
+  color: var(--moz-text-primary, #111827);
+  letter-spacing: -0.025em;
+}
+._header_18y2b_44 ._description_18y2b_61 {
+  font-size: 0.875rem;
+  color: var(--moz-text-secondary, #6b7280);
+  margin: 0;
+  line-height: 1.5;
+}
+._summary_18y2b_68 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 1.5rem;
+  padding: 0.875rem 1rem;
+  margin-bottom: 1rem;
+  background-color: var(--moz-input-filled, #f9fafb);
+  border: 1px solid var(--moz-input-border, #e5e7eb);
+  border-radius: 6px;
+  font-size: 0.875rem;
+}
+._summaryItem_18y2b_81 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  align-items: flex-start;
+}
+._summaryLabel_18y2b_88 {
+  color: var(--moz-text-secondary, #6b7280);
+  font-size: 0.75rem;
+  font-weight: 400;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+._summaryValue_18y2b_96 {
+  color: var(--moz-text-primary, #111827);
+  font-size: 1.125rem;
+  font-weight: 600;
+  line-height: 1.2;
+}
+._summaryValueComplete_18y2b_103 {
+  color: var(--moz-success, var(--moz-cta-success, #34cc16));
+}
+._summaryDivider_18y2b_107 {
+  width: 1px;
+  height: 2rem;
+  background-color: var(--moz-input-border, #e5e7eb);
+  flex-shrink: 0;
+}
+._content_18y2b_114 {
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+  padding-bottom: 1rem;
+}
+._areaGroup_18y2b_121 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+._areaHeader_18y2b_127 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem 0;
+  margin-bottom: 0.375rem;
+  border-bottom: 1px solid var(--moz-input-border, #e5e7eb);
+}
+._areaHeader_18y2b_127 h2 {
+  font-size: 0.9375rem;
+  font-weight: 600;
+  margin: 0;
+  color: var(--moz-text-primary, #111827);
+  letter-spacing: -0.01em;
+}
+._areaHeader_18y2b_127 ._tableCount_18y2b_143 {
+  font-size: 0.75rem;
+  color: var(--moz-text-secondary, #6b7280);
+  font-weight: 400;
+}
+._areaCollapse_18y2b_149 {
+  margin-bottom: 0;
+  border: 1px solid var(--moz-input-border, #e5e7eb) !important;
+  border-radius: 6px;
+  overflow: visible !important;
+  transition: none !important;
+  transform: none !important;
+  position: relative !important;
+  will-change: auto !important;
+  box-sizing: border-box !important;
+  z-index: 1;
+}
+._areaCollapse_18y2b_149 ._card_18y2b_161 {
+  position: relative;
+  z-index: 2;
+}
+._areaCollapse_18y2b_149 > ._collapseHeader_18y2b_22,
+._areaCollapse_18y2b_149 ._collapseHeader_18y2b_22 {
+  transition: none !important;
+  transform: none !important;
+  position: relative !important;
+  will-change: auto !important;
+  top: auto !important;
+  left: auto !important;
+  margin: 0 !important;
+  padding: 1rem 0.875rem !important;
+  box-sizing: border-box !important;
+  background: transparent !important;
+  background-color: transparent !important;
+}
+._areaCollapse_18y2b_149 > ._collapseHeader_18y2b_22:hover,
+._areaCollapse_18y2b_149 ._collapseHeader_18y2b_22:hover {
+  background: transparent !important;
+  background-color: transparent !important;
+  transform: none !important;
+  translate: none !important;
+  box-shadow: none !important;
+  border: none !important;
+  outline: none !important;
+  outline-offset: 0 !important;
+  top: auto !important;
+  left: auto !important;
+  margin: 0 !important;
+  padding: 1rem 0.875rem !important;
+}
+._areaCollapse_18y2b_149 > ._collapseHeader_18y2b_22:active,
+._areaCollapse_18y2b_149 ._collapseHeader_18y2b_22:active {
+  transform: none !important;
+  box-shadow: none !important;
+  border: none !important;
+  outline: none !important;
+  outline-offset: 0 !important;
+  top: auto !important;
+  left: auto !important;
+  margin: 0 !important;
+  padding: 1rem 0.875rem !important;
+}
+._areaCollapse_18y2b_149 > ._collapseHeader_18y2b_22:focus,
+._areaCollapse_18y2b_149 ._collapseHeader_18y2b_22:focus {
+  outline: none !important;
+  outline-offset: 0 !important;
+  box-shadow: none !important;
+  border: none !important;
+  transform: none !important;
+  top: auto !important;
+  left: auto !important;
+  margin: 0 !important;
+  padding: 1rem 0.875rem !important;
+}
+._areaCollapse_18y2b_149 > ._collapseHeader_18y2b_22:focus-visible,
+._areaCollapse_18y2b_149 ._collapseHeader_18y2b_22:focus-visible {
+  outline: none !important;
+  outline-offset: 0 !important;
+  box-shadow: none !important;
+  border: none !important;
+  transform: none !important;
+  top: auto !important;
+  left: auto !important;
+  margin: 0 !important;
+  padding: 1rem 0.875rem !important;
+}
+._areaCollapse_18y2b_149 .collapseHeader--default,
+._areaCollapse_18y2b_149 > .collapseHeader--default,
+._areaCollapse_18y2b_149 ._collapseHeader_18y2b_22.collapseHeader--default {
+  transform: none !important;
+  top: auto !important;
+  left: auto !important;
+  margin: 0 !important;
+  background: transparent !important;
+  background-color: transparent !important;
+}
+._areaCollapse_18y2b_149 .collapseHeader--default:hover,
+._areaCollapse_18y2b_149 > .collapseHeader--default:hover,
+._areaCollapse_18y2b_149 ._collapseHeader_18y2b_22.collapseHeader--default:hover {
+  transform: none !important;
+  translate: none !important;
+  background: transparent !important;
+  background-color: transparent !important;
+  top: auto !important;
+  left: auto !important;
+  margin: 0 !important;
+  outline: none !important;
+  outline-offset: 0 !important;
+}
+._areaCollapse_18y2b_149 [class*="collapseHeader--default"]:hover {
+  background: transparent !important;
+  background-color: transparent !important;
+  transform: none !important;
+  translate: none !important;
+}
+._areaCollapse_18y2b_149 [class*="collapseHeader--default"]:hover,
+._areaCollapse_18y2b_149 > [class*="collapseHeader--default"]:hover {
+  background: transparent !important;
+  background-color: transparent !important;
+  transform: none !important;
+  translate: none !important;
+}
+._areaCollapse_18y2b_149 [class*="collapseHeader--default"]:active {
+  transform: none !important;
+  background: transparent !important;
+  background-color: transparent !important;
+}
+._areaCollapse_18y2b_149 [class*="collapseHeader--default"]:focus {
+  outline: none !important;
+  outline-offset: 0 !important;
+  box-shadow: none !important;
+  transform: none !important;
+  background: transparent !important;
+  background-color: transparent !important;
+}
+._areaCollapse_18y2b_149 [class*="collapseHeader--default"]:focus-visible {
+  outline: none !important;
+  outline-offset: 0 !important;
+  box-shadow: none !important;
+  transform: none !important;
+  background: transparent !important;
+  background-color: transparent !important;
+}
+._areaCollapse_18y2b_149 ._collapseTitle_18y2b_287 {
+  transition: none !important;
+  transform: none !important;
+  position: relative !important;
+  top: auto !important;
+  left: auto !important;
+}
+._areaCollapse_18y2b_149 ._collapseIcon_18y2b_294 {
+  transition: transform 0.2s ease !important;
+  transform-origin: center !important;
+}
+._areaCollapse--default_18y2b_298 {
+  border: 1px solid var(--moz-input-border, #e5e7eb) !important;
+  transform: none !important;
+}
+._areaCollapse--default_18y2b_298:hover {
+  border: 1px solid var(--moz-input-border, #e5e7eb) !important;
+  transform: none !important;
+  outline: none !important;
+  outline-offset: 0 !important;
+}
+._areaCollapse--default_18y2b_298:active {
+  border: 1px solid var(--moz-input-border, #e5e7eb) !important;
+  transform: none !important;
+  outline: none !important;
+  outline-offset: 0 !important;
+}
+._areaCollapse--default_18y2b_298:focus {
+  border: 1px solid var(--moz-input-border, #e5e7eb) !important;
+  outline: none !important;
+  outline-offset: 0 !important;
+  transform: none !important;
+}
+._areaCollapse--default_18y2b_298:focus-within {
+  border: 1px solid var(--moz-input-border, #e5e7eb) !important;
+  outline: none !important;
+  outline-offset: 0 !important;
+  transform: none !important;
+}
+._areaCollapse--default_18y2b_298:focus-within * {
+  outline: none !important;
+  outline-offset: 0 !important;
+}
+._areaCollapse_18y2b_149:focus, ._areaCollapse_18y2b_149:focus-visible, ._areaCollapse_18y2b_149:focus-within {
+  outline: none !important;
+  outline-offset: 0 !important;
+  box-shadow: none !important;
+  border: 1px solid var(--moz-input-border, #e5e7eb) !important;
+  transform: none !important;
+}
+._areaCollapse_18y2b_149:focus *, ._areaCollapse_18y2b_149:focus-visible *, ._areaCollapse_18y2b_149:focus-within * {
+  outline: none !important;
+  outline-offset: 0 !important;
+}
+._areaCollapse_18y2b_149 [tabindex]:focus,
+._areaCollapse_18y2b_149 [tabindex]:focus-visible {
+  outline: none !important;
+  outline-offset: 0 !important;
+}
+._areaCollapse_18y2b_149 [role=button]:focus,
+._areaCollapse_18y2b_149 [role=button]:focus-visible {
+  outline: none !important;
+  outline-offset: 0 !important;
+  box-shadow: none !important;
+}
+._areaCollapseHeader_18y2b_354 {
+  padding: 1rem 0.875rem;
+  min-height: 3rem;
+  font-size: 0.9375rem;
+  font-weight: 600;
+  color: var(--moz-text-primary, #111827);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+._areaCollapseContent_18y2b_366 {
+  padding: 0;
+}
+._areaCollapse_18y2b_149 ._collapseContent_18y2b_370._collapseContentOpen_18y2b_370,
+._areaCollapse_18y2b_149 ._collapseContent_18y2b_370._collapseContent--default_18y2b_371._collapseContentOpen_18y2b_370,
+._areaCollapse_18y2b_149 > ._collapseContent_18y2b_370._collapseContentOpen_18y2b_370,
+._areaCollapse_18y2b_149 > ._collapseContent_18y2b_370._collapseContent--default_18y2b_371._collapseContentOpen_18y2b_370,
+._areaCollapse_18y2b_149 div._collapseContent_18y2b_370._collapseContentOpen_18y2b_370,
+._areaCollapse_18y2b_149 div._collapseContent_18y2b_370._collapseContent--default_18y2b_371._collapseContentOpen_18y2b_370 {
+  max-height: 50000px !important;
+  height: auto !important;
+  overflow: visible !important;
+  display: block !important;
+}
+._areaCollapse_18y2b_149 ._collapseContentOpen_18y2b_370 {
+  max-height: 50000px !important;
+  height: auto !important;
+  overflow: visible !important;
+}
+._areaCollapse_18y2b_149 ._collapseContentInner_18y2b_386 {
+  border-top: none !important;
+  display: block !important;
+}
+._collapseContentOpen_18y2b_370 ._areaCollapse_18y2b_149 ._collapseContentInner_18y2b_386 {
+  opacity: 1 !important;
+  display: block !important;
+}
+._areaCollapse_18y2b_149 ._collapseContentOpen_18y2b_370,
+._areaCollapse_18y2b_149 ._collapseContent_18y2b_370._collapseContentOpen_18y2b_370,
+._areaCollapse_18y2b_149 > ._collapseContent_18y2b_370._collapseContentOpen_18y2b_370,
+._areaCollapse_18y2b_149 ._collapseContent_18y2b_370._collapseContent--default_18y2b_371._collapseContentOpen_18y2b_370 {
+  max-height: 50000px !important;
+  height: auto !important;
+  overflow: visible !important;
+  display: block !important;
+}
+._areaCollapse_18y2b_149 ._collapseContent_18y2b_370._collapseContent--default_18y2b_371._collapseContentOpen_18y2b_370,
+div._areaCollapse_18y2b_149 div._collapseContent_18y2b_370._collapseContent--default_18y2b_371._collapseContentOpen_18y2b_370,
+._areaCollapse_18y2b_149 > div._collapseContent_18y2b_370._collapseContent--default_18y2b_371._collapseContentOpen_18y2b_370 {
+  max-height: 50000px !important;
+  height: auto !important;
+  overflow: visible !important;
+}
+._areaCollapse_18y2b_149 [class*=collapseContentOpen] {
+  max-height: 50000px !important;
+  height: auto !important;
+  overflow: visible !important;
+}
+._tablesList_18y2b_419 {
+  display: flex !important;
+  flex-direction: column;
+  gap: 0.375rem;
+  overflow: visible !important;
+  max-height: none !important;
+  height: auto !important;
+}
+._loading_18y2b_428 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 400px;
+  padding: 3rem;
+  color: var(--moz-text-secondary, #6b7280);
+  font-size: 0.875rem;
+}
+._loading_18y2b_428 p {
+  margin: 0;
+}
+._error_18y2b_441,
+._emptyState_18y2b_442 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 4rem 2rem;
+  text-align: center;
+  gap: 1.5rem;
+}
+._error_18y2b_441 p,
+._emptyState_18y2b_442 p {
+  font-size: 1rem;
+  color: var(--moz-text-secondary, #6b7280);
+  margin: 0;
+}
+._error_18y2b_441 p {
+  color: var(--moz-error, var(--moz-state-error, #f83d32));
+  margin: 0.5rem 0;
+}
+._error_18y2b_441 strong {
+  font-weight: 600;
+  display: block;
+  margin-bottom: 0.5rem;
+}
+._errorHint_18y2b_468 {
+  font-size: 0.875rem;
+  color: var(--moz-text-secondary, #6b7280);
+  margin-top: 0.75rem !important;
+  line-height: 1.5;
+}
+._emptyState_18y2b_442 p {
+  font-size: 1.125rem;
+  color: var(--moz-text-primary, #111827);
+}
+@media (max-width: 768px) {
+  ._container_18y2b_33 {
+    padding: 1rem;
+  }
+  ._header_18y2b_44 {
+    flex-direction: column;
+    align-items: stretch;
+  }
+  ._header_18y2b_44 h1 {
+    font-size: 1.5rem;
+  }
+  ._areaHeader_18y2b_127 {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.5rem;
+  }
+}._card_1mhaq_1 {
+  background-color: var(--moz-bg-white, var(--moz-cta-content-bg, #ffffff));
+  border: 1px solid var(--moz-input-border, #e5e7eb);
+  border-radius: 6px;
+  padding: 0.75rem 1rem;
+  margin-bottom: 0.5rem;
+  transition: border-color 0.2s ease;
+}
+._card_1mhaq_1:hover {
+  border-color: var(--moz-primary, var(--moz-cta-primary, #ff9b00));
+}
+._cardMatched_1mhaq_14 {
+  border-color: var(--moz-success, var(--moz-cta-success, #34cc16));
+  background-color: var(--moz-success-light, #d1fae5);
+}
+._cardMatched_1mhaq_14:hover {
+  border-color: var(--moz-success-dark, #059669);
+}
+._cardActive_1mhaq_23 {
+  border-color: var(--moz-primary, var(--moz-cta-primary, #ff9b00));
+  background-color: var(--moz-primary-light, #eff6ff);
+  box-shadow: 0 0 0 2px rgba(255, 155, 0, 0.1);
+  position: relative;
+}
+._cardActive_1mhaq_23::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 3px;
+  background-color: var(--moz-primary, var(--moz-cta-primary, #ff9b00));
+  border-radius: 6px 0 0 6px;
+}
+._cardActive_1mhaq_23:hover {
+  border-color: var(--moz-primary, var(--moz-cta-primary, #ff9b00));
+  background-color: var(--moz-primary-light, #eff6ff);
+}
+._cardContent_1mhaq_45 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+._cardHeader_1mhaq_51 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+._badges_1mhaq_59 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+  flex-shrink: 0;
+}
+._statusBadge_1mhaq_67 {
+  padding: 0.25rem 0.625rem;
+  border-radius: 4px;
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  flex-shrink: 0;
+}
+._statusOpen_1mhaq_77 {
+  background-color: var(--moz-success-light, #d1fae5);
+  color: var(--moz-success, var(--moz-cta-success, #34cc16));
+}
+._statusClosed_1mhaq_82 {
+  background-color: #fee2e2;
+  color: var(--moz-danger, var(--moz-cta-danger, #ef4444));
+}
+._checkNumberBadge_1mhaq_87 {
+  background-color: var(--moz-primary-light, #eff6ff);
+  color: var(--moz-primary, var(--moz-cta-primary, #ff9b00));
+  padding: 0.25rem 0.625rem;
+  border-radius: 4px;
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+}
+._matchedBadge_1mhaq_102 {
+  background-color: var(--moz-success, var(--moz-cta-success, #34cc16));
+  color: var(--moz-success-text, var(--moz-cta-success-text, #ffffff));
+  padding: 0.25rem 0.625rem;
+  border-radius: 4px;
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+}
+._closedBadge_1mhaq_117 {
+  background-color: var(--moz-danger, var(--moz-cta-danger, #ef4444));
+  color: var(--moz-danger-text, var(--moz-cta-danger-text, #ffffff));
+  padding: 0.25rem 0.625rem;
+  border-radius: 4px;
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+}
+._additionalInfo_1mhaq_132 {
+  display: flex;
+  flex-direction: row;
+  gap: 1rem;
+  flex-wrap: wrap;
+  padding: 0.5rem 0;
+  border-top: 1px solid var(--moz-input-border, #e5e7eb);
+}
+._infoItem_1mhaq_141 {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  font-size: 0.875rem;
+  color: var(--moz-text-secondary, #6b7280);
+}
+._infoItem_1mhaq_141 span {
+  color: var(--moz-text-primary, #111827);
+  font-weight: 500;
+}
+._cardDetails_1mhaq_153 {
+  display: flex;
+  flex-direction: row;
+  gap: 1.5rem;
+  padding-top: 0.5rem;
+  border-top: 1px solid var(--moz-input-border, #e5e7eb);
+}
+._detailItem_1mhaq_161 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  flex: 1;
+}
+._detailLabel_1mhaq_168 {
+  font-size: 0.75rem;
+  color: var(--moz-text-secondary, #6b7280);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+}
+._detailValue_1mhaq_178 {
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--moz-text-primary, #111827);
+}
+._itemsSection_1mhaq_184 {
+  margin-top: 0.25rem;
+}
+._itemsCollapse_1mhaq_188 {
+  margin: 0;
+}
+._itemsCollapse_1mhaq_188 .collapseHeader {
+  padding: 0.5rem 0;
+  font-size: 0.875rem;
+  font-weight: 500;
+}
+._itemsCollapse_1mhaq_188 .collapseContentInner {
+  padding-top: 0.75rem;
+}
+._itemsList_1mhaq_200 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+._itemRow_1mhaq_206 {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.5rem;
+  background-color: var(--moz-input-filled, #f9fafb);
+  border-radius: 4px;
+  font-size: 0.875rem;
+}
+._itemInfo_1mhaq_217 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  flex: 1;
+}
+._itemQuantity_1mhaq_224 {
+  font-weight: 600;
+  color: var(--moz-text-secondary, #6b7280);
+  min-width: 2rem;
+}
+._itemName_1mhaq_230 {
+  color: var(--moz-text-primary, #111827);
+}
+._itemPrice_1mhaq_234 {
+  font-weight: 600;
+  color: var(--moz-text-primary, #111827);
+}
+._additionalAmounts_1mhaq_239 {
+  display: flex;
+  flex-direction: row;
+  gap: 1rem;
+  padding: 0.5rem;
+  background-color: var(--moz-input-filled, #f9fafb);
+  border-radius: 4px;
+  border-top: 1px solid var(--moz-input-border, #e5e7eb);
+}
+._amountItem_1mhaq_249 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  flex: 1;
+}
+._amountLabel_1mhaq_256 {
+  font-size: 0.75rem;
+  color: var(--moz-text-secondary, #6b7280);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+._amountValue_1mhaq_263 {
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--moz-text-primary, #111827);
+}
+._amountValueDiscount_1mhaq_269 {
+  color: var(--moz-success, #10b981);
+}
+._cardActions_1mhaq_273 {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  gap: 0.5rem;
+  padding-top: 0.5rem;
+  border-top: 1px solid var(--moz-input-border, #e5e7eb);
+}
+._smallIcon_1mhaq_282 {
+  width: 0.75rem !important;
+  height: 0.75rem !important;
+}
+._smallIcon_1mhaq_282 svg {
+  width: 0.75rem !important;
+  height: 0.75rem !important;
+}._card_b6cdx_1 {
+  background-color: var(--moz-bg-white, var(--moz-cta-content-bg, #ffffff));
+  border: 1px solid var(--moz-input-border, #e5e7eb);
+  border-radius: 6px;
+  padding: 0.75rem 1rem;
+  margin-bottom: 0.5rem;
+  transition: border-color 0.2s ease;
+}
+._card_b6cdx_1:hover {
+  border-color: var(--moz-primary, var(--moz-cta-primary, #ff9b00));
+}
+._cardMatched_b6cdx_14 {
+  border-color: var(--moz-success, var(--moz-cta-success, #34cc16));
+  background-color: var(--moz-success-light, #d1fae5);
+}
+._cardMatched_b6cdx_14:hover {
+  border-color: var(--moz-success-dark, #059669);
+}
+._cardContent_b6cdx_23 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+._cardHeader_b6cdx_29 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+._badges_b6cdx_37 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.5rem;
+  flex-shrink: 0;
+}
+._guestNameBadge_b6cdx_45 {
+  background-color: var(--moz-primary-light, #eff6ff);
+  color: var(--moz-primary, var(--moz-cta-primary, #ff9b00));
+  padding: 0.25rem 0.625rem;
+  border-radius: 4px;
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+}
+._additionalInfo_b6cdx_60 {
+  display: flex;
+  flex-direction: row;
+  gap: 1rem;
+  flex-wrap: wrap;
+  padding: 0.5rem 0;
+  border-top: 1px solid var(--moz-input-border, #e5e7eb);
+}
+._infoItem_b6cdx_69 {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  font-size: 0.875rem;
+  color: var(--moz-text-secondary, #6b7280);
+}
+._infoItem_b6cdx_69 span {
+  color: var(--moz-text-primary, #111827);
+  font-weight: 500;
+}
+._statusBadge_b6cdx_81 {
+  padding: 0.25rem 0.625rem;
+  border-radius: 4px;
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  flex-shrink: 0;
+}
+._statusConfirmed_b6cdx_91 {
+  background-color: var(--moz-success-light, #d1fae5);
+  color: var(--moz-success, var(--moz-cta-success, #34cc16));
+}
+._statusArrived_b6cdx_96 {
+  background-color: var(--moz-warning-light, #fef3c7);
+  color: var(--moz-warning, #f59e0b);
+}
+._statusSeated_b6cdx_101 {
+  background-color: var(--moz-primary-light, #eff6ff);
+  color: var(--moz-primary, var(--moz-cta-primary, #ff9b00));
+}
+._statusOver_b6cdx_106 {
+  background-color: var(--moz-input-filled, #f9fafb);
+  color: var(--moz-text-secondary, #6b7280);
+}
+._statusDefault_b6cdx_111 {
+  background-color: var(--moz-input-filled, #f9fafb);
+  color: var(--moz-text-secondary, #6b7280);
+}
+._cardDetails_b6cdx_116 {
+  display: flex;
+  flex-direction: row;
+  gap: 1.5rem;
+  padding-top: 0.5rem;
+  border-top: 1px solid var(--moz-input-border, #e5e7eb);
+}
+._detailItem_b6cdx_124 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  flex: 1;
+}
+._detailLabel_b6cdx_131 {
+  font-size: 0.75rem;
+  color: var(--moz-text-secondary, #6b7280);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+}
+._detailValue_b6cdx_141 {
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--moz-text-primary, #111827);
+}
+._cardActions_b6cdx_147 {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  gap: 0.5rem;
+  padding-top: 0.5rem;
+  border-top: 1px solid var(--moz-input-border, #e5e7eb);
+}._modalContent_gmmg8_1 {
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+._modalMessage_gmmg8_7 {
+  font-size: 0.875rem;
+  color: var(--moz-text-secondary, #6b7280);
+  margin: 0;
+  text-align: center;
+}
+._detailsSection_gmmg8_14 {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+._detailCard_gmmg8_20 {
+  background-color: var(--moz-input-filled, #f9fafb);
+  border: 1px solid var(--moz-input-border, #e5e7eb);
+  border-radius: 6px;
+  padding: 1rem;
+}
+._detailCardTitle_gmmg8_27 {
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--moz-text-primary, #111827);
+  margin: 0 0 0.75rem 0;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+._detailCardContent_gmmg8_36 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+._detailRow_gmmg8_42 {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  gap: 1rem;
+}
+._detailLabel_gmmg8_50 {
+  font-size: 0.75rem;
+  color: var(--moz-text-secondary, #6b7280);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+._detailValue_gmmg8_57 {
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--moz-text-primary, #111827);
+  text-align: right;
+}
+._modalActions_gmmg8_64 {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  gap: 0.75rem;
+  padding-top: 1rem;
+  border-top: 1px solid var(--moz-input-border, #e5e7eb);
+}._modalContent_187yw_1 {
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+._modalMessage_187yw_7 {
+  font-size: 0.875rem;
+  color: var(--moz-text-secondary, #6b7280);
+  margin: 0;
+  text-align: center;
+}
+._checkDetails_187yw_14 {
+  background-color: var(--moz-input-filled, #f9fafb);
+  border: 1px solid var(--moz-input-border, #e5e7eb);
+  border-radius: 6px;
+  padding: 1rem;
+}
+._checkDetailsTitle_187yw_21 {
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--moz-text-primary, #111827);
+  margin: 0 0 0.75rem 0;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+._checkDetailsContent_187yw_30 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+._detailRow_187yw_36 {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  gap: 1rem;
+}
+._detailLabel_187yw_44 {
+  font-size: 0.75rem;
+  color: var(--moz-text-secondary, #6b7280);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+._detailValue_187yw_51 {
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--moz-text-primary, #111827);
+  text-align: right;
+}
+._modalActions_187yw_58 {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  gap: 0.75rem;
+  padding-top: 1rem;
+  border-top: 1px solid var(--moz-input-border, #e5e7eb);
+}._modalContent_1b80d_1 {
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+._modalMessage_1b80d_7 {
+  margin: 0;
+  font-size: 0.875rem;
+  color: var(--moz-text-secondary, #6b7280);
+}
+._reservationInfo_1b80d_13 {
+  padding: 1rem;
+  background-color: var(--moz-input-filled, #f9fafb);
+  border-radius: 6px;
+  border: 1px solid var(--moz-input-border, #e5e7eb);
+}
+._reservationTitle_1b80d_20 {
+  margin: 0 0 0.75rem 0;
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--moz-text-primary, #111827);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+._reservationDetails_1b80d_29 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+._reservationRow_1b80d_35 {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+._reservationLabel_1b80d_42 {
+  font-size: 0.75rem;
+  color: var(--moz-text-secondary, #6b7280);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+._reservationValue_1b80d_49 {
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--moz-text-primary, #111827);
+}
+._checksList_1b80d_55 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+._checksTitle_1b80d_61 {
+  margin: 0;
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--moz-text-primary, #111827);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+._checksContainer_1b80d_70 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  max-height: 300px;
+  overflow-y: auto;
+  padding-right: 0.5rem;
+}
+._checkItem_1b80d_79 {
+  padding: 0.75rem 1rem;
+  background-color: var(--moz-bg-white, #ffffff);
+  border: 1px solid var(--moz-input-border, #e5e7eb);
+  border-radius: 6px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+._checkItem_1b80d_79:hover {
+  border-color: var(--moz-primary, #3b82f6);
+  background-color: var(--moz-primary-light, #eff6ff);
+}
+._checkItemSelected_1b80d_93 {
+  border-color: var(--moz-primary, #3b82f6);
+  background-color: var(--moz-primary-light, #eff6ff);
+}
+._checkHeader_1b80d_98 {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 0.5rem;
+}
+._checkNumberBadge_1b80d_106 {
+  background-color: var(--moz-primary-light, #eff6ff);
+  color: var(--moz-primary, #3b82f6);
+  padding: 0.25rem 0.625rem;
+  border-radius: 4px;
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+}
+._checkTotal_1b80d_120 {
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--moz-text-primary, #111827);
+}
+._checkDetails_1b80d_126 {
+  display: flex;
+  flex-direction: row;
+  gap: 1rem;
+  flex-wrap: wrap;
+}
+._checkDetail_1b80d_126 {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  font-size: 0.75rem;
+  color: var(--moz-text-secondary, #6b7280);
+}
+._emptyChecks_1b80d_141 {
+  padding: 2rem 1rem;
+  text-align: center;
+  color: var(--moz-text-secondary, #6b7280);
+  font-size: 0.875rem;
+}
+._modalActions_1b80d_148 {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  gap: 0.5rem;
+  padding-top: 1rem;
+  border-top: 1px solid var(--moz-input-border, #e5e7eb);
+}._modalContent_1pfvv_1 {
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+._modalMessage_1pfvv_7 {
+  margin: 0;
+  font-size: 0.875rem;
+  color: var(--moz-text-secondary, #6b7280);
+  line-height: 1.5;
+}
+._checkInfo_1pfvv_14 {
+  padding: 1rem;
+  background-color: var(--moz-input-filled, #f9fafb);
+  border-radius: 6px;
+  border: 1px solid var(--moz-input-border, #e5e7eb);
+}
+._checkTitle_1pfvv_21 {
+  margin: 0 0 0.75rem 0;
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--moz-text-primary, #111827);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+._checkDetails_1pfvv_30 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+._checkRow_1pfvv_36 {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+._checkLabel_1pfvv_43 {
+  font-size: 0.75rem;
+  color: var(--moz-text-secondary, #6b7280);
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+._checkValue_1pfvv_50 {
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--moz-text-primary, #111827);
+}
+._modalActions_1pfvv_56 {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  gap: 0.5rem;
+  padding-top: 1rem;
+  border-top: 1px solid var(--moz-input-border, #e5e7eb);
+}._pos-check-matching_179sy_1 .mz-tabs {
+  border-bottom-color: var(--moz-input-border, #e5e7eb);
+}
+._pos-check-matching_179sy_1 .mz-tab {
+  color: var(--moz-text-secondary, #6b7280);
+  font-family: var(--moz-font-family-label, inherit);
+  font-size: var(--moz-font-size-label, 0.857rem);
+}
+._pos-check-matching_179sy_1 .mz-tab--active {
+  color: var(--moz-text-primary, #111827);
+  border-bottom-color: var(--moz-cta-primary, #ff9b00);
+  font-weight: bold;
+}
+._pos-check-matching_179sy_1 .mz-tab:hover {
+  color: var(--moz-text-primary, #111827);
+}
+._pos-check-matching_179sy_1 .mz-btn {
+  font-family: var(--moz-font-family-input, inherit);
+}
+._pos-check-matching_179sy_1 .mz-btn--primary {
+  background-color: var(--moz-cta-primary, #ff9b00);
+  color: var(--moz-cta-primary-text, #ffffff);
+}
+._pos-check-matching_179sy_1 .mz-btn--primary:hover {
+  background-color: var(--moz-cta-primary-hover, rgba(255, 155, 0, 0.7));
+  color: var(--moz-cta-primary-text-hover, #1e155a);
+}
+._pos-check-matching_179sy_1 .mz-btn--secondary {
+  background-color: var(--moz-cta-secondary, #1e155a);
+  color: var(--moz-cta-secondary-text, #ffffff);
+}
+._pos-check-matching_179sy_1 .mz-btn--secondary:hover {
+  background-color: var(--moz-cta-secondary-hover, rgba(30, 21, 90, 0.75));
+  color: var(--moz-cta-secondary-text-hover, #ffffff);
+}
+._pos-check-matching_179sy_1 .mz-btn--danger {
+  background-color: var(--moz-cta-danger, #f83d32);
+  color: var(--moz-cta-danger-text, #ffffff);
+}
+._pos-check-matching_179sy_1 .mz-btn--danger:hover {
+  background-color: var(--moz-cta-danger-hover, #e12015);
+  color: var(--moz-cta-danger-text-hover, #ffffff);
+}
+._container_179sy_45 {
+  width: 100%;
+  max-width: 1400px;
+  margin: 0;
+  margin-left: 0;
+  padding: 1.5rem 2rem;
+  padding-bottom: 30px;
+  min-height: 100%;
+  background-color: var(--moz-cta-body-bg, #f9f9f9);
+}
+._header_179sy_56 {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 0.75rem;
+  gap: 1.5rem;
+  padding-bottom: 0.75rem;
+  border-bottom: 1px solid var(--moz-input-border, #e5e7eb);
+}
+._header_179sy_56 h1 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  margin: 0 0 0.375rem 0;
+  color: var(--moz-text-primary, #111827);
+  letter-spacing: -0.025em;
+}
+._header_179sy_56 ._description_179sy_73 {
+  font-size: 0.875rem;
+  color: var(--moz-text-secondary, #6b7280);
+  margin: 0;
+  line-height: 1.5;
+}
+._dateFilter_179sy_80 {
+  min-width: 200px;
+  flex-shrink: 0;
+}
+._tableFilter_179sy_85 {
+  min-width: 200px;
+  flex-shrink: 0;
+}
+._summary_179sy_90 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 1.5rem;
+  padding: 0.875rem 1rem;
+  margin-bottom: 1.5rem;
+  background-color: var(--moz-input-filled, #f9fafb);
+  border: 1px solid var(--moz-input-border, #e5e7eb);
+  border-radius: 6px;
+  font-size: 0.875rem;
+}
+._summaryItem_179sy_103 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  align-items: flex-start;
+}
+._summaryLabel_179sy_110 {
+  color: var(--moz-text-secondary, #6b7280);
+  font-size: 0.75rem;
+  font-weight: 400;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+._summaryValue_179sy_118 {
+  color: var(--moz-text-primary, #111827);
+  font-size: 1.125rem;
+  font-weight: 600;
+  line-height: 1.2;
+}
+._summarySubtext_179sy_125 {
+  font-size: 0.75rem;
+  color: var(--moz-text-secondary, #6b7280);
+  margin-left: 0.5rem;
+  font-weight: 400;
+}
+._summaryDivider_179sy_132 {
+  width: 1px;
+  height: 2rem;
+  background-color: var(--moz-input-border, #e5e7eb);
+  flex-shrink: 0;
+}
+._content_179sy_139 {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 2rem;
+  align-items: flex-start;
+}
+._column_179sy_146 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+._columnTabsWrapper_179sy_152 {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+}
+._columnHeader_179sy_158 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-bottom: 0.5rem;
+  margin-bottom: 0;
+}
+._columnTitle_179sy_166 {
+  font-size: 1rem;
+  font-weight: 600;
+  color: var(--moz-text-primary, #111827);
+  margin: 0;
+  font-family: var(--moz-font-family-title, inherit);
+  letter-spacing: -0.01em;
+}
+._columnCount_179sy_175 {
+  font-size: 0.875rem;
+  color: var(--moz-text-secondary, #6b7280);
+  font-weight: 400;
+}
+._cardsList_179sy_181 {
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  max-height: calc(100vh - 220px);
+  overflow-y: auto;
+  padding-right: 0.5rem;
+}
+._emptyColumn_179sy_190 {
+  padding: 2rem 1rem;
+  text-align: center;
+  color: var(--moz-text-secondary, #6b7280);
+  font-size: 0.875rem;
+}
+._emptyState_179sy_197 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 400px;
+  padding: 3rem;
+}
+._emptyStateContent_179sy_206 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1rem;
+  text-align: center;
+}
+._emptyStateIcon_179sy_214 {
+  width: 4rem;
+  height: 4rem;
+  border-radius: 50%;
+  background-color: var(--moz-success-light, #d1fae5);
+  color: var(--moz-success, var(--moz-cta-success, #34cc16));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 2rem;
+  font-weight: 600;
+  margin-bottom: 0.5rem;
+}
+._emptyStateContent_179sy_206 h2 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  color: var(--moz-text-primary, #111827);
+  margin: 0;
+}
+._emptyStateContent_179sy_206 p {
+  font-size: 1rem;
+  color: var(--moz-text-secondary, #6b7280);
+  margin: 0;
+}
+._loading_179sy_241 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 400px;
+  padding: 3rem;
+  color: var(--moz-text-secondary, #6b7280);
+  font-size: 0.875rem;
+}
+._error_179sy_251 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 400px;
+  padding: 3rem;
+  text-align: center;
+  color: var(--moz-error, var(--moz-state-error, #f83d32));
+  font-size: 0.875rem;
+}
+._errorDetail_179sy_263 {
+  margin-top: 0.5rem;
+  font-size: 0.75rem;
+  color: var(--moz-text-secondary, #6b7280);
+}
+@media (max-width: 1024px) {
+  ._content_179sy_139 {
+    grid-template-columns: 1fr;
+    gap: 2rem;
+  }
+  ._cardsList_179sy_181 {
+    max-height: none;
+  }
 }