/* ==========================================================================
   WALNUT - premium brown & white theme with neumorphism for UltimatePOS
   Revision 4  (Phase 1: UI)  -  palette: Mahogany #35261E, Espresso #4B2A07,
   Cafe #6C3813, Caramel #AB7843, Almond #B8957F, Cream #EDEAE3.
   Loaded AFTER app.css, so it overrides Bootstrap 3 / AdminLTE / Tailwind.
   No Tailwind rebuild is needed. Delete this file's <link> to roll back.
   ========================================================================== */

:root {
  --pm-font: 'Manrope', 'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --pm-mahogany: #35261E;
  --pm-espresso: #4B2A07;
  --pm-cafe: #6C3813;
  --pm-caramel: #AB7843;
  --pm-almond: #B8957F;
  --pm-cream: #EDEAE3;
  --pm-cream-200: #E5DCD3;
  --pm-almond-soft: #DACCC0;
  --pm-almond-hi: #C8AE9D;
  --pm-cafe-hi: #845025;
  --pm-caramel-hi: #BF9A73;
  --pm-caramel-dk: #895D2E;
  --pm-mahogany-hi: #423128;
  --pm-mahogany-deep: #291E17;
  --pm-ink-2: #523E33;
  --pm-muted: #6C5547;
  --pm-placeholder: #7D6353;
  --pm-line: #D7C6B9;
  --pm-line-strong: #C8AE9D;
  --pm-ink: #35261E;
  --pm-success: #2F7D5B;
  --pm-danger: #B3382C;
  --pm-r: 14px;
  --pm-r-lg: 20px;
  --pm-ease: cubic-bezier(.2, .7, .2, 1);
  --pm-ring: 0 0 0 3px rgba(171, 120, 67, .38);

  /* Neumorphism on Cream: a warm dark shadow (bottom-right) and a white highlight (top-left) */
  --nm-dark: rgba(108, 56, 19, .24);
  --nm-light: rgba(255, 255, 255, .92);
  --nm-raised-lg: 12px 12px 28px var(--nm-dark), -10px -10px 26px var(--nm-light);
  --nm-raised: 7px 7px 16px var(--nm-dark), -6px -6px 14px var(--nm-light);
  --nm-raised-sm: 4px 4px 9px var(--nm-dark), -3px -3px 8px var(--nm-light);
  --nm-inset: inset 5px 5px 11px var(--nm-dark), inset -4px -4px 10px var(--nm-light);
  --nm-inset-sm: inset 3px 3px 7px var(--nm-dark), inset -2px -2px 6px var(--nm-light);

  /* Neumorphism on Mahogany (sidebar / top bar) */
  --nmd-raised: 5px 5px 12px rgba(0, 0, 0, .45), -3px -3px 9px rgba(255, 255, 255, .05);
  --nmd-inset: inset 3px 3px 8px rgba(0, 0, 0, .5), inset -2px -2px 6px rgba(255, 255, 255, .04);
}

