@import url('../../../global/fonts/inter-2cfeba.css');

:root {
  --rh-page: #f5f3ef;
  --rh-surface: #ffffff;
  --rh-surface-alt: #efede8;
  --rh-ink: #242923;
  --rh-muted: #62685f;
  --rh-line: #dddeda;
  --rh-accent: #a94024;
  --rh-accent-hover: #87311a;
  --rh-accent-soft: #f9eae3;
  --rh-success: #226b51;
  --rh-success-soft: #e8f3ec;
  --rh-warning: #875800;
  --rh-warning-soft: #fff3d5;
  --rh-danger: #ae3036;
  --rh-danger-soft: #fce9e9;
  --rh-info: #335f8d;
  --rh-info-soft: #e9f1f9;
  --rh-radius: 12px;
  --rh-control-radius: 6px;
  --rh-shadow: 0 12px 32px rgb(30 35 29 / 12%);
  --rh-space-1: 4px;
  --rh-space-2: 8px;
  --rh-space-3: 12px;
  --rh-space-4: 16px;
  --rh-space-6: 24px;
  --rh-space-8: 32px;
  --rh-space-12: 48px;
  --rh-text-xs: .75rem;
  --rh-text-sm: .875rem;
  --rh-text-base: .9375rem;
  --rh-text-lg: 1.125rem;
  --rh-title: clamp(1.625rem, 2.4vw, 2.25rem);
  --rh-ease: cubic-bezier(.16, 1, .3, 1);
}
[data-rh-theme='dark'], :root:has(link[data-hs-current-theme][href*='theme-dark.min.css']:not([data-hs-appearnce-old])) {
  color-scheme: dark;
  --rh-page: #191d19;
  --rh-surface: #222722;
  --rh-surface-alt: #2c322b;
  --rh-ink: #f1f2ec;
  --rh-muted: #b3b9af;
  --rh-line: #41473e;
  --rh-accent: #f2a080;
  --rh-accent-hover: #ffbb9e;
  --rh-accent-soft: #403025;
  --rh-success: #8ad2af;
  --rh-success-soft: #253d30;
  --rh-warning: #edc372;
  --rh-warning-soft: #443b25;
  --rh-danger: #f2a1a4;
  --rh-danger-soft: #462c2e;
  --rh-info: #a3c3e7;
  --rh-info-soft: #283849;
}
.rh-app {
  --primary: var(--rh-accent);
  --secondary: var(--rh-muted);
  --success: var(--rh-success);
  --danger: var(--rh-danger);
  --warning: var(--rh-warning);
  --info: var(--rh-info);
  --black: var(--rh-page);
  --dark: var(--rh-surface);
  --dark2: var(--rh-surface-alt);
  --bgLight: var(--rh-surface);
  --bgLight2: var(--rh-surface-alt);
  --fontColor: var(--rh-muted);
  --fontColor2: var(--rh-ink);
  --borderColor: var(--rh-line);
  --white: var(--rh-ink);
  --bs-body-color: var(--rh-ink);
  --bs-body-bg: var(--rh-page);
  --bs-border-color: var(--rh-line);
  color: var(--rh-ink);
  background: var(--rh-page);
  font: 400 var(--rh-text-base)/1.55 'Inter', sans-serif;
  font-variant-numeric: tabular-nums lining-nums;
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
}
.rh-app *, .rh-app *::before, .rh-app *::after { box-sizing: border-box; }
.rh-app ::selection { background: var(--rh-accent-soft); color: var(--rh-accent); }
.rh-app * { scrollbar-width: thin; scrollbar-color: var(--rh-muted) var(--rh-surface-alt); }
.rh-app :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6) { color: var(--rh-ink); font-family: 'Inter', sans-serif; font-weight: 600; line-height: 1.25; letter-spacing: -.025em; text-wrap: balance; }
.rh-app h1 { font-size: var(--rh-title); }
.rh-app h2 { font-size: 1.5rem; }
.rh-app h3 { font-size: 1.125rem; }
.rh-app :is(h4,h5,h6) { font-size: 1rem; }
.rh-app :is(p,li,label,td,th,input,select,textarea,button,.btn,.btn-custom,.nav-link,.badge) { font-family: inherit; }
.rh-app p { color: var(--rh-muted); }
.rh-app a { color: var(--rh-accent); text-decoration: none; text-underline-offset: .2em; }
.rh-app a:hover { color: var(--rh-accent-hover); }
.rh-app :is(a,button,input,select,textarea,[tabindex]):focus-visible { outline: 2px solid var(--rh-accent); outline-offset: 3px; }
.rh-app strong, .rh-money { font-weight: 600; font-variant-numeric: tabular-nums lining-nums; letter-spacing: -.025em; }
.rh-app :is(.text-muted,.text-body,.text-secondary,.text-body-secondary,small) { color: var(--rh-muted) !important; }
.rh-app .text-primary { color: var(--rh-accent) !important; }
.rh-app .text-success { color: var(--rh-success) !important; }
.rh-app .text-warning { color: var(--rh-warning) !important; }
.rh-app .text-danger { color: var(--rh-danger) !important; }
.rh-app .text-info { color: var(--rh-info) !important; }
.rh-app :is(.card,.rh-panel,.modal-content,.dropdown-menu,.toast) { color: var(--rh-ink); background: var(--rh-surface); border: 1px solid var(--rh-line); border-radius: var(--rh-radius); box-shadow: none; }
.rh-app :is(.card-header,.card-footer,.modal-header,.modal-footer) { background: transparent; border-color: var(--rh-line); padding: 20px 24px; }
.rh-app .card-body { padding: 24px; }
.rh-app :is(.card,.rh-panel).p-3 { padding: 24px !important; }
.rh-app .card > .card { border: 0; }
.rh-app :is(.card,.rh-panel,.table-responsive,.row > *) { min-width: 0; }
.rh-app .card-hover-shadow:hover { box-shadow: none; border-color: var(--rh-accent); }
.rh-app :is(.btn,.btn-custom,.rh-btn) { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 10px 18px; border-radius: var(--rh-control-radius); font-size: .875rem; font-weight: 600; line-height: 1.4; text-transform: none; letter-spacing: 0; transition: background-color .18s ease, border-color .18s ease; white-space: normal; box-shadow: none; }
.rh-app :is(.btn-primary,.btn-custom,.rh-btn-primary) { color: #fff; background: var(--rh-accent); border: 1px solid var(--rh-accent); }
.rh-app :is(.btn-primary,.btn-custom,.rh-btn-primary):hover { background: var(--rh-accent-hover); border-color: var(--rh-accent-hover); color: #fff; }
.rh-app .btn-custom::before, .rh-app .btn-custom::after { display: none; }
.rh-app :is(.btn-outline-primary,.btn-outline-secondary,.btn-white,.btn-light,.btn-secondary,.btn-dark) { background: var(--rh-surface); border: 1px solid var(--rh-line); color: var(--rh-ink); }
.rh-app :is(.btn-outline-primary,.btn-outline-secondary,.btn-white,.btn-light,.btn-secondary,.btn-dark):hover { background: var(--rh-surface-alt); border-color: var(--rh-muted); color: var(--rh-ink); }
.rh-app .btn-danger { background: var(--rh-danger); border-color: var(--rh-danger); color: #fff; }
.rh-app .btn-sm { min-height: 34px; padding: 6px 12px; font-size: .8125rem; }
.rh-app .btn-icon { width: 42px; padding: 8px; }
.rh-app :is(button,.btn):disabled, .rh-app .btn.disabled { opacity: .48; cursor: not-allowed; }
.rh-app :is(.form-control,.form-select,.input-box .form-control,.input-box .form-select) { min-height: 44px; padding: 11px 13px; font-size: .875rem; line-height: 1.4; color: var(--rh-ink); background-color: var(--rh-surface); border: 1px solid var(--rh-line); border-radius: var(--rh-control-radius); box-shadow: none; caret-color: var(--rh-accent); width: 100%; }
.rh-app .form-select { padding-inline-end: 34px; }
.rh-app :is(input,textarea)::placeholder { color: var(--rh-muted); opacity: 1; }
.rh-app :is(.form-control,.form-select):focus { border-color: var(--rh-accent); background-color: var(--rh-surface); color: var(--rh-ink); box-shadow: 0 0 0 3px var(--rh-accent-soft); }
.rh-app :is(.form-control,.form-select):disabled { background-color: var(--rh-surface-alt); opacity: .7; }
.rh-app :is(.input-box label,.form-label,form label) { display: inline-block; margin-bottom: 7px; font-size: .8125rem; font-weight: 600; color: var(--rh-ink); line-height: 1.45; }
.rh-app .form-check-input { accent-color: var(--rh-accent); border-color: var(--rh-muted); }
.rh-app .form-check-input:checked { background-color: var(--rh-accent); border-color: var(--rh-accent); }
.rh-app .input-group-text { background: var(--rh-surface-alt); border-color: var(--rh-line); color: var(--rh-muted); }
.rh-app .is-invalid { border-color: var(--rh-danger) !important; }
.rh-app .table-responsive { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
.rh-app .table { width: 100%; color: var(--rh-ink); border-color: var(--rh-line); background: var(--rh-surface); margin: 0; font-size: .875rem; --bs-table-bg: transparent; --bs-table-color: var(--rh-ink); }
.rh-app .table thead { display: table-header-group; background: var(--rh-surface-alt); }
.rh-app .table tbody { display: table-row-group; }
.rh-app .table tr { display: table-row; border-color: var(--rh-line); }
.rh-app .table :is(th,td) { display: table-cell; padding: 15px 18px; text-align: start; vertical-align: middle; border-color: var(--rh-line); color: var(--rh-ink); background: transparent; }
.rh-app .table th { color: var(--rh-muted); font-size: .75rem; font-weight: 600; text-transform: none; letter-spacing: .01em; white-space: nowrap; }
.rh-app .table td::before { content: none; }
.rh-app .table tbody tr:hover { background: var(--rh-surface-alt); }
.rh-app .table td[colspan] { text-align: center; padding: 56px 20px; color: var(--rh-muted); white-space: normal; }
.rh-app .table :is(.text-end,[data-rh-money]) { text-align: end !important; }
.rh-app .badge { border-radius: 4px; padding: 6px 9px; font-size: .75rem; font-weight: 600; line-height: 1.25; white-space: normal; }
.rh-app :is(.badge.bg-success,.badge.bg-soft-success,.badge.bg-success-subtle,.badge-soft-success) { color: var(--rh-success) !important; background: var(--rh-success-soft) !important; }
.rh-app :is(.badge.bg-warning,.badge.bg-soft-warning,.badge-soft-warning) { color: var(--rh-warning) !important; background: var(--rh-warning-soft) !important; }
.rh-app :is(.badge.bg-danger,.badge.bg-soft-danger,.badge-soft-danger) { color: var(--rh-danger) !important; background: var(--rh-danger-soft) !important; }
.rh-app :is(.badge.bg-info,.badge.bg-soft-info,.badge-soft-info) { color: var(--rh-info) !important; background: var(--rh-info-soft) !important; }
.rh-app :is(.badge.bg-secondary,.badge.bg-primary,.badge.bg-soft-primary) { color: var(--rh-muted) !important; background: var(--rh-surface-alt) !important; }
.rh-app .alert { padding: 16px 20px; border-radius: 8px; border: 1px solid var(--rh-line); line-height: 1.5; box-shadow: none; }
.rh-app :is(.alert-warning,.alert-soft-warning) { background: var(--rh-warning-soft); color: var(--rh-warning); border-color: var(--rh-warning-soft); }
.rh-app :is(.alert-danger,.alert-soft-danger) { background: var(--rh-danger-soft); color: var(--rh-danger); border-color: var(--rh-danger-soft); }
.rh-app :is(.alert-success,.alert-soft-success) { background: var(--rh-success-soft); color: var(--rh-success); border-color: var(--rh-success-soft); }
.rh-app :is(.alert-info,.alert-primary) { background: var(--rh-info-soft); color: var(--rh-info); border-color: var(--rh-info-soft); }
.rh-app :is(.modal-content,.dropdown-menu,.toast) { box-shadow: var(--rh-shadow); border: 0; }
.rh-app .modal-dialog { margin-inline: auto; max-width: min(600px, calc(100% - 32px)); }
.rh-app .modal-body { padding: 24px; }
.rh-app .dropdown-item { color: var(--rh-ink); padding: 10px 16px; }
.rh-app .dropdown-item:hover { color: var(--rh-accent); background: var(--rh-accent-soft); }
.rh-app .nav-tabs { border-color: var(--rh-line); gap: 16px; }
.rh-app .nav-tabs .nav-link { color: var(--rh-muted); border: 0; border-bottom: 2px solid transparent; padding: 12px 0; border-radius: 0; }
.rh-app .nav-tabs .nav-link.active { color: var(--rh-accent); background: transparent; border-bottom-color: var(--rh-accent); }
.rh-app .page-link { color: var(--rh-ink); background: var(--rh-surface); border: 1px solid var(--rh-line); padding: 8px 13px; border-radius: 5px; }
.rh-app .pagination { gap: 6px; flex-wrap: wrap; margin: 24px 0 0; }
.rh-app .page-item.active .page-link { color: #fff; border-color: var(--rh-accent); background: var(--rh-accent); }
.rh-app .page-item.disabled .page-link { color: var(--rh-muted); background: var(--rh-surface-alt); border-color: var(--rh-line); }
.rh-app .progress { background: var(--rh-surface-alt); border-radius: 4px; height: 10px; }
.rh-app .progress-bar { background: var(--rh-accent); font-size: 0; border-radius: 4px; }
.rh-app :is(.border,.border-bottom,.border-top) { border-color: var(--rh-line) !important; }
.rh-app dl dt { color: var(--rh-muted); font-size: .8125rem; font-weight: 400; }
.rh-app dl dd { color: var(--rh-ink); font-weight: 600; margin-bottom: 18px; overflow-wrap: anywhere; }
.rh-empty { display: grid; justify-items: center; padding: 64px 24px; text-align: center; gap: 12px; color: var(--rh-muted); }
.rh-empty > i { color: var(--rh-accent); font-size: 32px; margin-bottom: 6px; }
.rh-empty h3 { margin: 0; }
.rh-empty p { max-width: 48ch; margin: 0 0 8px; }
.rh-wordmark { width: 176px; height: 40px; object-fit: contain; }
.rh-icon { width: 32px; height: 32px; }
.rh-app [v-cloak] { display: none; }
@media (max-width: 575px) {
  .rh-app :is(.card,.rh-panel).p-3, .rh-app .card-body { padding: 18px !important; }
  .rh-app :is(.card-header,.card-footer,.modal-header,.modal-footer,.modal-body) { padding: 18px; }
  .rh-app .table { min-width: 620px; }
  .rh-app .table :is(td,th) { padding: 13px; }
  .rh-app .table td[colspan] { text-align: start; }
  .rh-app .table-responsive:has(td[colspan]:only-child) .table { min-width: 100%; }
  .rh-app h2 { font-size: 1.375rem; }
  .rh-app :is(.input-group,.d-flex) { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .rh-app *, .rh-app *::before, .rh-app *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}

:is([data-rh-theme=dark],:root:has(link[data-hs-current-theme][href*='theme-dark.min.css']:not([data-hs-appearnce-old]))) .rh-app :is(.btn-primary,.btn-custom,.page-item.active .page-link), .rh-app[data-rh-theme=dark] :is(.btn-primary,.btn-custom,.page-item.active .page-link) { color: #242923 !important; }

.rh-app .btn-outline-danger { color: var(--rh-danger); border-color: var(--rh-danger); background: transparent; }
.rh-app .btn-outline-danger:hover { background: var(--rh-danger-soft); }
.rh-app .btn-info { color: var(--rh-info); border-color: var(--rh-info-soft); background: var(--rh-info-soft); }
.rh-app .btn-success { color: var(--rh-success); border-color: var(--rh-success-soft); background: var(--rh-success-soft); }
:is([data-rh-theme=dark],:root:has(link[data-hs-current-theme][href*='theme-dark.min.css']:not([data-hs-appearnce-old]))) .rh-app .btn-danger { color: #242923; }

.rh-app .table-responsive .table tbody tr { display: table-row; }
.rh-app .table-responsive .table tr :is(th,td) { border-radius: 0; padding: 15px 18px; text-align: start; text-transform: none; }
.rh-app .table-responsive .table tbody tr td { display: table-cell; color: var(--rh-ink); border-bottom: 1px solid var(--rh-line) !important; }
.rh-app .table-responsive .table tbody tr td::before { content: none; }
.rh-app .table-responsive .table tr .text-end { text-align: end !important; }