body {
}

:root {
    --mud-palette-black: #000000 !important;
    --mud-palette-white: #FFFFFF !important;
    --mud-palette-primary: #6D4C41 !important;
    --mud-palette-primary-rgb: 109,76,65 !important;
    --mud-palette-primary-text: #FFFFFF !important;
    --mud-palette-primary-darken: rgb(85,59,51) !important;
    --mud-palette-primary-lighten: rgb(133,93,79) !important;
    --mud-palette-primary-hover: rgba(109,76,65, 0.06) !important;
    --mud-palette-secondary: #FF4081 !important;
    --mud-palette-secondary-rgb: 255,64,129 !important;
    --mud-palette-secondary-text: #FFFFFF !important;
    --mud-palette-secondary-darken: rgb(255,26,104) !important;
    --mud-palette-secondary-lighten: rgb(255,102,154) !important;
    --mud-palette-secondary-hover: rgba(255,64,129, 0.06) !important;
    --mud-palette-tertiary: #1EC8A5 !important;
    --mud-palette-tertiary-rgb: 30,200,165 !important;
    --mud-palette-tertiary-text: #FFFFFF !important;
    --mud-palette-tertiary-darken: rgb(25,167,138) !important;
    --mud-palette-tertiary-lighten: rgb(45,223,187) !important;
    --mud-palette-tertiary-hover: rgba(30,200,165, 0.06) !important;
    --mud-palette-info: #2196F3 !important;
    --mud-palette-info-rgb: 33,150,243 !important;
    --mud-palette-info-text: #FFFFFF !important;
    --mud-palette-info-darken: rgb(12,131,226) !important;
    --mud-palette-info-lighten: rgb(69,167,245) !important;
    --mud-palette-info-hover: rgba(33,150,243, 0.06) !important;
    --mud-palette-success: #007E33 !important;
    --mud-palette-success-rgb: 0,126,51 !important;
    --mud-palette-success-text: #FFFFFF !important;
    --mud-palette-success-darken: rgb(0,88,36) !important;
    --mud-palette-success-lighten: rgb(0,164,66) !important;
    --mud-palette-success-hover: rgba(0,126,51, 0.06) !important;
    --mud-palette-warning: #FF9800 !important;
    --mud-palette-warning-rgb: 255,152,0 !important;
    --mud-palette-warning-text: #FFFFFF !important;
    --mud-palette-warning-darken: rgb(217,129,0) !important;
    --mud-palette-warning-lighten: rgb(255,167,38) !important;
    --mud-palette-warning-hover: rgba(255,152,0, 0.06) !important;
    --mud-palette-error: #F44336 !important;
    --mud-palette-error-rgb: 244,67,54 !important;
    --mud-palette-error-text: #FFFFFF !important;
    --mud-palette-error-darken: rgb(242,33,18) !important;
    --mud-palette-error-lighten: rgb(246,101,90) !important;
    --mud-palette-error-hover: rgba(244,67,54, 0.06) !important;
    --mud-palette-dark: #424242 !important;
    --mud-palette-dark-rgb: 66,66,66 !important;
    --mud-palette-dark-text: #FFFFFF !important;
    --mud-palette-dark-darken: rgb(47,47,47) !important;
    --mud-palette-dark-lighten: rgb(85,85,85) !important;
    --mud-palette-dark-hover: rgba(66,66,66, 0.06) !important;
    --mud-palette-text-primary: #424242 !important;
    --mud-palette-text-secondary: rgba(0,0,0, 0.54) !important;
    --mud-palette-text-disabled: rgba(0,0,0, 0.38) !important;
    --mud-palette-action-default: rgba(0,0,0, 0.54) !important;
    --mud-palette-action-default-hover: rgba(0,0,0, 0.06) !important;
    --mud-palette-action-disabled: rgba(0,0,0, 0.26) !important;
    --mud-palette-action-disabled-background: rgba(0,0,0, 0.12) !important;
    --mud-palette-surface: #FFFFFF !important;
    --mud-palette-background: #FAFAFA !important;
    --mud-palette-background-grey: #F5F5F5 !important;
    --mud-palette-drawer-background: #FFF !important;
    --mud-palette-drawer-text: rgba(0,0,0, 0.7) !important;
    --mud-palette-drawer-icon: #616161 !important;
    --mud-palette-appbar-background: #6D4C41 !important;
    --mud-palette-appbar-text: #FFFFFF !important;
    --mud-palette-lines-default: rgba(0,0,0, 0.12) !important;
    --mud-palette-lines-inputs: #BDBDBD !important;
    --mud-palette-table-lines: rgba(224,224,224, 1) !important;
    --mud-palette-table-striped: rgba(0,0,0, 0.02) !important;
    --mud-palette-table-hover: rgba(0,0,0, 0.04) !important;
    --mud-palette-divider: #E0E0E0 !important;
    --mud-palette-divider-light: rgba(0,0,0, 0.8) !important;
    --mud-palette-grey-default: #9E9E9E !important;
    --mud-palette-grey-light: #BDBDBD !important;
    --mud-palette-grey-lighter: #E0E0E0 !important;
    --mud-palette-grey-dark: #757575 !important;
    --mud-palette-grey-darker: #616161 !important;
    --mud-palette-overlay-dark: rgba(33,33,33, 0.5) !important;
    --mud-palette-overlay-light: rgba(255,255,255, 0.5) !important;
    --mud-elevation-0: none !important;
    --mud-elevation-1: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12) !important;
    --mud-elevation-2: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12) !important;
    --mud-elevation-3: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12) !important;
    --mud-elevation-4: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12) !important;
    --mud-elevation-5: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12) !important;
    --mud-elevation-6: 0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12) !important;
    --mud-elevation-7: 0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12) !important;
    --mud-elevation-8: 0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12) !important;
    --mud-elevation-9: 0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12) !important;
    --mud-elevation-10: 0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12) !important;
    --mud-elevation-11: 0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12) !important;
    --mud-elevation-12: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12) !important;
    --mud-elevation-13: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12) !important;
    --mud-elevation-14: 0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12) !important;
    --mud-elevation-15: 0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12) !important;
    --mud-elevation-16: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12) !important;
    --mud-elevation-17: 0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12) !important;
    --mud-elevation-18: 0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12) !important;
    --mud-elevation-19: 0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12) !important;
    --mud-elevation-20: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12) !important;
    --mud-elevation-21: 0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12) !important;
    --mud-elevation-22: 0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12) !important;
    --mud-elevation-23: 0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12) !important;
    --mud-elevation-24: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12) !important;
    --mud-elevation-25: 0 5px 5px -3px rgba(0,0,0,.06), 0 8px 10px 1px rgba(0,0,0,.042), 0 3px 14px 2px rgba(0,0,0,.036) !important;
    --mud-default-borderradius: 3px !important;
    --mud-drawer-width-left: 240px !important;
    --mud-drawer-width-right: 240px !important;
    --mud-drawer-width-mini-left: 56px !important;
    --mud-drawer-width-mini-right: 56px !important;
    --mud-appbar-min-height: 64px !important;
    --mud-typography-default-family: 'Montserrat','Helvetica','Arial','sans-serif' !important;
    --mud-typography-default-size: .875rem !important;
    --mud-typography-default-weight: 400 !important;
    --mud-typography-default-lineheight: 1.43 !important;
    --mud-typography-default-letterspacing: .01071em !important;
    --mud-typography-h1-family: 'Montserrat','Helvetica','Arial','sans-serif' !important;
    --mud-typography-h1-size: 6rem !important;
    --mud-typography-h1-weight: 300 !important;
    --mud-typography-h1-lineheight: 1.167 !important;
    --mud-typography-h1-letterspacing: -.01562em !important;
    --mud-typography-h2-family: 'Montserrat','Helvetica','Arial','sans-serif' !important;
    --mud-typography-h2-size: 3.75rem !important;
    --mud-typography-h2-weight: 300 !important;
    --mud-typography-h2-lineheight: 1.2 !important;
    --mud-typography-h2-letterspacing: -.00833em !important;
    --mud-typography-h3-family: 'Montserrat','Helvetica','Arial','sans-serif' !important;
    --mud-typography-h3-size: 3rem !important;
    --mud-typography-h3-weight: 400 !important;
    --mud-typography-h3-lineheight: 1.167 !important;
    --mud-typography-h3-letterspacing: 0 !important;
    --mud-typography-h4-family: 'Montserrat','Helvetica','Arial','sans-serif' !important;
    --mud-typography-h4-size: 2.125rem !important;
    --mud-typography-h4-weight: 400 !important;
    --mud-typography-h4-lineheight: 1.235 !important;
    --mud-typography-h4-letterspacing: .00735em !important;
    --mud-typography-h5-family: 'Montserrat','Helvetica','Arial','sans-serif' !important;
    --mud-typography-h5-size: 1.5rem !important;
    --mud-typography-h5-weight: 400 !important;
    --mud-typography-h5-lineheight: 1.334 !important;
    --mud-typography-h5-letterspacing: 0 !important;
    --mud-typography-h6-family: 'Montserrat','Helvetica','Arial','sans-serif' !important;
    --mud-typography-h6-size: 1.25rem !important;
    --mud-typography-h6-weight: 400 !important;
    --mud-typography-h6-lineheight: 1.6 !important;
    --mud-typography-h6-letterspacing: .0075em !important;
    --mud-typography-subtitle1-family: 'Roboto','Helvetica','Arial','sans-serif' !important;
    --mud-typography-subtitle1-size: 1rem !important;
    --mud-typography-subtitle1-weight: 400 !important;
    --mud-typography-subtitle1-lineheight: 1.75 !important;
    --mud-typography-subtitle1-letterspacing: .00938em !important;
    --mud-typography-subtitle2-family: 'Montserrat','Helvetica','Arial','sans-serif' !important;
    --mud-typography-subtitle2-size: .875rem !important;
    --mud-typography-subtitle2-weight: 500 !important;
    --mud-typography-subtitle2-lineheight: 1.57 !important;
    --mud-typography-subtitle2-letterspacing: .00714em !important;
    --mud-typography-body1-family: 'Montserrat','Helvetica','Arial','sans-serif' !important;
    --mud-typography-body1-size: 1rem !important;
    --mud-typography-body1-weight: 400 !important;
    --mud-typography-body1-lineheight: 1.5 !important;
    --mud-typography-body1-letterspacing: .00938em !important;
    --mud-typography-body2-family: 'Montserrat','Helvetica','Arial','sans-serif' !important;
    --mud-typography-body2-size: .875rem !important;
    --mud-typography-body2-weight: 400 !important;
    --mud-typography-body2-lineheight: 1.43 !important;
    --mud-typography-body2-letterspacing: .01071em !important;
    --mud-typography-button-family: 'Montserrat','Helvetica','Arial','sans-serif' !important;
    --mud-typography-button-size: .875rem !important;
    --mud-typography-button-weight: 500 !important;
    --mud-typography-button-lineheight: 1.75 !important;
    --mud-typography-button-letterspacing: .02857em !important;
    --mud-typography-caption-family: 'Montserrat','Helvetica','Arial','sans-serif' !important;
    --mud-typography-caption-size: .75rem !important;
    --mud-typography-caption-weight: 400 !important;
    --mud-typography-caption-lineheight: 1.66 !important;
    --mud-typography-caption-letterspacing: .03333em !important;
    --mud-typography-overline-family: 'Roboto','Helvetica','Arial','sans-serif' !important;
    --mud-typography-overline-size: .75rem !important;
    --mud-typography-overline-weight: 400 !important;
    --mud-typography-overline-lineheight: 2.66 !important;
    --mud-typography-overline-letterspacing: .08333em !important;
    --mud-zindex-drawer: 1100 !important;
    --mud-zindex-appbar: 1200 !important;
    --mud-zindex-dialog: 1300 !important;
    --mud-zindex-popover: 1400 !important;
    --mud-zindex-snackbar: 1500 !important;
    --mud-zindex-tooltip: 1600 !important;
}
}