/* ---------- Base ---------- */
html body {
  font-family: var(--pm-font) !important;
  color: var(--pm-ink);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-numeric: tabular-nums;
}
input, select, textarea, button, .btn, .form-control, .select2-container, .dropdown-menu,
.modal-content, .swal-modal, .popover, .tooltip, table, .daterangepicker, .datepicker {
  font-family: var(--pm-font);
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 700; letter-spacing: -.01em; color: inherit; }
a { color: var(--pm-cafe); transition: color .15s var(--pm-ease); }
a:hover, a:focus { color: var(--pm-espresso); }
::selection { background: rgba(171, 120, 67, .38); color: var(--pm-mahogany); }
hr { border-top-color: var(--pm-line); }
* { scrollbar-width: thin; scrollbar-color: var(--pm-almond) transparent; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb { background: var(--pm-almond); border-radius: 10px; border: 3px solid transparent; background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover { background: var(--pm-caramel); background-clip: padding-box; border: 3px solid transparent; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 2px solid var(--pm-caramel); outline-offset: 2px; }

/* legacy AdminLTE wrappers: the page is cream, everything else is moulded out of it */
.content-wrapper, .right-side, .main-footer { background-color: var(--pm-cream); }
.main-footer { border-top: 1px solid var(--pm-line); color: var(--pm-muted); }
.content-header > h1 { font-size: 22px; font-weight: 800; letter-spacing: -.02em; color: var(--pm-mahogany); }
.content-header > h1 > small { color: var(--pm-muted); font-size: 13px; font-weight: 500; }
.text-muted { color: var(--pm-muted); }

/* ---------- Neumorphic utilities (reuse these in the HR / Payroll / Events phases) ---------- */
.pm-nm        { background: var(--pm-cream); border-radius: var(--pm-r-lg); box-shadow: var(--nm-raised); }
.pm-nm-sm     { background: var(--pm-cream); border-radius: var(--pm-r); box-shadow: var(--nm-raised-sm); }
.pm-nm-inset  { background: var(--pm-cream); border-radius: var(--pm-r); box-shadow: var(--nm-inset); }
.pm-nm-press:active { box-shadow: var(--nm-inset-sm); }

/* ---------- Buttons ---------- */
.btn {
  font-weight: 600; border-radius: var(--pm-r); padding: 7px 15px; border: 1px solid transparent; letter-spacing: .005em;
  box-shadow: var(--nm-raised-sm); text-shadow: none;
  transition: background-color .18s var(--pm-ease), box-shadow .18s var(--pm-ease), transform .18s var(--pm-ease), color .18s var(--pm-ease);
}
.btn:active, .btn.active { transform: translateY(1px); box-shadow: var(--nm-inset-sm); }
.btn:focus-visible { outline: none; box-shadow: var(--nm-raised-sm), var(--pm-ring); }
.btn-flat { border-radius: var(--pm-r) !important; }
/* Bootstrap paints a coloured border on hover / focus / active; neumorphic buttons have none */
.btn, .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.focus, .open > .dropdown-toggle.btn { border-color: transparent !important; }
.btn-xs { padding: 2px 9px; border-radius: 8px; font-size: 12px; }
.btn-sm { padding: 5px 12px; border-radius: 10px; font-size: 13px; }
.btn-lg { padding: 11px 24px; border-radius: 14px; font-size: 16px; }

.btn-default { background: var(--pm-cream); color: var(--pm-mahogany); }
.btn-default:hover, .btn-default:focus, .btn-default.focus { background: var(--pm-cream); color: var(--pm-cafe); }
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background: var(--pm-cream); color: var(--pm-cafe); box-shadow: var(--nm-inset-sm); }

.btn-primary { background: linear-gradient(145deg, var(--pm-cafe-hi) 0%, var(--pm-cafe) 55%, var(--pm-espresso) 130%); color: #fff;
  box-shadow: 4px 4px 10px rgba(75, 42, 7, .38), -3px -3px 8px rgba(255, 255, 255, .75), inset 0 1px 0 rgba(255, 255, 255, .18); }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus { background: linear-gradient(145deg, var(--pm-caramel) 0%, var(--pm-cafe) 70%); color: #fff; }
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .btn-primary:active:hover, .btn-primary:active:focus {
  background: var(--pm-cafe); color: #fff; box-shadow: inset 3px 3px 8px rgba(0, 0, 0, .38), inset -2px -2px 6px rgba(255, 255, 255, .12); }

.btn-success { background: linear-gradient(145deg, #3F9470 0%, var(--pm-success) 100%); color: #fff;
  box-shadow: 4px 4px 10px rgba(47, 125, 91, .32), -3px -3px 8px rgba(255, 255, 255, .75); }
.btn-success:hover, .btn-success:focus, .btn-success.focus { background: #358A66; color: #fff; }
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { background: #2A7050; color: #fff; box-shadow: inset 3px 3px 8px rgba(0, 0, 0, .3); }

.btn-danger { background: linear-gradient(145deg, #C54A3E 0%, var(--pm-danger) 100%); color: #fff;
  box-shadow: 4px 4px 10px rgba(179, 56, 44, .32), -3px -3px 8px rgba(255, 255, 255, .75); }
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus { background: #C2463A; color: #fff; }
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background: #99291F; color: #fff; box-shadow: inset 3px 3px 8px rgba(0, 0, 0, .3); }

.btn-warning { background: linear-gradient(145deg, var(--pm-caramel-hi) 0%, var(--pm-caramel) 100%); color: var(--pm-mahogany-deep); font-weight: 700;
  box-shadow: 4px 4px 10px rgba(171, 120, 67, .42), -3px -3px 8px rgba(255, 255, 255, .75), inset 0 1px 0 rgba(255, 255, 255, .35); }
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus { background: var(--pm-caramel-hi); color: var(--pm-mahogany-deep); }
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { background: var(--pm-caramel); color: var(--pm-mahogany-deep); box-shadow: inset 3px 3px 8px rgba(75, 42, 7, .4); }

.btn-info { background: linear-gradient(145deg, var(--pm-almond-hi) 0%, var(--pm-almond) 100%); color: var(--pm-mahogany);
  box-shadow: 4px 4px 10px rgba(184, 149, 127, .5), -3px -3px 8px rgba(255, 255, 255, .75); }
.btn-info:hover, .btn-info:focus, .btn-info.focus { background: var(--pm-almond-hi); color: var(--pm-mahogany); }
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background: var(--pm-almond); color: var(--pm-mahogany); box-shadow: inset 3px 3px 8px rgba(75, 42, 7, .3); }

.btn-link { color: var(--pm-cafe); box-shadow: none; background: transparent; border-color: transparent; }
.btn-link:hover { color: var(--pm-espresso); background: transparent; box-shadow: var(--nm-raised-sm); }
.btn[disabled], .btn.disabled, fieldset[disabled] .btn { opacity: .5; box-shadow: none; }
.btn-group > .btn, .btn-group-vertical > .btn { box-shadow: var(--nm-raised-sm); }
.btn-group .btn.active, .btn-group .btn:active { box-shadow: var(--nm-inset-sm); }

.tw-dw-btn-primary { background-color: var(--pm-cafe) !important; border-color: var(--pm-cafe) !important; color: #fff !important; box-shadow: var(--nm-raised-sm); }
.tw-dw-btn-primary:hover { background-color: var(--pm-espresso) !important; border-color: var(--pm-espresso) !important; }
.tw-dw-btn-info { background-color: var(--pm-almond) !important; border-color: var(--pm-almond) !important; color: var(--pm-mahogany) !important; }
.tw-dw-btn-outline.tw-dw-btn-primary { background-color: transparent !important; color: var(--pm-cafe) !important; box-shadow: var(--nm-raised-sm); }
.tw-dw-btn-outline.tw-dw-btn-primary:hover { background-color: var(--pm-cafe) !important; color: #fff !important; }

/* ---------- Forms: every field is pressed INTO the surface ---------- */
label { font-weight: 600; color: var(--pm-ink-2); font-size: 13px; }
.form-control {
  height: 40px; padding: 7px 14px; color: var(--pm-mahogany); background-color: var(--pm-cream);
  border: 1px solid transparent; border-radius: var(--pm-r); box-shadow: var(--nm-inset-sm);
  transition: box-shadow .15s var(--pm-ease), border-color .15s var(--pm-ease);
}
.form-control::placeholder { color: var(--pm-placeholder); }
.form-control:focus { border-color: var(--pm-caramel); box-shadow: var(--nm-inset-sm), var(--pm-ring); outline: 0; }
textarea.form-control { height: auto; }
.input-sm, .input-group-sm > .form-control { height: 34px; border-radius: 10px; padding: 4px 11px; font-size: 13px; }
select.input-sm { height: 34px; line-height: 1.2; }
.input-lg { height: 48px; border-radius: 14px; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: var(--pm-cream-200); color: var(--pm-muted); box-shadow: none; }
.input-group .input-group-addon, .input-group-addon { background: var(--pm-cream); border: 1px solid transparent; color: var(--pm-cafe); border-radius: var(--pm-r); box-shadow: var(--nm-raised-sm); }
.input-group .input-group-addon:first-child { border-radius: var(--pm-r) 0 0 var(--pm-r); }
.input-group .input-group-addon:last-child { border-radius: 0 var(--pm-r) var(--pm-r) 0; }
.input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; }
.has-error .form-control { border-color: var(--pm-danger); }
.has-error .help-block, .has-error .control-label { color: var(--pm-danger); }
.help-block { color: var(--pm-muted); }

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  border: 1px solid transparent; border-radius: var(--pm-r); min-height: 40px; background: var(--pm-cream); box-shadow: var(--nm-inset-sm);
}
.select2-container--default .select2-selection--single { height: 40px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px; padding-left: 14px; color: var(--pm-mahogany); }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 38px; right: 6px; }
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single { border-color: var(--pm-caramel); box-shadow: var(--nm-inset-sm), var(--pm-ring); }
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: var(--pm-cream); border: 0; color: var(--pm-espresso); border-radius: 9px; box-shadow: var(--nm-raised-sm); }
.select2-dropdown { background: var(--pm-cream); border: 0; border-radius: 14px; box-shadow: var(--nm-raised); overflow: hidden; }
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--pm-cafe); color: #fff; }
.select2-container--default .select2-results__option[aria-selected=true] { background-color: var(--pm-almond-soft); color: var(--pm-espresso); }
.select2-container--default .select2-search--dropdown .select2-search__field { border-radius: 10px; border: 1px solid transparent; background: var(--pm-cream); box-shadow: var(--nm-inset-sm); }

/* ---------- Tables & DataTables ---------- */
.table { color: var(--pm-mahogany); background: transparent; }
.table > thead > tr > th {
  background: rgba(184, 149, 127, .18); color: var(--pm-espresso); font-weight: 700; font-size: 12.5px; letter-spacing: .02em;
  padding: 12px; border-bottom: 1px solid var(--pm-line-strong); white-space: nowrap;
}
.table > tbody > tr > td, .table > tfoot > tr > td, .table > tfoot > tr > th { padding: 10px 12px; border-top: 1px solid var(--pm-line); vertical-align: middle; }
.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-color: var(--pm-line); }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, .38); }
.table-hover > tbody > tr:hover, table.dataTable tbody tr:hover { background-color: rgba(171, 120, 67, .12); }
.table > tfoot > tr { background: rgba(184, 149, 127, .18); font-weight: 700; }
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { color: var(--pm-cafe); }
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {
  border: 1px solid transparent; border-radius: 12px; height: 36px; padding: 0 12px; background: var(--pm-cream); box-shadow: var(--nm-inset-sm); }
.dataTables_wrapper .dataTables_filter input:focus, .dataTables_wrapper .dataTables_length select:focus { outline: 0; border-color: var(--pm-caramel); box-shadow: var(--nm-inset-sm), var(--pm-ring); }
.dataTables_info, .dataTables_length, .dataTables_filter { color: var(--pm-muted); font-size: 13px; }
.dt-buttons .btn, .dt-buttons a.dt-button { border-radius: 10px; }
.pagination > li > a, .pagination > li > span { color: var(--pm-cafe); background: var(--pm-cream); border: 0; margin: 0 3px; border-radius: 10px; box-shadow: var(--nm-raised-sm); }
.pagination > li:first-child > a, .pagination > li:last-child > a { border-radius: 10px; }
.pagination > li > a:hover, .pagination > li > span:hover { background: var(--pm-cream); color: var(--pm-espresso); box-shadow: var(--nm-raised); }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus { background: var(--pm-cafe); color: #fff; box-shadow: inset 2px 2px 6px rgba(0, 0, 0, .35); }
.pagination > .disabled > a, .pagination > .disabled > span { color: var(--pm-almond); box-shadow: none; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current { background: var(--pm-cafe) !important; color: #fff !important; border: 0 !important; border-radius: 10px; box-shadow: inset 2px 2px 6px rgba(0, 0, 0, .35); }

/* ---------- Boxes, tabs, panels: raised slabs ---------- */
.box { background: var(--pm-cream); border: 0; border-radius: var(--pm-r-lg); box-shadow: var(--nm-raised); }
.box.box-primary { box-shadow: var(--nm-raised), inset 0 3px 0 var(--pm-cafe); }
.box.box-info    { box-shadow: var(--nm-raised), inset 0 3px 0 var(--pm-almond); }
.box.box-success { box-shadow: var(--nm-raised), inset 0 3px 0 var(--pm-success); }
.box.box-warning { box-shadow: var(--nm-raised), inset 0 3px 0 var(--pm-caramel); }
.box.box-danger  { box-shadow: var(--nm-raised), inset 0 3px 0 var(--pm-danger); }
.box.box-primary, .box.box-info, .box.box-success, .box.box-warning, .box.box-danger, .box.box-solid.box-primary { border-top-color: transparent; }
.box.box-solid > .box-header { background: linear-gradient(145deg, var(--pm-cafe-hi), var(--pm-cafe)); color: #fff; border-radius: 17px 17px 0 0; }
.box-header { padding: 15px 20px; border-bottom: 1px solid var(--pm-line); }
.box-header.with-border { border-bottom: 1px solid var(--pm-line); }
.box-title { font-size: 15px; font-weight: 700; color: var(--pm-mahogany); }
.box-body { padding: 20px; }
.box-footer { background: rgba(184, 149, 127, .12); border-top: 1px solid var(--pm-line); border-radius: 0 0 17px 17px; }
.panel { background: var(--pm-cream); border: 0; border-radius: var(--pm-r-lg); box-shadow: var(--nm-raised); }
.panel-default > .panel-heading { background: rgba(184, 149, 127, .18); border-color: var(--pm-line); border-radius: 17px 17px 0 0; font-weight: 700; color: var(--pm-espresso); }
.panel-primary > .panel-heading { background: var(--pm-cafe); border-color: var(--pm-cafe); color: #fff; }
.well { background: var(--pm-cream); border: 0; border-radius: var(--pm-r-lg); box-shadow: var(--nm-inset); }

.nav-tabs-custom { border-radius: var(--pm-r-lg); box-shadow: var(--nm-raised); border: 0; overflow: hidden; background: var(--pm-cream); }
.nav-tabs-custom > .tab-content, .tab-content { background: transparent; }
.nav-tabs-custom > .nav-tabs { border-bottom-color: var(--pm-line); margin: 0; background: rgba(184, 149, 127, .12); }
.nav-tabs-custom > .nav-tabs > li { margin-right: 0; }
.nav-tabs-custom > .nav-tabs > li > a { color: var(--pm-muted); font-weight: 600; padding: 13px 20px; }
.nav-tabs-custom > .nav-tabs > li.active { border-top-color: var(--pm-caramel); }
.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a { color: var(--pm-cafe); background: var(--pm-cream); }
.nav-tabs-custom > .nav-tabs > li:hover > a { color: var(--pm-cafe); }
.nav-tabs > li > a { border-radius: 12px 12px 0 0; font-weight: 600; color: var(--pm-ink-2); }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: var(--pm-cafe); background: var(--pm-cream); border-color: var(--pm-line) var(--pm-line) transparent; }
.nav-pills > li > a { border-radius: 12px; font-weight: 600; color: var(--pm-ink-2); box-shadow: var(--nm-raised-sm); margin: 0 6px 6px 0; background: var(--pm-cream); }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background: var(--pm-cafe); color: #fff; box-shadow: inset 2px 2px 6px rgba(0, 0, 0, .35); }
.nav > li > a:hover, .nav > li > a:focus { background: rgba(171, 120, 67, .12); }

.small-box, .info-box { border-radius: var(--pm-r-lg); box-shadow: var(--nm-raised); }
.info-box { background: var(--pm-cream); }
.info-box-icon { border-radius: var(--pm-r-lg) 0 0 var(--pm-r-lg); }

/* ---------- Colour utility classes from AdminLTE / Bootstrap (no blue) ---------- */
.bg-aqua, .bg-light-blue, .bg-blue, .bg-primary, .callout-info { background-color: var(--pm-cafe) !important; color: #fff !important; }
.bg-teal { background-color: var(--pm-caramel) !important; color: var(--pm-mahogany-deep) !important; }
.bg-navy { background-color: var(--pm-espresso) !important; color: #fff !important; }
.bg-purple, .bg-maroon { background-color: var(--pm-mahogany) !important; color: #fff !important; }
.bg-green { background-color: var(--pm-success) !important; color: #fff !important; }
.bg-yellow, .bg-orange { background-color: var(--pm-caramel) !important; color: var(--pm-mahogany-deep) !important; }
.bg-red { background-color: var(--pm-danger) !important; color: #fff !important; }
.bg-gray { background-color: var(--pm-almond-soft) !important; color: var(--pm-mahogany) !important; }
.text-aqua, .text-light-blue, .text-blue, .text-primary, .text-info { color: var(--pm-cafe) !important; }
.text-green, .text-success { color: var(--pm-success) !important; }
.text-yellow, .text-warning { color: var(--pm-caramel-dk) !important; }
.text-red, .text-danger { color: var(--pm-danger) !important; }
.text-navy, .text-purple, .text-maroon { color: var(--pm-mahogany) !important; }

.label, .badge { border-radius: 999px; font-weight: 600; padding: .35em .8em; letter-spacing: .01em; box-shadow: var(--nm-raised-sm); }
.label-default, .badge { background-color: var(--pm-cream); color: var(--pm-espresso); }
.label-primary { background-color: var(--pm-cafe) !important; color: #fff; }
.label-info { background-color: var(--pm-almond) !important; color: var(--pm-mahogany); }
.label-success { background-color: var(--pm-success) !important; color: #fff; }
.label-warning { background-color: var(--pm-caramel) !important; color: var(--pm-mahogany-deep); }
.label-danger { background-color: var(--pm-danger) !important; color: #fff; }

.alert { border-radius: 14px; border: 0; box-shadow: var(--nm-inset-sm); }
.alert-info, .alert-success, .alert-warning, .alert-danger, .alert-error { color: var(--pm-mahogany) !important; background-color: var(--pm-cream) !important; }
.alert-info    { box-shadow: var(--nm-inset-sm), inset 4px 0 0 var(--pm-almond) !important; }
.alert-success { box-shadow: var(--nm-inset-sm), inset 4px 0 0 var(--pm-success) !important; }
.alert-warning { box-shadow: var(--nm-inset-sm), inset 4px 0 0 var(--pm-caramel) !important; }
.alert-danger, .alert-error { box-shadow: var(--nm-inset-sm), inset 4px 0 0 var(--pm-danger) !important; }
.alert a { color: var(--pm-cafe); font-weight: 700; }
.callout { border-radius: 14px; }
.progress { border-radius: 999px; background: var(--pm-cream); box-shadow: var(--nm-inset-sm); }
.progress-bar, .progress-bar-primary { background-color: var(--pm-cafe); }
.progress-bar-success { background-color: var(--pm-success); }
.progress-bar-warning { background-color: var(--pm-caramel); }
.progress-bar-danger { background-color: var(--pm-danger); }

/* ---------- Dropdowns, modals, popovers, tooltips ---------- */
.dropdown-menu { background: var(--pm-cream); border: 0; border-radius: 16px; box-shadow: var(--nm-raised); padding: 8px; }
.dropdown-menu > li > a { border-radius: 10px; padding: 8px 12px; color: var(--pm-ink-2); font-weight: 500; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: var(--pm-cream); color: var(--pm-cafe); box-shadow: var(--nm-inset-sm); }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover { background: var(--pm-cafe); color: #fff; box-shadow: none; }
.dropdown-menu .divider { background-color: var(--pm-line); }

.modal-backdrop { background-color: var(--pm-mahogany); }
.modal-backdrop.in { opacity: .6; }
.modal-content { background: var(--pm-cream); border: 0; border-radius: 22px; box-shadow: var(--nm-raised-lg); overflow: hidden; }
.modal-header { padding: 18px 24px; border-bottom: 1px solid var(--pm-line); }
.modal-title { font-weight: 700; font-size: 17px; color: var(--pm-mahogany); }
.modal-body { padding: 22px 24px; }
.modal-footer { padding: 16px 24px; border-top: 1px solid var(--pm-line); background: rgba(184, 149, 127, .12); }
.close { opacity: .55; text-shadow: none; color: var(--pm-mahogany); transition: opacity .15s; }
.close:hover { opacity: .95; color: var(--pm-cafe); }
.popover { background: var(--pm-cream); border: 0; border-radius: 16px; box-shadow: var(--nm-raised); padding: 0; }
.popover-title { background: rgba(184, 149, 127, .18); border-bottom: 1px solid var(--pm-line); border-radius: 16px 16px 0 0; font-weight: 700; }
.tooltip-inner { background-color: var(--pm-mahogany); border-radius: 10px; padding: 6px 11px; font-weight: 500; }
.tooltip.top .tooltip-arrow { border-top-color: var(--pm-mahogany); }
.tooltip.bottom .tooltip-arrow { border-bottom-color: var(--pm-mahogany); }
.tooltip.left .tooltip-arrow { border-left-color: var(--pm-mahogany); }
.tooltip.right .tooltip-arrow { border-right-color: var(--pm-mahogany); }

/* ---------- Date pickers, autocomplete, toasts, SweetAlert ---------- */
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled,
.datepicker table tr td span.active, .datepicker table tr td span.active:hover { background-color: var(--pm-cafe) !important; background-image: none !important; color: #fff !important; text-shadow: none; }
.datepicker table tr td.today { background-color: var(--pm-almond-soft) !important; background-image: none !important; }
.datepicker table tr td:hover, .datepicker table tr td span:hover { background: rgba(171, 120, 67, .18); }
.datepicker.dropdown-menu, .daterangepicker { background: var(--pm-cream); border-radius: 18px; box-shadow: var(--nm-raised-lg); border: 0; }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: var(--pm-cafe); }
.daterangepicker td.in-range { background-color: var(--pm-almond-soft); color: var(--pm-mahogany); }
.daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: rgba(171, 120, 67, .2); }
.daterangepicker .calendar-table { background: var(--pm-cream); border-color: transparent; }
.daterangepicker .ranges li { border-radius: 8px; }
.daterangepicker .ranges li:hover { background-color: rgba(171, 120, 67, .18); }
.daterangepicker .ranges li.active { background-color: var(--pm-cafe); color: #fff; }
.daterangepicker .drp-buttons .btn, .daterangepicker .applyBtn { border-radius: 10px; }
.ui-menu { background: var(--pm-cream); border: 0; border-radius: 14px; box-shadow: var(--nm-raised); padding: 6px; }
.ui-menu .ui-menu-item-wrapper { border-radius: 9px; padding: 8px 10px; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-menu .ui-state-active, .ui-menu-item .ui-state-active { background: var(--pm-cafe) !important; border-color: var(--pm-cafe) !important; color: #fff !important; }

#toast-container > div { border-radius: 14px; box-shadow: var(--nm-raised); opacity: .98; font-family: var(--pm-font); }
#toast-container > .toast-success { background-color: var(--pm-success); }
#toast-container > .toast-error { background-color: var(--pm-danger); }
#toast-container > .toast-warning { background-color: var(--pm-caramel-dk); }
#toast-container > .toast-info { background-color: var(--pm-cafe); }

.swal-modal { background: var(--pm-cream); border-radius: 22px; font-family: var(--pm-font); box-shadow: var(--nm-raised-lg); }
.swal-title { color: var(--pm-mahogany); font-weight: 800; }
.swal-text { color: var(--pm-ink-2); }
.swal-footer { text-align: center; }
.swal-modal .swal-button { background-color: var(--pm-cafe); border-radius: 12px; font-weight: 700; padding: 10px 26px; box-shadow: var(--nm-raised-sm); }
.swal-modal .swal-button:not([disabled]):hover { background-color: var(--pm-espresso); }
.swal-modal .swal-button:focus { box-shadow: var(--nm-raised-sm), var(--pm-ring); }
.swal-modal .swal-button--cancel { background-color: var(--pm-cream); color: var(--pm-mahogany); }
.swal-modal .swal-button--cancel:not([disabled]):hover { background-color: var(--pm-almond-soft); }
.swal-modal .swal-button--danger { background-color: var(--pm-danger); color: #fff; }
.swal-modal .swal-button--danger:not([disabled]):hover { background-color: #99291F; }
.swal-icon--info { border-color: var(--pm-almond); }
.swal-icon--info:before, .swal-icon--info:after { background-color: var(--pm-caramel); }

/* ==========================================================================
   SIDEBAR  (Mahogany, with dark-surface neumorphism)
   ========================================================================== */
.pm-sidebar {
  background: linear-gradient(180deg, var(--pm-mahogany) 0%, var(--pm-mahogany-deep) 100%);
  border-right: 0;
  box-shadow: 8px 0 24px -10px rgba(53, 38, 30, .55);
  color: var(--pm-cream);
}
.pm-brand {
  display: flex; align-items: center; gap: 12px; width: 100%; height: 66px; padding: 0 18px; flex-shrink: 0;
  background: transparent; border-bottom: 1px solid rgba(184, 149, 127, .18); text-decoration: none;
}
.pm-brand:hover { background: rgba(0, 0, 0, .12); }
.pm-brand__mark {
  flex: 0 0 auto; width: 38px; height: 38px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(145deg, var(--pm-caramel-hi) 0%, var(--pm-caramel) 100%); color: var(--pm-mahogany-deep); font-weight: 800; font-size: 17px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, .45), -2px -2px 7px rgba(255, 255, 255, .06), inset 0 1px 0 rgba(255, 255, 255, .4);
}
.pm-brand__name { margin: 0; min-width: 0; flex: 1 1 auto; color: var(--pm-cream); font-size: 15px; font-weight: 700; letter-spacing: -.01em; line-height: 1.2;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pm-brand__dot { display: inline-block; width: 8px; height: 8px; margin-left: 7px; border-radius: 50%; background: #4FD08C; box-shadow: 0 0 0 3px rgba(79, 208, 140, .2); vertical-align: middle; }

.pm-sidebar ul { list-style: none; margin: 0; padding: 0; }
.pm-sidebar a, .pm-sidebar a span:not(.pk-nav-badge), .pm-sidebar a p, .pm-sidebar a i, .pm-sidebar a svg,
.pm-sidebar .drop_down, .pm-sidebar .drop_down span:not(.pk-nav-badge), .pm-sidebar .drop_down svg, .pm-sidebar .drop_down i {
  color: rgba(237, 234, 227, .72) !important;
  transition: color .15s var(--pm-ease), background-color .15s var(--pm-ease), box-shadow .15s var(--pm-ease);
}
.pm-sidebar a { border-radius: 12px; text-decoration: none; }
.pm-sidebar a:hover, .pm-sidebar .drop_down:hover { background-color: rgba(255, 255, 255, .04) !important; box-shadow: var(--nmd-raised); }
.pm-sidebar a:hover span:not(.pk-nav-badge), .pm-sidebar a:hover i, .pm-sidebar a:hover svg, .pm-sidebar a:hover p, .pm-sidebar a:hover { color: #fff !important; }
.pm-sidebar .active > a, .pm-sidebar a.active, .pm-sidebar li.active > a, .pm-sidebar a[aria-current="page"],
.pm-sidebar .tw-bg-primary-50, .pm-sidebar .tw-bg-primary-100, .pm-sidebar .tw-bg-primary-200,
.pm-sidebar .tw-bg-primary-700, .pm-sidebar .tw-bg-primary-800, .pm-sidebar .tw-bg-gray-100, .pm-sidebar .tw-bg-gray-200 {
  background: rgba(0, 0, 0, .26) !important;
  box-shadow: var(--nmd-inset), inset 3px 0 0 var(--pm-caramel);
}
.pm-sidebar .active > a, .pm-sidebar .active > a *, .pm-sidebar a.active, .pm-sidebar a.active *,
.pm-sidebar a[aria-current="page"], .pm-sidebar a[aria-current="page"] *,
.pm-sidebar .tw-bg-primary-50 *, .pm-sidebar .tw-bg-primary-100 *, .pm-sidebar .tw-bg-primary-700 *, .pm-sidebar .tw-bg-primary-800 *,
.pm-sidebar .tw-bg-primary-50, .pm-sidebar .tw-bg-primary-100, .pm-sidebar .tw-bg-primary-700, .pm-sidebar .tw-bg-primary-800 { color: var(--pm-caramel-hi) !important; }
.pm-sidebar .pm-brand, .pm-sidebar .pm-brand .pm-brand__name { color: var(--pm-cream) !important; }
.pm-sidebar .pm-brand .pm-brand__mark { color: var(--pm-mahogany-deep) !important; }
.pm-sidebar a.pm-brand:hover { background-color: rgba(0, 0, 0, .12) !important; box-shadow: none; }
.pm-sidebar .chiled { background: rgba(0, 0, 0, .22); border-radius: 12px; margin: 3px 0 7px; padding: 5px; box-shadow: var(--nmd-inset); }
/* Submenu fix: remove the vertical guide line completely.
   The reset above (.pm-sidebar ul { padding:0 }) removed the indent the sidebar markup
   relies on, which left its guide line drawn through the link text. The line can come
   from a border, a pseudo-element, a gradient or a 1px-wide element, so all of these are
   switched off for the submenu and for the wrapper that holds it. */
.pm-sidebar .chiled,
.pm-sidebar .chiled * {
  border-left: 0 !important;
  border-right: 0 !important;
  border-image: none !important;
  outline: 0 !important;
}
.pm-sidebar .chiled::before,
.pm-sidebar .chiled::after,
.pm-sidebar .chiled *::before,
.pm-sidebar .chiled *::after,
.pm-sidebar :has(> .chiled)::before,
.pm-sidebar :has(> .chiled)::after {
  content: none !important;
  display: none !important;
  background: none !important;
  width: 0 !important;
  border: 0 !important;
}
.pm-sidebar .chiled ul,
.pm-sidebar .chiled li,
.pm-sidebar .chiled a {
  background-image: none !important;
}
.pm-sidebar .chiled [class*="tw-w-px"],
.pm-sidebar .chiled [class*="tw-w-0.5"],
.pm-sidebar .chiled [class*="tw-border-l"],
.pm-sidebar .chiled [class*="tw-border-r"],
.pm-sidebar .chiled div:empty,
.pm-sidebar .chiled span:empty,
.pm-sidebar .chiled hr {
  display: none !important;
}
.pm-sidebar .chiled a {
  padding-left: 16px;
}
.pm-sidebar .tw-bg-white, .pm-sidebar .tw-bg-gray-50 { background-color: transparent !important; }
.pm-sidebar .tw-border-gray-100, .pm-sidebar .tw-border-gray-200, .pm-sidebar .tw-border-t, .pm-sidebar .tw-border-b { border-color: rgba(184, 149, 127, .16) !important; }
.pm-sidebar * { scrollbar-color: rgba(184, 149, 127, .35) transparent; }
.pm-sidebar *::-webkit-scrollbar-thumb { background: rgba(184, 149, 127, .35); background-clip: padding-box; border: 3px solid transparent; }

@media (min-width: 992px) {
  html.pm-sidebar-collapsed .side-bar, body.pm-sidebar-collapsed .side-bar { display: none !important; }
}
.pm-overlay {
  position: fixed; inset: 0; z-index: 1090; background: rgba(53, 38, 30, .6); backdrop-filter: blur(2px);
  opacity: 0; visibility: hidden; transition: opacity .25s var(--pm-ease), visibility .25s;
}
.pm-overlay--on { opacity: 1; visibility: visible; }
body.pm-drawer-open { overflow: hidden; }
@media (min-width: 992px) { .pm-overlay { display: none !important; } }
.side-bar.small-view-side-active {
  display: flex !important; flex-direction: column; position: fixed; top: 0; left: 0; bottom: 0; height: 100%;
  width: 288px; max-width: 86vw; z-index: 1100; box-shadow: var(--nm-raised-lg);
}

/* ==========================================================================
   TOP HEADER  (Mahogany)
   ========================================================================== */
.pm-header {
  position: relative; z-index: 40; min-height: 66px; display: flex; align-items: center; padding: 10px 22px; flex-shrink: 0;
  background: linear-gradient(180deg, var(--pm-mahogany-hi) 0%, var(--pm-mahogany) 100%); color: var(--pm-cream);
  border-bottom: 1px solid rgba(171, 120, 67, .28); box-shadow: 0 10px 26px -14px rgba(53, 38, 30, .7);
}
.pm-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; }
.pm-header__left, .pm-header__right { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.pm-header__right { justify-content: flex-end; }
.pm-ico { width: 18px; height: 18px; flex: 0 0 auto; }

.pm-chip {
  align-items: center; justify-content: center; gap: 8px; min-height: 38px; padding: 0 13px;
  border-radius: 12px; font-size: 13px; font-weight: 600; color: var(--pm-cream); cursor: pointer; text-decoration: none; list-style: none;
  background: var(--pm-mahogany-hi); border: 0; box-shadow: var(--nmd-raised);
  transition: box-shadow .18s var(--pm-ease), color .18s var(--pm-ease), transform .18s var(--pm-ease);
}
.pm-chip::-webkit-details-marker { display: none; }
.pm-chip:hover { color: var(--pm-caramel-hi); box-shadow: 7px 7px 15px rgba(0, 0, 0, .5), -4px -4px 11px rgba(255, 255, 255, .06); }
.pm-chip:active, details[open] > .pm-chip { box-shadow: var(--nmd-inset); color: var(--pm-caramel-hi); transform: none; }
.pm-chip--icon { width: 38px; padding: 0; }
.pm-chip--static { cursor: default; font-variant-numeric: tabular-nums; }

.pm-cta {
  display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 18px; border-radius: 12px;
  font-size: 13px; font-weight: 800; letter-spacing: .005em; text-decoration: none; cursor: pointer;
  background: linear-gradient(145deg, var(--pm-caramel-hi) 0%, var(--pm-caramel) 100%); color: var(--pm-mahogany-deep) !important; border: 0;
  box-shadow: 5px 5px 12px rgba(0, 0, 0, .5), -3px -3px 9px rgba(255, 255, 255, .06), inset 0 1px 0 rgba(255, 255, 255, .45);
  transition: transform .18s var(--pm-ease), box-shadow .18s var(--pm-ease), filter .18s;
}
.pm-cta:hover { transform: translateY(-1px); filter: brightness(1.06); color: var(--pm-mahogany-deep); }
.pm-cta:active { transform: translateY(0); box-shadow: inset 3px 3px 8px rgba(75, 42, 7, .45); }

.pm-avatar {
  width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto;
  background: linear-gradient(145deg, var(--pm-caramel-hi), var(--pm-caramel)); color: var(--pm-mahogany-deep); font-size: 12px; font-weight: 800;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .4);
}
.pm-menu { position: relative; display: inline-block; }
.pm-panel {
  position: absolute; right: 0; top: calc(100% + 12px); z-index: 70; min-width: 232px; margin: 0; padding: 9px; list-style: none;
  background: var(--pm-cream); color: var(--pm-mahogany); border: 0; border-radius: 18px;
  box-shadow: 10px 16px 32px rgba(53, 38, 30, .38), -3px -3px 10px rgba(255, 255, 255, .28);
}
.pm-panel--left { left: 0; right: auto; }
.pm-panel__head { padding: 8px 12px 11px; border-bottom: 1px solid var(--pm-line); margin-bottom: 7px; }
.pm-panel__label { margin: 0; font-size: 12px; color: var(--pm-muted); }
.pm-panel__name { margin: 2px 0 0; font-size: 14px; font-weight: 700; color: var(--pm-mahogany); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pm-item {
  display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 11px; font-size: 13px; font-weight: 600;
  color: var(--pm-ink-2); text-decoration: none; transition: box-shadow .15s, color .15s;
}
.pm-item:hover, .pm-item:focus { background: var(--pm-cream); color: var(--pm-cafe); box-shadow: var(--nm-inset-sm); }
.pm-item .pm-ico { color: var(--pm-caramel); }

.pm-header .tw-bg-primary-600, .pm-header .tw-bg-primary-700, .pm-header .tw-bg-primary-800, .pm-header .tw-bg-primary-900 {
  background-color: var(--pm-mahogany-hi) !important; border: 0; border-radius: 12px; box-shadow: var(--nmd-raised); }
.pm-header .hover\:tw-bg-primary-700:hover, .pm-header .hover\:tw-bg-primary-800:hover { background-color: var(--pm-mahogany-hi) !important; box-shadow: var(--nmd-inset); }

/* ---------- Public (guest) navbar ---------- */
.pm-public-nav { background: var(--pm-cream); border: 0; border-radius: 20px; margin: 16px; box-shadow: var(--nm-raised); }
.pm-public-nav .navbar-brand { font-weight: 800; color: var(--pm-espresso); letter-spacing: -.01em; }
.pm-public-nav .navbar-nav > li > a { font-weight: 600; color: var(--pm-ink-2); border-radius: 12px; }
.pm-public-nav .navbar-nav > li > a:hover { background: var(--pm-cream); color: var(--pm-cafe); box-shadow: var(--nm-inset-sm); }
.pm-public-nav .navbar-toggle { border: 0; border-radius: 12px; box-shadow: var(--nm-raised-sm); }
.pm-public-nav .navbar-toggle .icon-bar { background-color: var(--pm-cafe); }

/* ==========================================================================
   POS TOP BAR
   ========================================================================== */
.pm-pos-bar { background: var(--pm-cream); border: 0; border-radius: 20px; box-shadow: var(--nm-raised); }
.pm-pos-btn {
  align-items: center; justify-content: center; min-height: 40px; min-width: 40px; padding: 0 11px;
  background: var(--pm-cream); border: 0; border-radius: 13px; color: var(--pm-mahogany); cursor: pointer;
  box-shadow: var(--nm-raised-sm); text-decoration: none;
  transition: box-shadow .18s var(--pm-ease), color .18s var(--pm-ease), transform .18s var(--pm-ease);
}
.pm-pos-btn:hover, .pm-pos-btn:focus { background: var(--pm-cream); color: var(--pm-cafe); box-shadow: var(--nm-raised); transform: translateY(-1px); }
.pm-pos-btn:active { background: var(--pm-cream); box-shadow: var(--nm-inset-sm); transform: translateY(0); }
.pm-pos-btn > strong { display: inline-flex; align-items: center; gap: 8px; margin: 0 !important; font-weight: 700; }
.pm-pos-btn--text { padding: 0 15px; }
.pm-pos-clock { background: linear-gradient(145deg, var(--pm-espresso) 0%, var(--pm-mahogany) 100%); color: var(--pm-cream); border-radius: 13px; padding: 7px 14px; border: 0;
  box-shadow: 4px 4px 10px rgba(53, 38, 30, .45), -3px -3px 8px rgba(255, 255, 255, .7); }
.pm-pos-clock:hover { background: linear-gradient(145deg, var(--pm-cafe) 0%, var(--pm-espresso) 100%); color: #fff; }
.pm-ico-brown { color: var(--pm-cafe); }
.pm-ico-green { color: var(--pm-success); }
.pm-ico-red { color: var(--pm-danger); }
.pm-ico-muted { color: var(--pm-almond); }

/* Tailwind helpers used by the stock templates become neumorphic too */
.tw-bg-white { background-color: var(--pm-cream); }
.tw-shadow-sm { box-shadow: var(--nm-raised-sm); }
.tw-shadow, .tw-shadow-md { box-shadow: var(--nm-raised); }
.tw-shadow-lg, .tw-shadow-xl, .tw-shadow-2xl { box-shadow: var(--nm-raised-lg); }
.pm-sidebar .tw-shadow, .pm-sidebar .tw-shadow-sm, .pm-sidebar .tw-shadow-md { box-shadow: none; }

/* ==========================================================================
   RESPONSIVE, TOUCH, MOTION, PRINT
   ========================================================================== */
@media (max-width: 991px) {
  .pm-header { padding: 8px 14px; }
  .pm-public-nav { margin: 10px; }
}
@media (max-width: 767px) {
  input.form-control, select.form-control, textarea.form-control, .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 16px; }
  .modal-dialog { margin: 12px; }
  .modal-header, .modal-body, .modal-footer { padding-left: 16px; padding-right: 16px; }
  .box-body { padding: 14px; }
  .pm-header__right { gap: 9px; }
  .pm-panel--left { left: auto; right: 0; }
  .pm-panel { max-width: calc(100vw - 24px); }
  /* lighter shadows on small screens: cheaper to paint, less cluttered */
  .box, .panel, .nav-tabs-custom { box-shadow: var(--nm-raised-sm); }
}
@media (pointer: coarse) {
  .btn:not(.btn-xs), .pm-chip, .pm-cta, .pm-pos-btn, .pm-item { min-height: 44px; }
  .pm-chip--icon { width: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; scroll-behavior: auto !important; }
}
@media print {
  .pm-sidebar, .pm-header, .pm-pos-bar { display: none !important; }
  .box, .panel, .well, .btn, .form-control, .label, .badge { box-shadow: none !important; }
}

/* ==========================================================================
   GENERATED: Tailwind palette remap. Blue-family and gray utilities used by
   the stock templates are re-pointed to the six-colour brown scale.
   ========================================================================== */
.tw-bg-primary-50{background-color:#F7F6F2}
.hover\:tw-bg-primary-50:hover{background-color:#F7F6F2}
.tw-text-primary-50{color:#F7F6F2}
.hover\:tw-text-primary-50:hover{color:#F7F6F2}
.tw-border-primary-50{border-color:#F7F6F2}
.hover\:tw-border-primary-50:hover{border-color:#F7F6F2}
.tw-ring-primary-50{--tw-ring-color:#F7F6F2}
.tw-bg-primary-100{background-color:#EDEAE3}
.hover\:tw-bg-primary-100:hover{background-color:#EDEAE3}
.tw-text-primary-100{color:#EDEAE3}
.hover\:tw-text-primary-100:hover{color:#EDEAE3}
.tw-border-primary-100{border-color:#EDEAE3}
.hover\:tw-border-primary-100:hover{border-color:#EDEAE3}
.tw-ring-primary-100{--tw-ring-color:#EDEAE3}
.tw-bg-primary-200{background-color:#DDD0C5}
.hover\:tw-bg-primary-200:hover{background-color:#DDD0C5}
.tw-text-primary-200{color:#DDD0C5}
.hover\:tw-text-primary-200:hover{color:#DDD0C5}
.tw-border-primary-200{border-color:#DDD0C5}
.hover\:tw-border-primary-200:hover{border-color:#DDD0C5}
.tw-ring-primary-200{--tw-ring-color:#DDD0C5}
.tw-bg-primary-300{background-color:#CCB5A5}
.hover\:tw-bg-primary-300:hover{background-color:#CCB5A5}
.tw-text-primary-300{color:#CCB5A5}
.hover\:tw-text-primary-300:hover{color:#CCB5A5}
.tw-border-primary-300{border-color:#CCB5A5}
.hover\:tw-border-primary-300:hover{border-color:#CCB5A5}
.tw-ring-primary-300{--tw-ring-color:#CCB5A5}
.tw-bg-primary-400{background-color:#B8957F}
.hover\:tw-bg-primary-400:hover{background-color:#B8957F}
.tw-text-primary-400{color:#B8957F}
.hover\:tw-text-primary-400:hover{color:#B8957F}
.tw-border-primary-400{border-color:#B8957F}
.hover\:tw-border-primary-400:hover{border-color:#B8957F}
.tw-ring-primary-400{--tw-ring-color:#B8957F}
.tw-bg-primary-500{background-color:#AB7843}
.hover\:tw-bg-primary-500:hover{background-color:#AB7843}
.tw-text-primary-500{color:#AB7843}
.hover\:tw-text-primary-500:hover{color:#AB7843}
.tw-border-primary-500{border-color:#AB7843}
.hover\:tw-border-primary-500:hover{border-color:#AB7843}
.tw-ring-primary-500{--tw-ring-color:#AB7843}
.tw-bg-primary-600{background-color:#8C582B}
.hover\:tw-bg-primary-600:hover{background-color:#8C582B}
.tw-text-primary-600{color:#8C582B}
.hover\:tw-text-primary-600:hover{color:#8C582B}
.tw-border-primary-600{border-color:#8C582B}
.hover\:tw-border-primary-600:hover{border-color:#8C582B}
.tw-ring-primary-600{--tw-ring-color:#8C582B}
.tw-bg-primary-700{background-color:#6C3813}
.hover\:tw-bg-primary-700:hover{background-color:#6C3813}
.tw-text-primary-700{color:#6C3813}
.hover\:tw-text-primary-700:hover{color:#6C3813}
.tw-border-primary-700{border-color:#6C3813}
.hover\:tw-border-primary-700:hover{border-color:#6C3813}
.tw-ring-primary-700{--tw-ring-color:#6C3813}
.tw-bg-primary-800{background-color:#4B2A07}
.hover\:tw-bg-primary-800:hover{background-color:#4B2A07}
.tw-text-primary-800{color:#4B2A07}
.hover\:tw-text-primary-800:hover{color:#4B2A07}
.tw-border-primary-800{border-color:#4B2A07}
.hover\:tw-border-primary-800:hover{border-color:#4B2A07}
.tw-ring-primary-800{--tw-ring-color:#4B2A07}
.tw-bg-primary-900{background-color:#402812}
.hover\:tw-bg-primary-900:hover{background-color:#402812}
.tw-text-primary-900{color:#402812}
.hover\:tw-text-primary-900:hover{color:#402812}
.tw-border-primary-900{border-color:#402812}
.hover\:tw-border-primary-900:hover{border-color:#402812}
.tw-ring-primary-900{--tw-ring-color:#402812}
.tw-bg-primary-950{background-color:#251B15}
.hover\:tw-bg-primary-950:hover{background-color:#251B15}
.tw-text-primary-950{color:#251B15}
.hover\:tw-text-primary-950:hover{color:#251B15}
.tw-border-primary-950{border-color:#251B15}
.hover\:tw-border-primary-950:hover{border-color:#251B15}
.tw-ring-primary-950{--tw-ring-color:#251B15}
.tw-bg-sky-50{background-color:#F7F6F2}
.hover\:tw-bg-sky-50:hover{background-color:#F7F6F2}
.tw-text-sky-50{color:#F7F6F2}
.hover\:tw-text-sky-50:hover{color:#F7F6F2}
.tw-border-sky-50{border-color:#F7F6F2}
.hover\:tw-border-sky-50:hover{border-color:#F7F6F2}
.tw-ring-sky-50{--tw-ring-color:#F7F6F2}
.tw-bg-sky-100{background-color:#EDEAE3}
.hover\:tw-bg-sky-100:hover{background-color:#EDEAE3}
.tw-text-sky-100{color:#EDEAE3}
.hover\:tw-text-sky-100:hover{color:#EDEAE3}
.tw-border-sky-100{border-color:#EDEAE3}
.hover\:tw-border-sky-100:hover{border-color:#EDEAE3}
.tw-ring-sky-100{--tw-ring-color:#EDEAE3}
.tw-bg-sky-200{background-color:#DDD0C5}
.hover\:tw-bg-sky-200:hover{background-color:#DDD0C5}
.tw-text-sky-200{color:#DDD0C5}
.hover\:tw-text-sky-200:hover{color:#DDD0C5}
.tw-border-sky-200{border-color:#DDD0C5}
.hover\:tw-border-sky-200:hover{border-color:#DDD0C5}
.tw-ring-sky-200{--tw-ring-color:#DDD0C5}
.tw-bg-sky-300{background-color:#CCB5A5}
.hover\:tw-bg-sky-300:hover{background-color:#CCB5A5}
.tw-text-sky-300{color:#CCB5A5}
.hover\:tw-text-sky-300:hover{color:#CCB5A5}
.tw-border-sky-300{border-color:#CCB5A5}
.hover\:tw-border-sky-300:hover{border-color:#CCB5A5}
.tw-ring-sky-300{--tw-ring-color:#CCB5A5}
.tw-bg-sky-400{background-color:#B8957F}
.hover\:tw-bg-sky-400:hover{background-color:#B8957F}
.tw-text-sky-400{color:#B8957F}
.hover\:tw-text-sky-400:hover{color:#B8957F}
.tw-border-sky-400{border-color:#B8957F}
.hover\:tw-border-sky-400:hover{border-color:#B8957F}
.tw-ring-sky-400{--tw-ring-color:#B8957F}
.tw-bg-sky-500{background-color:#AB7843}
.hover\:tw-bg-sky-500:hover{background-color:#AB7843}
.tw-text-sky-500{color:#AB7843}
.hover\:tw-text-sky-500:hover{color:#AB7843}
.tw-border-sky-500{border-color:#AB7843}
.hover\:tw-border-sky-500:hover{border-color:#AB7843}
.tw-ring-sky-500{--tw-ring-color:#AB7843}
.tw-bg-sky-600{background-color:#8C582B}
.hover\:tw-bg-sky-600:hover{background-color:#8C582B}
.tw-text-sky-600{color:#8C582B}
.hover\:tw-text-sky-600:hover{color:#8C582B}
.tw-border-sky-600{border-color:#8C582B}
.hover\:tw-border-sky-600:hover{border-color:#8C582B}
.tw-ring-sky-600{--tw-ring-color:#8C582B}
.tw-bg-sky-700{background-color:#6C3813}
.hover\:tw-bg-sky-700:hover{background-color:#6C3813}
.tw-text-sky-700{color:#6C3813}
.hover\:tw-text-sky-700:hover{color:#6C3813}
.tw-border-sky-700{border-color:#6C3813}
.hover\:tw-border-sky-700:hover{border-color:#6C3813}
.tw-ring-sky-700{--tw-ring-color:#6C3813}
.tw-bg-sky-800{background-color:#4B2A07}
.hover\:tw-bg-sky-800:hover{background-color:#4B2A07}
.tw-text-sky-800{color:#4B2A07}
.hover\:tw-text-sky-800:hover{color:#4B2A07}
.tw-border-sky-800{border-color:#4B2A07}
.hover\:tw-border-sky-800:hover{border-color:#4B2A07}
.tw-ring-sky-800{--tw-ring-color:#4B2A07}
.tw-bg-sky-900{background-color:#402812}
.hover\:tw-bg-sky-900:hover{background-color:#402812}
.tw-text-sky-900{color:#402812}
.hover\:tw-text-sky-900:hover{color:#402812}
.tw-border-sky-900{border-color:#402812}
.hover\:tw-border-sky-900:hover{border-color:#402812}
.tw-ring-sky-900{--tw-ring-color:#402812}
.tw-bg-sky-950{background-color:#251B15}
.hover\:tw-bg-sky-950:hover{background-color:#251B15}
.tw-text-sky-950{color:#251B15}
.hover\:tw-text-sky-950:hover{color:#251B15}
.tw-border-sky-950{border-color:#251B15}
.hover\:tw-border-sky-950:hover{border-color:#251B15}
.tw-ring-sky-950{--tw-ring-color:#251B15}
.tw-bg-blue-50{background-color:#F7F6F2}
.hover\:tw-bg-blue-50:hover{background-color:#F7F6F2}
.tw-text-blue-50{color:#F7F6F2}
.hover\:tw-text-blue-50:hover{color:#F7F6F2}
.tw-border-blue-50{border-color:#F7F6F2}
.hover\:tw-border-blue-50:hover{border-color:#F7F6F2}
.tw-ring-blue-50{--tw-ring-color:#F7F6F2}
.tw-bg-blue-100{background-color:#EDEAE3}
.hover\:tw-bg-blue-100:hover{background-color:#EDEAE3}
.tw-text-blue-100{color:#EDEAE3}
.hover\:tw-text-blue-100:hover{color:#EDEAE3}
.tw-border-blue-100{border-color:#EDEAE3}
.hover\:tw-border-blue-100:hover{border-color:#EDEAE3}
.tw-ring-blue-100{--tw-ring-color:#EDEAE3}
.tw-bg-blue-200{background-color:#DDD0C5}
.hover\:tw-bg-blue-200:hover{background-color:#DDD0C5}
.tw-text-blue-200{color:#DDD0C5}
.hover\:tw-text-blue-200:hover{color:#DDD0C5}
.tw-border-blue-200{border-color:#DDD0C5}
.hover\:tw-border-blue-200:hover{border-color:#DDD0C5}
.tw-ring-blue-200{--tw-ring-color:#DDD0C5}
.tw-bg-blue-300{background-color:#CCB5A5}
.hover\:tw-bg-blue-300:hover{background-color:#CCB5A5}
.tw-text-blue-300{color:#CCB5A5}
.hover\:tw-text-blue-300:hover{color:#CCB5A5}
.tw-border-blue-300{border-color:#CCB5A5}
.hover\:tw-border-blue-300:hover{border-color:#CCB5A5}
.tw-ring-blue-300{--tw-ring-color:#CCB5A5}
.tw-bg-blue-400{background-color:#B8957F}
.hover\:tw-bg-blue-400:hover{background-color:#B8957F}
.tw-text-blue-400{color:#B8957F}
.hover\:tw-text-blue-400:hover{color:#B8957F}
.tw-border-blue-400{border-color:#B8957F}
.hover\:tw-border-blue-400:hover{border-color:#B8957F}
.tw-ring-blue-400{--tw-ring-color:#B8957F}
.tw-bg-blue-500{background-color:#AB7843}
.hover\:tw-bg-blue-500:hover{background-color:#AB7843}
.tw-text-blue-500{color:#AB7843}
.hover\:tw-text-blue-500:hover{color:#AB7843}
.tw-border-blue-500{border-color:#AB7843}
.hover\:tw-border-blue-500:hover{border-color:#AB7843}
.tw-ring-blue-500{--tw-ring-color:#AB7843}
.tw-bg-blue-600{background-color:#8C582B}
.hover\:tw-bg-blue-600:hover{background-color:#8C582B}
.tw-text-blue-600{color:#8C582B}
.hover\:tw-text-blue-600:hover{color:#8C582B}
.tw-border-blue-600{border-color:#8C582B}
.hover\:tw-border-blue-600:hover{border-color:#8C582B}
.tw-ring-blue-600{--tw-ring-color:#8C582B}
.tw-bg-blue-700{background-color:#6C3813}
.hover\:tw-bg-blue-700:hover{background-color:#6C3813}
.tw-text-blue-700{color:#6C3813}
.hover\:tw-text-blue-700:hover{color:#6C3813}
.tw-border-blue-700{border-color:#6C3813}
.hover\:tw-border-blue-700:hover{border-color:#6C3813}
.tw-ring-blue-700{--tw-ring-color:#6C3813}
.tw-bg-blue-800{background-color:#4B2A07}
.hover\:tw-bg-blue-800:hover{background-color:#4B2A07}
.tw-text-blue-800{color:#4B2A07}
.hover\:tw-text-blue-800:hover{color:#4B2A07}
.tw-border-blue-800{border-color:#4B2A07}
.hover\:tw-border-blue-800:hover{border-color:#4B2A07}
.tw-ring-blue-800{--tw-ring-color:#4B2A07}
.tw-bg-blue-900{background-color:#402812}
.hover\:tw-bg-blue-900:hover{background-color:#402812}
.tw-text-blue-900{color:#402812}
.hover\:tw-text-blue-900:hover{color:#402812}
.tw-border-blue-900{border-color:#402812}
.hover\:tw-border-blue-900:hover{border-color:#402812}
.tw-ring-blue-900{--tw-ring-color:#402812}
.tw-bg-blue-950{background-color:#251B15}
.hover\:tw-bg-blue-950:hover{background-color:#251B15}
.tw-text-blue-950{color:#251B15}
.hover\:tw-text-blue-950:hover{color:#251B15}
.tw-border-blue-950{border-color:#251B15}
.hover\:tw-border-blue-950:hover{border-color:#251B15}
.tw-ring-blue-950{--tw-ring-color:#251B15}
.tw-bg-indigo-50{background-color:#F7F6F2}
.hover\:tw-bg-indigo-50:hover{background-color:#F7F6F2}
.tw-text-indigo-50{color:#F7F6F2}
.hover\:tw-text-indigo-50:hover{color:#F7F6F2}
.tw-border-indigo-50{border-color:#F7F6F2}
.hover\:tw-border-indigo-50:hover{border-color:#F7F6F2}
.tw-ring-indigo-50{--tw-ring-color:#F7F6F2}
.tw-bg-indigo-100{background-color:#EDEAE3}
.hover\:tw-bg-indigo-100:hover{background-color:#EDEAE3}
.tw-text-indigo-100{color:#EDEAE3}
.hover\:tw-text-indigo-100:hover{color:#EDEAE3}
.tw-border-indigo-100{border-color:#EDEAE3}
.hover\:tw-border-indigo-100:hover{border-color:#EDEAE3}
.tw-ring-indigo-100{--tw-ring-color:#EDEAE3}
.tw-bg-indigo-200{background-color:#DDD0C5}
.hover\:tw-bg-indigo-200:hover{background-color:#DDD0C5}
.tw-text-indigo-200{color:#DDD0C5}
.hover\:tw-text-indigo-200:hover{color:#DDD0C5}
.tw-border-indigo-200{border-color:#DDD0C5}
.hover\:tw-border-indigo-200:hover{border-color:#DDD0C5}
.tw-ring-indigo-200{--tw-ring-color:#DDD0C5}
.tw-bg-indigo-300{background-color:#CCB5A5}
.hover\:tw-bg-indigo-300:hover{background-color:#CCB5A5}
.tw-text-indigo-300{color:#CCB5A5}
.hover\:tw-text-indigo-300:hover{color:#CCB5A5}
.tw-border-indigo-300{border-color:#CCB5A5}
.hover\:tw-border-indigo-300:hover{border-color:#CCB5A5}
.tw-ring-indigo-300{--tw-ring-color:#CCB5A5}
.tw-bg-indigo-400{background-color:#B8957F}
.hover\:tw-bg-indigo-400:hover{background-color:#B8957F}
.tw-text-indigo-400{color:#B8957F}
.hover\:tw-text-indigo-400:hover{color:#B8957F}
.tw-border-indigo-400{border-color:#B8957F}
.hover\:tw-border-indigo-400:hover{border-color:#B8957F}
.tw-ring-indigo-400{--tw-ring-color:#B8957F}
.tw-bg-indigo-500{background-color:#AB7843}
.hover\:tw-bg-indigo-500:hover{background-color:#AB7843}
.tw-text-indigo-500{color:#AB7843}
.hover\:tw-text-indigo-500:hover{color:#AB7843}
.tw-border-indigo-500{border-color:#AB7843}
.hover\:tw-border-indigo-500:hover{border-color:#AB7843}
.tw-ring-indigo-500{--tw-ring-color:#AB7843}
.tw-bg-indigo-600{background-color:#8C582B}
.hover\:tw-bg-indigo-600:hover{background-color:#8C582B}
.tw-text-indigo-600{color:#8C582B}
.hover\:tw-text-indigo-600:hover{color:#8C582B}
.tw-border-indigo-600{border-color:#8C582B}
.hover\:tw-border-indigo-600:hover{border-color:#8C582B}
.tw-ring-indigo-600{--tw-ring-color:#8C582B}
.tw-bg-indigo-700{background-color:#6C3813}
.hover\:tw-bg-indigo-700:hover{background-color:#6C3813}
.tw-text-indigo-700{color:#6C3813}
.hover\:tw-text-indigo-700:hover{color:#6C3813}
.tw-border-indigo-700{border-color:#6C3813}
.hover\:tw-border-indigo-700:hover{border-color:#6C3813}
.tw-ring-indigo-700{--tw-ring-color:#6C3813}
.tw-bg-indigo-800{background-color:#4B2A07}
.hover\:tw-bg-indigo-800:hover{background-color:#4B2A07}
.tw-text-indigo-800{color:#4B2A07}
.hover\:tw-text-indigo-800:hover{color:#4B2A07}
.tw-border-indigo-800{border-color:#4B2A07}
.hover\:tw-border-indigo-800:hover{border-color:#4B2A07}
.tw-ring-indigo-800{--tw-ring-color:#4B2A07}
.tw-bg-indigo-900{background-color:#402812}
.hover\:tw-bg-indigo-900:hover{background-color:#402812}
.tw-text-indigo-900{color:#402812}
.hover\:tw-text-indigo-900:hover{color:#402812}
.tw-border-indigo-900{border-color:#402812}
.hover\:tw-border-indigo-900:hover{border-color:#402812}
.tw-ring-indigo-900{--tw-ring-color:#402812}
.tw-bg-indigo-950{background-color:#251B15}
.hover\:tw-bg-indigo-950:hover{background-color:#251B15}
.tw-text-indigo-950{color:#251B15}
.hover\:tw-text-indigo-950:hover{color:#251B15}
.tw-border-indigo-950{border-color:#251B15}
.hover\:tw-border-indigo-950:hover{border-color:#251B15}
.tw-ring-indigo-950{--tw-ring-color:#251B15}
.tw-bg-cyan-50{background-color:#F7F6F2}
.hover\:tw-bg-cyan-50:hover{background-color:#F7F6F2}
.tw-text-cyan-50{color:#F7F6F2}
.hover\:tw-text-cyan-50:hover{color:#F7F6F2}
.tw-border-cyan-50{border-color:#F7F6F2}
.hover\:tw-border-cyan-50:hover{border-color:#F7F6F2}
.tw-ring-cyan-50{--tw-ring-color:#F7F6F2}
.tw-bg-cyan-100{background-color:#EDEAE3}
.hover\:tw-bg-cyan-100:hover{background-color:#EDEAE3}
.tw-text-cyan-100{color:#EDEAE3}
.hover\:tw-text-cyan-100:hover{color:#EDEAE3}
.tw-border-cyan-100{border-color:#EDEAE3}
.hover\:tw-border-cyan-100:hover{border-color:#EDEAE3}
.tw-ring-cyan-100{--tw-ring-color:#EDEAE3}
.tw-bg-cyan-200{background-color:#DDD0C5}
.hover\:tw-bg-cyan-200:hover{background-color:#DDD0C5}
.tw-text-cyan-200{color:#DDD0C5}
.hover\:tw-text-cyan-200:hover{color:#DDD0C5}
.tw-border-cyan-200{border-color:#DDD0C5}
.hover\:tw-border-cyan-200:hover{border-color:#DDD0C5}
.tw-ring-cyan-200{--tw-ring-color:#DDD0C5}
.tw-bg-cyan-300{background-color:#CCB5A5}
.hover\:tw-bg-cyan-300:hover{background-color:#CCB5A5}
.tw-text-cyan-300{color:#CCB5A5}
.hover\:tw-text-cyan-300:hover{color:#CCB5A5}
.tw-border-cyan-300{border-color:#CCB5A5}
.hover\:tw-border-cyan-300:hover{border-color:#CCB5A5}
.tw-ring-cyan-300{--tw-ring-color:#CCB5A5}
.tw-bg-cyan-400{background-color:#B8957F}
.hover\:tw-bg-cyan-400:hover{background-color:#B8957F}
.tw-text-cyan-400{color:#B8957F}
.hover\:tw-text-cyan-400:hover{color:#B8957F}
.tw-border-cyan-400{border-color:#B8957F}
.hover\:tw-border-cyan-400:hover{border-color:#B8957F}
.tw-ring-cyan-400{--tw-ring-color:#B8957F}
.tw-bg-cyan-500{background-color:#AB7843}
.hover\:tw-bg-cyan-500:hover{background-color:#AB7843}
.tw-text-cyan-500{color:#AB7843}
.hover\:tw-text-cyan-500:hover{color:#AB7843}
.tw-border-cyan-500{border-color:#AB7843}
.hover\:tw-border-cyan-500:hover{border-color:#AB7843}
.tw-ring-cyan-500{--tw-ring-color:#AB7843}
.tw-bg-cyan-600{background-color:#8C582B}
.hover\:tw-bg-cyan-600:hover{background-color:#8C582B}
.tw-text-cyan-600{color:#8C582B}
.hover\:tw-text-cyan-600:hover{color:#8C582B}
.tw-border-cyan-600{border-color:#8C582B}
.hover\:tw-border-cyan-600:hover{border-color:#8C582B}
.tw-ring-cyan-600{--tw-ring-color:#8C582B}
.tw-bg-cyan-700{background-color:#6C3813}
.hover\:tw-bg-cyan-700:hover{background-color:#6C3813}
.tw-text-cyan-700{color:#6C3813}
.hover\:tw-text-cyan-700:hover{color:#6C3813}
.tw-border-cyan-700{border-color:#6C3813}
.hover\:tw-border-cyan-700:hover{border-color:#6C3813}
.tw-ring-cyan-700{--tw-ring-color:#6C3813}
.tw-bg-cyan-800{background-color:#4B2A07}
.hover\:tw-bg-cyan-800:hover{background-color:#4B2A07}
.tw-text-cyan-800{color:#4B2A07}
.hover\:tw-text-cyan-800:hover{color:#4B2A07}
.tw-border-cyan-800{border-color:#4B2A07}
.hover\:tw-border-cyan-800:hover{border-color:#4B2A07}
.tw-ring-cyan-800{--tw-ring-color:#4B2A07}
.tw-bg-cyan-900{background-color:#402812}
.hover\:tw-bg-cyan-900:hover{background-color:#402812}
.tw-text-cyan-900{color:#402812}
.hover\:tw-text-cyan-900:hover{color:#402812}
.tw-border-cyan-900{border-color:#402812}
.hover\:tw-border-cyan-900:hover{border-color:#402812}
.tw-ring-cyan-900{--tw-ring-color:#402812}
.tw-bg-cyan-950{background-color:#251B15}
.hover\:tw-bg-cyan-950:hover{background-color:#251B15}
.tw-text-cyan-950{color:#251B15}
.hover\:tw-text-cyan-950:hover{color:#251B15}
.tw-border-cyan-950{border-color:#251B15}
.hover\:tw-border-cyan-950:hover{border-color:#251B15}
.tw-ring-cyan-950{--tw-ring-color:#251B15}
.tw-bg-violet-50{background-color:#F7F6F2}
.hover\:tw-bg-violet-50:hover{background-color:#F7F6F2}
.tw-text-violet-50{color:#F7F6F2}
.hover\:tw-text-violet-50:hover{color:#F7F6F2}
.tw-border-violet-50{border-color:#F7F6F2}
.hover\:tw-border-violet-50:hover{border-color:#F7F6F2}
.tw-ring-violet-50{--tw-ring-color:#F7F6F2}
.tw-bg-violet-100{background-color:#EDEAE3}
.hover\:tw-bg-violet-100:hover{background-color:#EDEAE3}
.tw-text-violet-100{color:#EDEAE3}
.hover\:tw-text-violet-100:hover{color:#EDEAE3}
.tw-border-violet-100{border-color:#EDEAE3}
.hover\:tw-border-violet-100:hover{border-color:#EDEAE3}
.tw-ring-violet-100{--tw-ring-color:#EDEAE3}
.tw-bg-violet-200{background-color:#DDD0C5}
.hover\:tw-bg-violet-200:hover{background-color:#DDD0C5}
.tw-text-violet-200{color:#DDD0C5}
.hover\:tw-text-violet-200:hover{color:#DDD0C5}
.tw-border-violet-200{border-color:#DDD0C5}
.hover\:tw-border-violet-200:hover{border-color:#DDD0C5}
.tw-ring-violet-200{--tw-ring-color:#DDD0C5}
.tw-bg-violet-300{background-color:#CCB5A5}
.hover\:tw-bg-violet-300:hover{background-color:#CCB5A5}
.tw-text-violet-300{color:#CCB5A5}
.hover\:tw-text-violet-300:hover{color:#CCB5A5}
.tw-border-violet-300{border-color:#CCB5A5}
.hover\:tw-border-violet-300:hover{border-color:#CCB5A5}
.tw-ring-violet-300{--tw-ring-color:#CCB5A5}
.tw-bg-violet-400{background-color:#B8957F}
.hover\:tw-bg-violet-400:hover{background-color:#B8957F}
.tw-text-violet-400{color:#B8957F}
.hover\:tw-text-violet-400:hover{color:#B8957F}
.tw-border-violet-400{border-color:#B8957F}
.hover\:tw-border-violet-400:hover{border-color:#B8957F}
.tw-ring-violet-400{--tw-ring-color:#B8957F}
.tw-bg-violet-500{background-color:#AB7843}
.hover\:tw-bg-violet-500:hover{background-color:#AB7843}
.tw-text-violet-500{color:#AB7843}
.hover\:tw-text-violet-500:hover{color:#AB7843}
.tw-border-violet-500{border-color:#AB7843}
.hover\:tw-border-violet-500:hover{border-color:#AB7843}
.tw-ring-violet-500{--tw-ring-color:#AB7843}
.tw-bg-violet-600{background-color:#8C582B}
.hover\:tw-bg-violet-600:hover{background-color:#8C582B}
.tw-text-violet-600{color:#8C582B}
.hover\:tw-text-violet-600:hover{color:#8C582B}
.tw-border-violet-600{border-color:#8C582B}
.hover\:tw-border-violet-600:hover{border-color:#8C582B}
.tw-ring-violet-600{--tw-ring-color:#8C582B}
.tw-bg-violet-700{background-color:#6C3813}
.hover\:tw-bg-violet-700:hover{background-color:#6C3813}
.tw-text-violet-700{color:#6C3813}
.hover\:tw-text-violet-700:hover{color:#6C3813}
.tw-border-violet-700{border-color:#6C3813}
.hover\:tw-border-violet-700:hover{border-color:#6C3813}
.tw-ring-violet-700{--tw-ring-color:#6C3813}
.tw-bg-violet-800{background-color:#4B2A07}
.hover\:tw-bg-violet-800:hover{background-color:#4B2A07}
.tw-text-violet-800{color:#4B2A07}
.hover\:tw-text-violet-800:hover{color:#4B2A07}
.tw-border-violet-800{border-color:#4B2A07}
.hover\:tw-border-violet-800:hover{border-color:#4B2A07}
.tw-ring-violet-800{--tw-ring-color:#4B2A07}
.tw-bg-violet-900{background-color:#402812}
.hover\:tw-bg-violet-900:hover{background-color:#402812}
.tw-text-violet-900{color:#402812}
.hover\:tw-text-violet-900:hover{color:#402812}
.tw-border-violet-900{border-color:#402812}
.hover\:tw-border-violet-900:hover{border-color:#402812}
.tw-ring-violet-900{--tw-ring-color:#402812}
.tw-bg-violet-950{background-color:#251B15}
.hover\:tw-bg-violet-950:hover{background-color:#251B15}
.tw-text-violet-950{color:#251B15}
.hover\:tw-text-violet-950:hover{color:#251B15}
.tw-border-violet-950{border-color:#251B15}
.hover\:tw-border-violet-950:hover{border-color:#251B15}
.tw-ring-violet-950{--tw-ring-color:#251B15}
.tw-bg-purple-50{background-color:#F7F6F2}
.hover\:tw-bg-purple-50:hover{background-color:#F7F6F2}
.tw-text-purple-50{color:#F7F6F2}
.hover\:tw-text-purple-50:hover{color:#F7F6F2}
.tw-border-purple-50{border-color:#F7F6F2}
.hover\:tw-border-purple-50:hover{border-color:#F7F6F2}
.tw-ring-purple-50{--tw-ring-color:#F7F6F2}
.tw-bg-purple-100{background-color:#EDEAE3}
.hover\:tw-bg-purple-100:hover{background-color:#EDEAE3}
.tw-text-purple-100{color:#EDEAE3}
.hover\:tw-text-purple-100:hover{color:#EDEAE3}
.tw-border-purple-100{border-color:#EDEAE3}
.hover\:tw-border-purple-100:hover{border-color:#EDEAE3}
.tw-ring-purple-100{--tw-ring-color:#EDEAE3}
.tw-bg-purple-200{background-color:#DDD0C5}
.hover\:tw-bg-purple-200:hover{background-color:#DDD0C5}
.tw-text-purple-200{color:#DDD0C5}
.hover\:tw-text-purple-200:hover{color:#DDD0C5}
.tw-border-purple-200{border-color:#DDD0C5}
.hover\:tw-border-purple-200:hover{border-color:#DDD0C5}
.tw-ring-purple-200{--tw-ring-color:#DDD0C5}
.tw-bg-purple-300{background-color:#CCB5A5}
.hover\:tw-bg-purple-300:hover{background-color:#CCB5A5}
.tw-text-purple-300{color:#CCB5A5}
.hover\:tw-text-purple-300:hover{color:#CCB5A5}
.tw-border-purple-300{border-color:#CCB5A5}
.hover\:tw-border-purple-300:hover{border-color:#CCB5A5}
.tw-ring-purple-300{--tw-ring-color:#CCB5A5}
.tw-bg-purple-400{background-color:#B8957F}
.hover\:tw-bg-purple-400:hover{background-color:#B8957F}
.tw-text-purple-400{color:#B8957F}
.hover\:tw-text-purple-400:hover{color:#B8957F}
.tw-border-purple-400{border-color:#B8957F}
.hover\:tw-border-purple-400:hover{border-color:#B8957F}
.tw-ring-purple-400{--tw-ring-color:#B8957F}
.tw-bg-purple-500{background-color:#AB7843}
.hover\:tw-bg-purple-500:hover{background-color:#AB7843}
.tw-text-purple-500{color:#AB7843}
.hover\:tw-text-purple-500:hover{color:#AB7843}
.tw-border-purple-500{border-color:#AB7843}
.hover\:tw-border-purple-500:hover{border-color:#AB7843}
.tw-ring-purple-500{--tw-ring-color:#AB7843}
.tw-bg-purple-600{background-color:#8C582B}
.hover\:tw-bg-purple-600:hover{background-color:#8C582B}
.tw-text-purple-600{color:#8C582B}
.hover\:tw-text-purple-600:hover{color:#8C582B}
.tw-border-purple-600{border-color:#8C582B}
.hover\:tw-border-purple-600:hover{border-color:#8C582B}
.tw-ring-purple-600{--tw-ring-color:#8C582B}
.tw-bg-purple-700{background-color:#6C3813}
.hover\:tw-bg-purple-700:hover{background-color:#6C3813}
.tw-text-purple-700{color:#6C3813}
.hover\:tw-text-purple-700:hover{color:#6C3813}
.tw-border-purple-700{border-color:#6C3813}
.hover\:tw-border-purple-700:hover{border-color:#6C3813}
.tw-ring-purple-700{--tw-ring-color:#6C3813}
.tw-bg-purple-800{background-color:#4B2A07}
.hover\:tw-bg-purple-800:hover{background-color:#4B2A07}
.tw-text-purple-800{color:#4B2A07}
.hover\:tw-text-purple-800:hover{color:#4B2A07}
.tw-border-purple-800{border-color:#4B2A07}
.hover\:tw-border-purple-800:hover{border-color:#4B2A07}
.tw-ring-purple-800{--tw-ring-color:#4B2A07}
.tw-bg-purple-900{background-color:#402812}
.hover\:tw-bg-purple-900:hover{background-color:#402812}
.tw-text-purple-900{color:#402812}
.hover\:tw-text-purple-900:hover{color:#402812}
.tw-border-purple-900{border-color:#402812}
.hover\:tw-border-purple-900:hover{border-color:#402812}
.tw-ring-purple-900{--tw-ring-color:#402812}
.tw-bg-purple-950{background-color:#251B15}
.hover\:tw-bg-purple-950:hover{background-color:#251B15}
.tw-text-purple-950{color:#251B15}
.hover\:tw-text-purple-950:hover{color:#251B15}
.tw-border-purple-950{border-color:#251B15}
.hover\:tw-border-purple-950:hover{border-color:#251B15}
.tw-ring-purple-950{--tw-ring-color:#251B15}
.tw-bg-gray-50{background-color:#F8F7F4}
.hover\:tw-bg-gray-50:hover{background-color:#F8F7F4}
.tw-text-gray-50{color:#F8F7F4}
.hover\:tw-text-gray-50:hover{color:#F8F7F4}
.tw-border-gray-50{border-color:#F8F7F4}
.hover\:tw-border-gray-50:hover{border-color:#F8F7F4}
.tw-ring-gray-50{--tw-ring-color:#F8F7F4}
.tw-bg-gray-100{background-color:#EDEAE3}
.hover\:tw-bg-gray-100:hover{background-color:#EDEAE3}
.tw-text-gray-100{color:#EDEAE3}
.hover\:tw-text-gray-100:hover{color:#EDEAE3}
.tw-border-gray-100{border-color:#EDEAE3}
.hover\:tw-border-gray-100:hover{border-color:#EDEAE3}
.tw-ring-gray-100{--tw-ring-color:#EDEAE3}
.tw-bg-gray-200{background-color:#DED2C7}
.hover\:tw-bg-gray-200:hover{background-color:#DED2C7}
.tw-text-gray-200{color:#DED2C7}
.hover\:tw-text-gray-200:hover{color:#DED2C7}
.tw-border-gray-200{border-color:#DED2C7}
.hover\:tw-border-gray-200:hover{border-color:#DED2C7}
.tw-ring-gray-200{--tw-ring-color:#DED2C7}
.tw-bg-gray-300{background-color:#D0BBAC}
.hover\:tw-bg-gray-300:hover{background-color:#D0BBAC}
.tw-text-gray-300{color:#D0BBAC}
.hover\:tw-text-gray-300:hover{color:#D0BBAC}
.tw-border-gray-300{border-color:#D0BBAC}
.hover\:tw-border-gray-300:hover{border-color:#D0BBAC}
.tw-ring-gray-300{--tw-ring-color:#D0BBAC}
.tw-bg-gray-400{background-color:#B8957F}
.hover\:tw-bg-gray-400:hover{background-color:#B8957F}
.tw-text-gray-400{color:#B8957F}
.hover\:tw-text-gray-400:hover{color:#B8957F}
.tw-border-gray-400{border-color:#B8957F}
.hover\:tw-border-gray-400:hover{border-color:#B8957F}
.tw-ring-gray-400{--tw-ring-color:#B8957F}
.tw-bg-gray-500{background-color:#8A6E5D}
.hover\:tw-bg-gray-500:hover{background-color:#8A6E5D}
.tw-text-gray-500{color:#8A6E5D}
.hover\:tw-text-gray-500:hover{color:#8A6E5D}
.tw-border-gray-500{border-color:#8A6E5D}
.hover\:tw-border-gray-500:hover{border-color:#8A6E5D}
.tw-ring-gray-500{--tw-ring-color:#8A6E5D}
.tw-bg-gray-600{background-color:#695245}
.hover\:tw-bg-gray-600:hover{background-color:#695245}
.tw-text-gray-600{color:#695245}
.hover\:tw-text-gray-600:hover{color:#695245}
.tw-border-gray-600{border-color:#695245}
.hover\:tw-border-gray-600:hover{border-color:#695245}
.tw-ring-gray-600{--tw-ring-color:#695245}
.tw-bg-gray-700{background-color:#4D3A2F}
.hover\:tw-bg-gray-700:hover{background-color:#4D3A2F}
.tw-text-gray-700{color:#4D3A2F}
.hover\:tw-text-gray-700:hover{color:#4D3A2F}
.tw-border-gray-700{border-color:#4D3A2F}
.hover\:tw-border-gray-700:hover{border-color:#4D3A2F}
.tw-ring-gray-700{--tw-ring-color:#4D3A2F}
.tw-bg-gray-800{background-color:#35261E}
.hover\:tw-bg-gray-800:hover{background-color:#35261E}
.tw-text-gray-800{color:#35261E}
.hover\:tw-text-gray-800:hover{color:#35261E}
.tw-border-gray-800{border-color:#35261E}
.hover\:tw-border-gray-800:hover{border-color:#35261E}
.tw-ring-gray-800{--tw-ring-color:#35261E}
.tw-bg-gray-900{background-color:#251B15}
.hover\:tw-bg-gray-900:hover{background-color:#251B15}
.tw-text-gray-900{color:#251B15}
.hover\:tw-text-gray-900:hover{color:#251B15}
.tw-border-gray-900{border-color:#251B15}
.hover\:tw-border-gray-900:hover{border-color:#251B15}
.tw-ring-gray-900{--tw-ring-color:#251B15}
.tw-bg-gray-950{background-color:#1A130F}
.hover\:tw-bg-gray-950:hover{background-color:#1A130F}
.tw-text-gray-950{color:#1A130F}
.hover\:tw-text-gray-950:hover{color:#1A130F}
.tw-border-gray-950{border-color:#1A130F}
.hover\:tw-border-gray-950:hover{border-color:#1A130F}
.tw-ring-gray-950{--tw-ring-color:#1A130F}
.tw-bg-slate-50{background-color:#F8F7F4}
.hover\:tw-bg-slate-50:hover{background-color:#F8F7F4}
.tw-text-slate-50{color:#F8F7F4}
.hover\:tw-text-slate-50:hover{color:#F8F7F4}
.tw-border-slate-50{border-color:#F8F7F4}
.hover\:tw-border-slate-50:hover{border-color:#F8F7F4}
.tw-ring-slate-50{--tw-ring-color:#F8F7F4}
.tw-bg-slate-100{background-color:#EDEAE3}
.hover\:tw-bg-slate-100:hover{background-color:#EDEAE3}
.tw-text-slate-100{color:#EDEAE3}
.hover\:tw-text-slate-100:hover{color:#EDEAE3}
.tw-border-slate-100{border-color:#EDEAE3}
.hover\:tw-border-slate-100:hover{border-color:#EDEAE3}
.tw-ring-slate-100{--tw-ring-color:#EDEAE3}
.tw-bg-slate-200{background-color:#DED2C7}
.hover\:tw-bg-slate-200:hover{background-color:#DED2C7}
.tw-text-slate-200{color:#DED2C7}
.hover\:tw-text-slate-200:hover{color:#DED2C7}
.tw-border-slate-200{border-color:#DED2C7}
.hover\:tw-border-slate-200:hover{border-color:#DED2C7}
.tw-ring-slate-200{--tw-ring-color:#DED2C7}
.tw-bg-slate-300{background-color:#D0BBAC}
.hover\:tw-bg-slate-300:hover{background-color:#D0BBAC}
.tw-text-slate-300{color:#D0BBAC}
.hover\:tw-text-slate-300:hover{color:#D0BBAC}
.tw-border-slate-300{border-color:#D0BBAC}
.hover\:tw-border-slate-300:hover{border-color:#D0BBAC}
.tw-ring-slate-300{--tw-ring-color:#D0BBAC}
.tw-bg-slate-400{background-color:#B8957F}
.hover\:tw-bg-slate-400:hover{background-color:#B8957F}
.tw-text-slate-400{color:#B8957F}
.hover\:tw-text-slate-400:hover{color:#B8957F}
.tw-border-slate-400{border-color:#B8957F}
.hover\:tw-border-slate-400:hover{border-color:#B8957F}
.tw-ring-slate-400{--tw-ring-color:#B8957F}
.tw-bg-slate-500{background-color:#8A6E5D}
.hover\:tw-bg-slate-500:hover{background-color:#8A6E5D}
.tw-text-slate-500{color:#8A6E5D}
.hover\:tw-text-slate-500:hover{color:#8A6E5D}
.tw-border-slate-500{border-color:#8A6E5D}
.hover\:tw-border-slate-500:hover{border-color:#8A6E5D}
.tw-ring-slate-500{--tw-ring-color:#8A6E5D}
.tw-bg-slate-600{background-color:#695245}
.hover\:tw-bg-slate-600:hover{background-color:#695245}
.tw-text-slate-600{color:#695245}
.hover\:tw-text-slate-600:hover{color:#695245}
.tw-border-slate-600{border-color:#695245}
.hover\:tw-border-slate-600:hover{border-color:#695245}
.tw-ring-slate-600{--tw-ring-color:#695245}
.tw-bg-slate-700{background-color:#4D3A2F}
.hover\:tw-bg-slate-700:hover{background-color:#4D3A2F}
.tw-text-slate-700{color:#4D3A2F}
.hover\:tw-text-slate-700:hover{color:#4D3A2F}
.tw-border-slate-700{border-color:#4D3A2F}
.hover\:tw-border-slate-700:hover{border-color:#4D3A2F}
.tw-ring-slate-700{--tw-ring-color:#4D3A2F}
.tw-bg-slate-800{background-color:#35261E}
.hover\:tw-bg-slate-800:hover{background-color:#35261E}
.tw-text-slate-800{color:#35261E}
.hover\:tw-text-slate-800:hover{color:#35261E}
.tw-border-slate-800{border-color:#35261E}
.hover\:tw-border-slate-800:hover{border-color:#35261E}
.tw-ring-slate-800{--tw-ring-color:#35261E}
.tw-bg-slate-900{background-color:#251B15}
.hover\:tw-bg-slate-900:hover{background-color:#251B15}
.tw-text-slate-900{color:#251B15}
.hover\:tw-text-slate-900:hover{color:#251B15}
.tw-border-slate-900{border-color:#251B15}
.hover\:tw-border-slate-900:hover{border-color:#251B15}
.tw-ring-slate-900{--tw-ring-color:#251B15}
.tw-bg-slate-950{background-color:#1A130F}
.hover\:tw-bg-slate-950:hover{background-color:#1A130F}
.tw-text-slate-950{color:#1A130F}
.hover\:tw-text-slate-950:hover{color:#1A130F}
.tw-border-slate-950{border-color:#1A130F}
.hover\:tw-border-slate-950:hover{border-color:#1A130F}
.tw-ring-slate-950{--tw-ring-color:#1A130F}
.tw-bg-zinc-50{background-color:#F8F7F4}
.hover\:tw-bg-zinc-50:hover{background-color:#F8F7F4}
.tw-text-zinc-50{color:#F8F7F4}
.hover\:tw-text-zinc-50:hover{color:#F8F7F4}
.tw-border-zinc-50{border-color:#F8F7F4}
.hover\:tw-border-zinc-50:hover{border-color:#F8F7F4}
.tw-ring-zinc-50{--tw-ring-color:#F8F7F4}
.tw-bg-zinc-100{background-color:#EDEAE3}
.hover\:tw-bg-zinc-100:hover{background-color:#EDEAE3}
.tw-text-zinc-100{color:#EDEAE3}
.hover\:tw-text-zinc-100:hover{color:#EDEAE3}
.tw-border-zinc-100{border-color:#EDEAE3}
.hover\:tw-border-zinc-100:hover{border-color:#EDEAE3}
.tw-ring-zinc-100{--tw-ring-color:#EDEAE3}
.tw-bg-zinc-200{background-color:#DED2C7}
.hover\:tw-bg-zinc-200:hover{background-color:#DED2C7}
.tw-text-zinc-200{color:#DED2C7}
.hover\:tw-text-zinc-200:hover{color:#DED2C7}
.tw-border-zinc-200{border-color:#DED2C7}
.hover\:tw-border-zinc-200:hover{border-color:#DED2C7}
.tw-ring-zinc-200{--tw-ring-color:#DED2C7}
.tw-bg-zinc-300{background-color:#D0BBAC}
.hover\:tw-bg-zinc-300:hover{background-color:#D0BBAC}
.tw-text-zinc-300{color:#D0BBAC}
.hover\:tw-text-zinc-300:hover{color:#D0BBAC}
.tw-border-zinc-300{border-color:#D0BBAC}
.hover\:tw-border-zinc-300:hover{border-color:#D0BBAC}
.tw-ring-zinc-300{--tw-ring-color:#D0BBAC}
.tw-bg-zinc-400{background-color:#B8957F}
.hover\:tw-bg-zinc-400:hover{background-color:#B8957F}
.tw-text-zinc-400{color:#B8957F}
.hover\:tw-text-zinc-400:hover{color:#B8957F}
.tw-border-zinc-400{border-color:#B8957F}
.hover\:tw-border-zinc-400:hover{border-color:#B8957F}
.tw-ring-zinc-400{--tw-ring-color:#B8957F}
.tw-bg-zinc-500{background-color:#8A6E5D}
.hover\:tw-bg-zinc-500:hover{background-color:#8A6E5D}
.tw-text-zinc-500{color:#8A6E5D}
.hover\:tw-text-zinc-500:hover{color:#8A6E5D}
.tw-border-zinc-500{border-color:#8A6E5D}
.hover\:tw-border-zinc-500:hover{border-color:#8A6E5D}
.tw-ring-zinc-500{--tw-ring-color:#8A6E5D}
.tw-bg-zinc-600{background-color:#695245}
.hover\:tw-bg-zinc-600:hover{background-color:#695245}
.tw-text-zinc-600{color:#695245}
.hover\:tw-text-zinc-600:hover{color:#695245}
.tw-border-zinc-600{border-color:#695245}
.hover\:tw-border-zinc-600:hover{border-color:#695245}
.tw-ring-zinc-600{--tw-ring-color:#695245}
.tw-bg-zinc-700{background-color:#4D3A2F}
.hover\:tw-bg-zinc-700:hover{background-color:#4D3A2F}
.tw-text-zinc-700{color:#4D3A2F}
.hover\:tw-text-zinc-700:hover{color:#4D3A2F}
.tw-border-zinc-700{border-color:#4D3A2F}
.hover\:tw-border-zinc-700:hover{border-color:#4D3A2F}
.tw-ring-zinc-700{--tw-ring-color:#4D3A2F}
.tw-bg-zinc-800{background-color:#35261E}
.hover\:tw-bg-zinc-800:hover{background-color:#35261E}
.tw-text-zinc-800{color:#35261E}
.hover\:tw-text-zinc-800:hover{color:#35261E}
.tw-border-zinc-800{border-color:#35261E}
.hover\:tw-border-zinc-800:hover{border-color:#35261E}
.tw-ring-zinc-800{--tw-ring-color:#35261E}
.tw-bg-zinc-900{background-color:#251B15}
.hover\:tw-bg-zinc-900:hover{background-color:#251B15}
.tw-text-zinc-900{color:#251B15}
.hover\:tw-text-zinc-900:hover{color:#251B15}
.tw-border-zinc-900{border-color:#251B15}
.hover\:tw-border-zinc-900:hover{border-color:#251B15}
.tw-ring-zinc-900{--tw-ring-color:#251B15}
.tw-bg-zinc-950{background-color:#1A130F}
.hover\:tw-bg-zinc-950:hover{background-color:#1A130F}
.tw-text-zinc-950{color:#1A130F}
.hover\:tw-text-zinc-950:hover{color:#1A130F}
.tw-border-zinc-950{border-color:#1A130F}
.hover\:tw-border-zinc-950:hover{border-color:#1A130F}
.tw-ring-zinc-950{--tw-ring-color:#1A130F}
.tw-bg-neutral-50{background-color:#F8F7F4}
.hover\:tw-bg-neutral-50:hover{background-color:#F8F7F4}
.tw-text-neutral-50{color:#F8F7F4}
.hover\:tw-text-neutral-50:hover{color:#F8F7F4}
.tw-border-neutral-50{border-color:#F8F7F4}
.hover\:tw-border-neutral-50:hover{border-color:#F8F7F4}
.tw-ring-neutral-50{--tw-ring-color:#F8F7F4}
.tw-bg-neutral-100{background-color:#EDEAE3}
.hover\:tw-bg-neutral-100:hover{background-color:#EDEAE3}
.tw-text-neutral-100{color:#EDEAE3}
.hover\:tw-text-neutral-100:hover{color:#EDEAE3}
.tw-border-neutral-100{border-color:#EDEAE3}
.hover\:tw-border-neutral-100:hover{border-color:#EDEAE3}
.tw-ring-neutral-100{--tw-ring-color:#EDEAE3}
.tw-bg-neutral-200{background-color:#DED2C7}
.hover\:tw-bg-neutral-200:hover{background-color:#DED2C7}
.tw-text-neutral-200{color:#DED2C7}
.hover\:tw-text-neutral-200:hover{color:#DED2C7}
.tw-border-neutral-200{border-color:#DED2C7}
.hover\:tw-border-neutral-200:hover{border-color:#DED2C7}
.tw-ring-neutral-200{--tw-ring-color:#DED2C7}
.tw-bg-neutral-300{background-color:#D0BBAC}
.hover\:tw-bg-neutral-300:hover{background-color:#D0BBAC}
.tw-text-neutral-300{color:#D0BBAC}
.hover\:tw-text-neutral-300:hover{color:#D0BBAC}
.tw-border-neutral-300{border-color:#D0BBAC}
.hover\:tw-border-neutral-300:hover{border-color:#D0BBAC}
.tw-ring-neutral-300{--tw-ring-color:#D0BBAC}
.tw-bg-neutral-400{background-color:#B8957F}
.hover\:tw-bg-neutral-400:hover{background-color:#B8957F}
.tw-text-neutral-400{color:#B8957F}
.hover\:tw-text-neutral-400:hover{color:#B8957F}
.tw-border-neutral-400{border-color:#B8957F}
.hover\:tw-border-neutral-400:hover{border-color:#B8957F}
.tw-ring-neutral-400{--tw-ring-color:#B8957F}
.tw-bg-neutral-500{background-color:#8A6E5D}
.hover\:tw-bg-neutral-500:hover{background-color:#8A6E5D}
.tw-text-neutral-500{color:#8A6E5D}
.hover\:tw-text-neutral-500:hover{color:#8A6E5D}
.tw-border-neutral-500{border-color:#8A6E5D}
.hover\:tw-border-neutral-500:hover{border-color:#8A6E5D}
.tw-ring-neutral-500{--tw-ring-color:#8A6E5D}
.tw-bg-neutral-600{background-color:#695245}
.hover\:tw-bg-neutral-600:hover{background-color:#695245}
.tw-text-neutral-600{color:#695245}
.hover\:tw-text-neutral-600:hover{color:#695245}
.tw-border-neutral-600{border-color:#695245}
.hover\:tw-border-neutral-600:hover{border-color:#695245}
.tw-ring-neutral-600{--tw-ring-color:#695245}
.tw-bg-neutral-700{background-color:#4D3A2F}
.hover\:tw-bg-neutral-700:hover{background-color:#4D3A2F}
.tw-text-neutral-700{color:#4D3A2F}
.hover\:tw-text-neutral-700:hover{color:#4D3A2F}
.tw-border-neutral-700{border-color:#4D3A2F}
.hover\:tw-border-neutral-700:hover{border-color:#4D3A2F}
.tw-ring-neutral-700{--tw-ring-color:#4D3A2F}
.tw-bg-neutral-800{background-color:#35261E}
.hover\:tw-bg-neutral-800:hover{background-color:#35261E}
.tw-text-neutral-800{color:#35261E}
.hover\:tw-text-neutral-800:hover{color:#35261E}
.tw-border-neutral-800{border-color:#35261E}
.hover\:tw-border-neutral-800:hover{border-color:#35261E}
.tw-ring-neutral-800{--tw-ring-color:#35261E}
.tw-bg-neutral-900{background-color:#251B15}
.hover\:tw-bg-neutral-900:hover{background-color:#251B15}
.tw-text-neutral-900{color:#251B15}
.hover\:tw-text-neutral-900:hover{color:#251B15}
.tw-border-neutral-900{border-color:#251B15}
.hover\:tw-border-neutral-900:hover{border-color:#251B15}
.tw-ring-neutral-900{--tw-ring-color:#251B15}
.tw-bg-neutral-950{background-color:#1A130F}
.hover\:tw-bg-neutral-950:hover{background-color:#1A130F}
.tw-text-neutral-950{color:#1A130F}
.hover\:tw-text-neutral-950:hover{color:#1A130F}
.tw-border-neutral-950{border-color:#1A130F}
.hover\:tw-border-neutral-950:hover{border-color:#1A130F}
.tw-ring-neutral-950{--tw-ring-color:#1A130F}
.tw-bg-primary-500\/5{background-color:rgba(108,56,19,0.05)}
.tw-border-primary-500\/5{border-color:rgba(108,56,19,0.05)}
.tw-ring-primary-500\/5{--tw-ring-color:rgba(108,56,19,0.05)}
.tw-bg-primary-600\/5{background-color:rgba(108,56,19,0.05)}
.tw-border-primary-600\/5{border-color:rgba(108,56,19,0.05)}
.tw-ring-primary-600\/5{--tw-ring-color:rgba(108,56,19,0.05)}
.tw-bg-primary-500\/10{background-color:rgba(108,56,19,0.1)}
.tw-border-primary-500\/10{border-color:rgba(108,56,19,0.1)}
.tw-ring-primary-500\/10{--tw-ring-color:rgba(108,56,19,0.1)}
.tw-bg-primary-600\/10{background-color:rgba(108,56,19,0.1)}
.tw-border-primary-600\/10{border-color:rgba(108,56,19,0.1)}
.tw-ring-primary-600\/10{--tw-ring-color:rgba(108,56,19,0.1)}
.tw-bg-primary-500\/20{background-color:rgba(108,56,19,0.2)}
.tw-border-primary-500\/20{border-color:rgba(108,56,19,0.2)}
.tw-ring-primary-500\/20{--tw-ring-color:rgba(108,56,19,0.2)}
.tw-bg-primary-600\/20{background-color:rgba(108,56,19,0.2)}
.tw-border-primary-600\/20{border-color:rgba(108,56,19,0.2)}
.tw-ring-primary-600\/20{--tw-ring-color:rgba(108,56,19,0.2)}
.tw-bg-primary-500\/30{background-color:rgba(108,56,19,0.3)}
.tw-border-primary-500\/30{border-color:rgba(108,56,19,0.3)}
.tw-ring-primary-500\/30{--tw-ring-color:rgba(108,56,19,0.3)}
.tw-bg-primary-600\/30{background-color:rgba(108,56,19,0.3)}
.tw-border-primary-600\/30{border-color:rgba(108,56,19,0.3)}
.tw-ring-primary-600\/30{--tw-ring-color:rgba(108,56,19,0.3)}
.tw-bg-sky-500\/5{background-color:rgba(108,56,19,0.05)}
.tw-border-sky-500\/5{border-color:rgba(108,56,19,0.05)}
.tw-ring-sky-500\/5{--tw-ring-color:rgba(108,56,19,0.05)}
.tw-bg-sky-600\/5{background-color:rgba(108,56,19,0.05)}
.tw-border-sky-600\/5{border-color:rgba(108,56,19,0.05)}
.tw-ring-sky-600\/5{--tw-ring-color:rgba(108,56,19,0.05)}
.tw-bg-sky-500\/10{background-color:rgba(108,56,19,0.1)}
.tw-border-sky-500\/10{border-color:rgba(108,56,19,0.1)}
.tw-ring-sky-500\/10{--tw-ring-color:rgba(108,56,19,0.1)}
.tw-bg-sky-600\/10{background-color:rgba(108,56,19,0.1)}
.tw-border-sky-600\/10{border-color:rgba(108,56,19,0.1)}
.tw-ring-sky-600\/10{--tw-ring-color:rgba(108,56,19,0.1)}
.tw-bg-sky-500\/20{background-color:rgba(108,56,19,0.2)}
.tw-border-sky-500\/20{border-color:rgba(108,56,19,0.2)}
.tw-ring-sky-500\/20{--tw-ring-color:rgba(108,56,19,0.2)}
.tw-bg-sky-600\/20{background-color:rgba(108,56,19,0.2)}
.tw-border-sky-600\/20{border-color:rgba(108,56,19,0.2)}
.tw-ring-sky-600\/20{--tw-ring-color:rgba(108,56,19,0.2)}
.tw-bg-sky-500\/30{background-color:rgba(108,56,19,0.3)}
.tw-border-sky-500\/30{border-color:rgba(108,56,19,0.3)}
.tw-ring-sky-500\/30{--tw-ring-color:rgba(108,56,19,0.3)}
.tw-bg-sky-600\/30{background-color:rgba(108,56,19,0.3)}
.tw-border-sky-600\/30{border-color:rgba(108,56,19,0.3)}
.tw-ring-sky-600\/30{--tw-ring-color:rgba(108,56,19,0.3)}
.tw-bg-blue-500\/5{background-color:rgba(108,56,19,0.05)}
.tw-border-blue-500\/5{border-color:rgba(108,56,19,0.05)}
.tw-ring-blue-500\/5{--tw-ring-color:rgba(108,56,19,0.05)}
.tw-bg-blue-600\/5{background-color:rgba(108,56,19,0.05)}
.tw-border-blue-600\/5{border-color:rgba(108,56,19,0.05)}
.tw-ring-blue-600\/5{--tw-ring-color:rgba(108,56,19,0.05)}
.tw-bg-blue-500\/10{background-color:rgba(108,56,19,0.1)}
.tw-border-blue-500\/10{border-color:rgba(108,56,19,0.1)}
.tw-ring-blue-500\/10{--tw-ring-color:rgba(108,56,19,0.1)}
.tw-bg-blue-600\/10{background-color:rgba(108,56,19,0.1)}
.tw-border-blue-600\/10{border-color:rgba(108,56,19,0.1)}
.tw-ring-blue-600\/10{--tw-ring-color:rgba(108,56,19,0.1)}
.tw-bg-blue-500\/20{background-color:rgba(108,56,19,0.2)}
.tw-border-blue-500\/20{border-color:rgba(108,56,19,0.2)}
.tw-ring-blue-500\/20{--tw-ring-color:rgba(108,56,19,0.2)}
.tw-bg-blue-600\/20{background-color:rgba(108,56,19,0.2)}
.tw-border-blue-600\/20{border-color:rgba(108,56,19,0.2)}
.tw-ring-blue-600\/20{--tw-ring-color:rgba(108,56,19,0.2)}
.tw-bg-blue-500\/30{background-color:rgba(108,56,19,0.3)}
.tw-border-blue-500\/30{border-color:rgba(108,56,19,0.3)}
.tw-ring-blue-500\/30{--tw-ring-color:rgba(108,56,19,0.3)}
.tw-bg-blue-600\/30{background-color:rgba(108,56,19,0.3)}
.tw-border-blue-600\/30{border-color:rgba(108,56,19,0.3)}
.tw-ring-blue-600\/30{--tw-ring-color:rgba(108,56,19,0.3)}
.tw-bg-indigo-500\/5{background-color:rgba(108,56,19,0.05)}
.tw-border-indigo-500\/5{border-color:rgba(108,56,19,0.05)}
.tw-ring-indigo-500\/5{--tw-ring-color:rgba(108,56,19,0.05)}
.tw-bg-indigo-600\/5{background-color:rgba(108,56,19,0.05)}
.tw-border-indigo-600\/5{border-color:rgba(108,56,19,0.05)}
.tw-ring-indigo-600\/5{--tw-ring-color:rgba(108,56,19,0.05)}
.tw-bg-indigo-500\/10{background-color:rgba(108,56,19,0.1)}
.tw-border-indigo-500\/10{border-color:rgba(108,56,19,0.1)}
.tw-ring-indigo-500\/10{--tw-ring-color:rgba(108,56,19,0.1)}
.tw-bg-indigo-600\/10{background-color:rgba(108,56,19,0.1)}
.tw-border-indigo-600\/10{border-color:rgba(108,56,19,0.1)}
.tw-ring-indigo-600\/10{--tw-ring-color:rgba(108,56,19,0.1)}
.tw-bg-indigo-500\/20{background-color:rgba(108,56,19,0.2)}
.tw-border-indigo-500\/20{border-color:rgba(108,56,19,0.2)}
.tw-ring-indigo-500\/20{--tw-ring-color:rgba(108,56,19,0.2)}
.tw-bg-indigo-600\/20{background-color:rgba(108,56,19,0.2)}
.tw-border-indigo-600\/20{border-color:rgba(108,56,19,0.2)}
.tw-ring-indigo-600\/20{--tw-ring-color:rgba(108,56,19,0.2)}
.tw-bg-indigo-500\/30{background-color:rgba(108,56,19,0.3)}
.tw-border-indigo-500\/30{border-color:rgba(108,56,19,0.3)}
.tw-ring-indigo-500\/30{--tw-ring-color:rgba(108,56,19,0.3)}
.tw-bg-indigo-600\/30{background-color:rgba(108,56,19,0.3)}
.tw-border-indigo-600\/30{border-color:rgba(108,56,19,0.3)}
.tw-ring-indigo-600\/30{--tw-ring-color:rgba(108,56,19,0.3)}
.tw-bg-cyan-500\/5{background-color:rgba(108,56,19,0.05)}
.tw-border-cyan-500\/5{border-color:rgba(108,56,19,0.05)}
.tw-ring-cyan-500\/5{--tw-ring-color:rgba(108,56,19,0.05)}
.tw-bg-cyan-600\/5{background-color:rgba(108,56,19,0.05)}
.tw-border-cyan-600\/5{border-color:rgba(108,56,19,0.05)}
.tw-ring-cyan-600\/5{--tw-ring-color:rgba(108,56,19,0.05)}
.tw-bg-cyan-500\/10{background-color:rgba(108,56,19,0.1)}
.tw-border-cyan-500\/10{border-color:rgba(108,56,19,0.1)}
.tw-ring-cyan-500\/10{--tw-ring-color:rgba(108,56,19,0.1)}
.tw-bg-cyan-600\/10{background-color:rgba(108,56,19,0.1)}
.tw-border-cyan-600\/10{border-color:rgba(108,56,19,0.1)}
.tw-ring-cyan-600\/10{--tw-ring-color:rgba(108,56,19,0.1)}
.tw-bg-cyan-500\/20{background-color:rgba(108,56,19,0.2)}
.tw-border-cyan-500\/20{border-color:rgba(108,56,19,0.2)}
.tw-ring-cyan-500\/20{--tw-ring-color:rgba(108,56,19,0.2)}
.tw-bg-cyan-600\/20{background-color:rgba(108,56,19,0.2)}
.tw-border-cyan-600\/20{border-color:rgba(108,56,19,0.2)}
.tw-ring-cyan-600\/20{--tw-ring-color:rgba(108,56,19,0.2)}
.tw-bg-cyan-500\/30{background-color:rgba(108,56,19,0.3)}
.tw-border-cyan-500\/30{border-color:rgba(108,56,19,0.3)}
.tw-ring-cyan-500\/30{--tw-ring-color:rgba(108,56,19,0.3)}
.tw-bg-cyan-600\/30{background-color:rgba(108,56,19,0.3)}
.tw-border-cyan-600\/30{border-color:rgba(108,56,19,0.3)}
.tw-ring-cyan-600\/30{--tw-ring-color:rgba(108,56,19,0.3)}
.tw-bg-violet-500\/5{background-color:rgba(108,56,19,0.05)}
.tw-border-violet-500\/5{border-color:rgba(108,56,19,0.05)}
.tw-ring-violet-500\/5{--tw-ring-color:rgba(108,56,19,0.05)}
.tw-bg-violet-600\/5{background-color:rgba(108,56,19,0.05)}
.tw-border-violet-600\/5{border-color:rgba(108,56,19,0.05)}
.tw-ring-violet-600\/5{--tw-ring-color:rgba(108,56,19,0.05)}
.tw-bg-violet-500\/10{background-color:rgba(108,56,19,0.1)}
.tw-border-violet-500\/10{border-color:rgba(108,56,19,0.1)}
.tw-ring-violet-500\/10{--tw-ring-color:rgba(108,56,19,0.1)}
.tw-bg-violet-600\/10{background-color:rgba(108,56,19,0.1)}
.tw-border-violet-600\/10{border-color:rgba(108,56,19,0.1)}
.tw-ring-violet-600\/10{--tw-ring-color:rgba(108,56,19,0.1)}
.tw-bg-violet-500\/20{background-color:rgba(108,56,19,0.2)}
.tw-border-violet-500\/20{border-color:rgba(108,56,19,0.2)}
.tw-ring-violet-500\/20{--tw-ring-color:rgba(108,56,19,0.2)}
.tw-bg-violet-600\/20{background-color:rgba(108,56,19,0.2)}
.tw-border-violet-600\/20{border-color:rgba(108,56,19,0.2)}
.tw-ring-violet-600\/20{--tw-ring-color:rgba(108,56,19,0.2)}
.tw-bg-violet-500\/30{background-color:rgba(108,56,19,0.3)}
.tw-border-violet-500\/30{border-color:rgba(108,56,19,0.3)}
.tw-ring-violet-500\/30{--tw-ring-color:rgba(108,56,19,0.3)}
.tw-bg-violet-600\/30{background-color:rgba(108,56,19,0.3)}
.tw-border-violet-600\/30{border-color:rgba(108,56,19,0.3)}
.tw-ring-violet-600\/30{--tw-ring-color:rgba(108,56,19,0.3)}
.tw-bg-purple-500\/5{background-color:rgba(108,56,19,0.05)}
.tw-border-purple-500\/5{border-color:rgba(108,56,19,0.05)}
.tw-ring-purple-500\/5{--tw-ring-color:rgba(108,56,19,0.05)}
.tw-bg-purple-600\/5{background-color:rgba(108,56,19,0.05)}
.tw-border-purple-600\/5{border-color:rgba(108,56,19,0.05)}
.tw-ring-purple-600\/5{--tw-ring-color:rgba(108,56,19,0.05)}
.tw-bg-purple-500\/10{background-color:rgba(108,56,19,0.1)}
.tw-border-purple-500\/10{border-color:rgba(108,56,19,0.1)}
.tw-ring-purple-500\/10{--tw-ring-color:rgba(108,56,19,0.1)}
.tw-bg-purple-600\/10{background-color:rgba(108,56,19,0.1)}
.tw-border-purple-600\/10{border-color:rgba(108,56,19,0.1)}
.tw-ring-purple-600\/10{--tw-ring-color:rgba(108,56,19,0.1)}
.tw-bg-purple-500\/20{background-color:rgba(108,56,19,0.2)}
.tw-border-purple-500\/20{border-color:rgba(108,56,19,0.2)}
.tw-ring-purple-500\/20{--tw-ring-color:rgba(108,56,19,0.2)}
.tw-bg-purple-600\/20{background-color:rgba(108,56,19,0.2)}
.tw-border-purple-600\/20{border-color:rgba(108,56,19,0.2)}
.tw-ring-purple-600\/20{--tw-ring-color:rgba(108,56,19,0.2)}
.tw-bg-purple-500\/30{background-color:rgba(108,56,19,0.3)}
.tw-border-purple-500\/30{border-color:rgba(108,56,19,0.3)}
.tw-ring-purple-500\/30{--tw-ring-color:rgba(108,56,19,0.3)}
.tw-bg-purple-600\/30{background-color:rgba(108,56,19,0.3)}
.tw-border-purple-600\/30{border-color:rgba(108,56,19,0.3)}
.tw-ring-purple-600\/30{--tw-ring-color:rgba(108,56,19,0.3)}

/* ==========================================================================
   LOGIN / REGISTER - video background (public/js/auth-video.js builds the layer)
   ========================================================================== */
.pm-auth-bg {
  position: fixed; inset: 0; z-index: -1; overflow: hidden;
  background: var(--pm-mahogany) center / cover no-repeat;
}
.pm-auth-video {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  opacity: 0; transition: opacity 1.2s var(--pm-ease);
}
.pm-auth-video.is-playing { opacity: 1; }
/* mahogany veil keeps the form readable on any frame */
.pm-auth-bg::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(120% 90% at 50% 40%, rgba(53, 38, 30, .15) 0%, rgba(53, 38, 30, .7) 100%),
    linear-gradient(180deg, rgba(53, 38, 30, .25) 0%, rgba(53, 38, 30, .5) 100%);
}
/* the form panels are raised cream slabs */
.login-form, .register-form, .right-col {
  background: rgba(237, 234, 227, .96) !important;
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, .5); border-radius: 26px;
  box-shadow: 18px 18px 40px rgba(0, 0, 0, .5), -8px -8px 24px rgba(255, 255, 255, .08);
}
.login-form h1, .register-form h1, .right-col h1, .login-form h2, .register-form h2 { color: var(--pm-mahogany) !important; }
@media (max-width: 767px) { .login-form, .register-form, .right-col { border-radius: 20px; } }