.mud-appbar {
    overflow: hidden;
}

.app-brand-title {
    font-weight: 700;
    line-height: 1.25;
    white-space: normal;
    max-width: min(52vw, 460px);
}

.mud-appbar img.app-brand-logo,
.app-brand-logo {
    display: block;
    height: 40px !important;
    width: 40px !important;
    max-height: 40px !important;
    max-width: 40px !important;
    object-fit: contain;
    flex-shrink: 0;
    background: #fff;
    border-radius: 8px;
    padding: 2px;
}

.home-brand-logo {
    width: min(360px, 86vw);
    height: auto;
    object-fit: contain;
    background: #fff;
    border-radius: 24px;
    padding: 12px;
    box-shadow: 0 18px 40px rgba(28, 20, 14, 0.12);
}

.login-brand-logo {
    width: 132px;
    height: auto;
    object-fit: contain;
}

.dash-section-title {
    font-weight: 700;
    color: #5c4638;
    margin: 4px 0 12px;
}

.dash-stat {
    height: 100%;
    min-height: 96px;
    border-radius: 16px;
    cursor: pointer;
    background: #fff;
    box-shadow: 0 8px 24px rgba(28, 20, 14, 0.06);
    transition: transform .15s ease, box-shadow .15s ease;
}

.dash-stat:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 32px rgba(28, 20, 14, 0.12);
}

.dash-chart {
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(28, 20, 14, 0.06);
}

html[dir="rtl"],
body[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .mud-nav-link,
html[dir="rtl"] .mud-nav-link-text,
html[dir="rtl"] .mud-typography,
html[dir="rtl"] .mud-input-label,
html[dir="rtl"] .mud-table-cell,
html[dir="rtl"] .mud-list-item-text {
    text-align: right;
}

html[dir="rtl"] .mud-drawer {
    text-align: right;
}