/* GoTijari content styles for Dreams POS shell — utilities + bento + POS + reports */ :root { --size-2: 0.125rem; --size-4: 0.25rem; --size-6: 0.375rem; --size-8: 0.5rem; --size-9: 0.5625rem; --size-10: 0.625rem; --size-11: 0.6875rem; --size-12: 0.75rem; --size-13: 0.8125rem; --size-16: 1rem; --size-20: 1.25rem; --size-24: 1.5rem; --size-28: 1.75rem; --size-32: 2rem; --size-36: 2.25rem; --size-40: 2.5rem; --size-44: 2.75rem; --size-48: 3rem; --size-50: 3.125rem; --size-56: 3.5rem; --size-60: 3.75rem; --size-64: 4rem; --size-72: 4.5rem; --size-76: 4.75rem; --size-80: 5rem; --size-90: 5.625rem; --size-110: 6.875rem; --size-120: 7.5rem; --size-144: 9rem; --size-160: 10rem; --size-170: 10.625rem; --size-190: 11.875rem; --size-200: 12.5rem; --size-240: 15rem; --size-440: 27.5rem; --font-2xxl: 2rem; --font-2xl: 1.75rem; --font-xxl: 1.5rem; --font-xl: 1.25rem; --font-lg: 1.125rem; --font-md: 1rem; --font-sm: 0.875rem; --font-xs: 0.75rem; --font-xxs: 0.625rem; --primary-05: rgba(79, 70, 229, 0.0509803922); --primary-50: rgba(79, 70, 229, 0.0509803922); --primary-100: #BFDCFF; --primary-200: #95C7FF; --primary-300: #6BB1FF; --primary-400: #519FFF; --primary-500: #458EFF; --primary-600: #4F46E5; --primary-700: #486CEA; --primary-800: #4759D6; --primary-900: #4536B6; --primary-950: #302B8C; --neutral-50: #F5F6FA; --neutral-100: #F3F4F6; --neutral-200: #DFE0E2; --neutral-300: #D1D5DB; --neutral-400: #9CA3AF; --neutral-500: #6B7280; --neutral-600: #4B5563; --neutral-700: #374151; --neutral-800: #1F2937; --neutral-900: #111827; --danger-50: rgba(246, 119, 110, 0.0509803922); --danger-100: #FEE2E2; --danger-200: #FECACA; --danger-300: #FCA5A5; --danger-400: #F87171; --danger-500: #EF4444; --danger-600: #DC2626; --danger-700: #B91C1C; --danger-800: #991B1B; --danger-900: #7F1D1D; --success-50: #F0FDF4; --success-100: #DCFCE7; --success-200: #BBF7D0; --success-300: #86EFAC; --success-400: #4ADE80; --success-500: #22C55E; --success-600: #16A34A; --success-700: #15803D; --success-800: #166534; --success-900: #14532D; --warning-50: #FEFCE8; --warning-100: #FEF9C3; --warning-200: #FEF08A; --warning-300: #FDE047; --warning-400: #FACC15; --warning-500: #EAB308; --warning-600: #FDC70F; --warning-700: #f39016; --warning-800: #e58209; --warning-900: #d77907; --info-50: #EFF6FF; --info-100: #DBEAFE; --info-200: #BFDBFE; --info-300: #93C5FD; --info-400: #60A5FA; --info-500: #3B82F6; --info-600: #2563EB; --info-700: #1D4ED8; --info-800: #1E40AF; --info-900: #1E3A8A; --dark-1: #1B2431; --dark-2: #273142; --dark-3: #323D4E; --lilac-50: #faf5ff; --lilac-100: #EBD7FF; --lilac-200: #dcc0f8; --lilac-300: #cd9ffa; --lilac-400: #c48afe; --lilac-500: #b66dff; --lilac-600: #8252E9; --lilac-700: #6f37e6; --lilac-800: #601eef; --success-main: #45B369; --success-surface: #DAF0E1; --success-border: #B5E1C3; --success-hover: #009F5E; --success-pressed: #006038; --success-focus: rgba(69, 179, 105, 0.1490196078); --info-main: #144BD6; --info-surface: #E7EEFC; --info-border: #AECAFC; --info-hover: #0A51CE; --info-pressed: #06307C; --info-focus: rgba(20, 75, 214, 0.1490196078); --warning-main: #FF9F29; --warning-surface: #FFF9E2; --warning-border: #FFEBA6; --warning-hover: #D69705; --warning-pressed: #C28800; --warning-focus: rgba(255, 192, 45, 0.1490196078); --danger-main: #EF4A00; --danger-surface: #FCDAE2; --danger-border: #F9B5C6; --danger-hover: #D53128; --danger-pressed: #801D18; --danger-focus: rgba(239, 71, 112, 0.1490196078); --primary-light: rgba(72, 127, 255, 0.15); --primary-light-white: rgba(72, 127, 255, 0.25); --yellow-light-white: rgba(255, 159, 41, 0.25); --purple-light-white: rgba(132, 90, 223, 0.25); --pink-light-white: rgba(250, 54, 230, 0.25); --base: #fff; --brand: var(--primary-600); --button-secondary: var(--primary-50); --black: var(--dark-2); --white: var(--base); --bg-color: var(--neutral-50); --text-primary-light: var(--neutral-900); --text-secondary-light: var(--neutral-600); --text-secondary-dark: var(--neutral-300); --input-form-light: var(--neutral-300); --input-form-dark: var(--neutral-500); --input-bg: var(--neutral-50); --input-stroke: var(--neutral-300); --primary-50: #FFF7ED; --primary-100: #FFEDD5; --primary-200: #FED7AA; --primary-600: #FF9F43; --primary-main: #FF9F43; --gt-primary: #FF9F43; --gt-bg: #F7F8FA; --gt-surface: #FFFFFF; --gt-text: #111827; --gt-text-muted: #6B7280; --gt-border: #E5E7EB; --gt-success: #16A34A; --gt-warning: #F59E0B; --gt-danger: #DC2626; --gt-radius: 18px; --gt-radius-lg: 20px; --gt-shadow: 0 1px 2px rgba(17,24,39,.04), 0 8px 24px rgba(17,24,39,.05); --gt-shadow-hover: 0 4px 12px rgba(17,24,39,.08), 0 16px 32px rgba(17,24,39,.06); --gt-gap: 18px; } /* ---- utilities from admina ---- */ .text-primary-05 {color: var(--primary-05) !important;} .text-primary-50 {color: var(--primary-50) !important;} .text-primary-100 {color: var(--primary-100) !important;} .text-primary-200 {color: var(--primary-200) !important;} .text-primary-300 {color: var(--primary-300) !important;} .text-primary-400 {color: var(--primary-400) !important;} .text-primary-500 {color: var(--primary-500) !important;} .text-primary-600 {color: var(--primary-600) !important;} .text-primary-700 {color: var(--primary-700) !important;} .text-primary-800 {color: var(--primary-800) !important;} .text-primary-900 {color: var(--primary-900) !important;} .text-primary-950 {color: var(--primary-950) !important;} .text-neutral-50 {color: var(--neutral-50) !important;} .text-neutral-100 {color: var(--neutral-100) !important;} .text-neutral-200 {color: var(--neutral-200) !important;} .text-neutral-300 {color: var(--neutral-300) !important;} .text-neutral-400 {color: var(--neutral-400) !important;} .text-neutral-500 {color: var(--neutral-500) !important;} .text-neutral-600 {color: var(--neutral-600) !important;} .text-neutral-700 {color: var(--neutral-700) !important;} .text-neutral-800 {color: var(--neutral-800) !important;} .text-neutral-900 {color: var(--neutral-900) !important;} .text-danger-50 {color: var(--danger-50) !important;} .text-danger-100 {color: var(--danger-100) !important;} .text-danger-200 {color: var(--danger-200) !important;} .text-danger-300 {color: var(--danger-300) !important;} .text-danger-400 {color: var(--danger-400) !important;} .text-danger-500 {color: var(--danger-500) !important;} .text-danger-600 {color: var(--danger-600) !important;} .text-danger-700 {color: var(--danger-700) !important;} .text-danger-800 {color: var(--danger-800) !important;} .text-danger-900 {color: var(--danger-900) !important;} .text-success-50 {color: var(--success-50) !important;} .text-success-100 {color: var(--success-100) !important;} .text-success-200 {color: var(--success-200) !important;} .text-success-300 {color: var(--success-300) !important;} .text-success-400 {color: var(--success-400) !important;} .text-success-500 {color: var(--success-500) !important;} .text-success-600 {color: var(--success-600) !important;} .text-success-700 {color: var(--success-700) !important;} .text-success-800 {color: var(--success-800) !important;} .text-success-900 {color: var(--success-900) !important;} .text-warning-50 {color: var(--warning-50) !important;} .text-warning-100 {color: var(--warning-100) !important;} .text-warning-200 {color: var(--warning-200) !important;} .text-warning-300 {color: var(--warning-300) !important;} .text-warning-400 {color: var(--warning-400) !important;} .text-warning-500 {color: var(--warning-500) !important;} .text-warning-600 {color: var(--warning-600) !important;} .text-warning-700 {color: var(--warning-700) !important;} .text-warning-800 {color: var(--warning-800) !important;} .text-warning-900 {color: var(--warning-900) !important;} .text-info-50 {color: var(--info-50) !important;} .text-info-100 {color: var(--info-100) !important;} .text-info-200 {color: var(--info-200) !important;} .text-info-300 {color: var(--info-300) !important;} .text-info-400 {color: var(--info-400) !important;} .text-info-500 {color: var(--info-500) !important;} .text-info-600 {color: var(--info-600) !important;} .text-info-700 {color: var(--info-700) !important;} .text-info-800 {color: var(--info-800) !important;} .text-info-900 {color: var(--info-900) !important;} .text-cyan-50 {color: var(--cyan-50) !important;} .text-cyan-100 {color: var(--cyan-100) !important;} .text-cyan-200 {color: var(--cyan-200) !important;} .text-cyan-300 {color: var(--cyan-300) !important;} .text-cyan-400 {color: var(--cyan-400) !important;} .text-cyan-500 {color: var(--cyan-500) !important;} .text-cyan-600 {color: var(--cyan-600) !important;} .text-cyan-700 {color: var(--cyan-700) !important;} .text-cyan-800 {color: var(--cyan-800) !important;} .text-cyan-900 {color: var(--cyan-900) !important;} .text-dark-1 {color: var(--dark-1) !important;} .text-dark-2 {color: var(--dark-2) !important;} .text-dark-3 {color: var(--dark-3) !important;} .text-lilac-50 {color: var(--lilac-50) !important;} .text-lilac-100 {color: var(--lilac-100) !important;} .text-lilac-200 {color: var(--lilac-200) !important;} .text-lilac-300 {color: var(--lilac-300) !important;} .text-lilac-400 {color: var(--lilac-400) !important;} .text-lilac-500 {color: var(--lilac-500) !important;} .text-lilac-600 {color: var(--lilac-600) !important;} .text-lilac-700 {color: var(--lilac-700) !important;} .text-lilac-800 {color: var(--lilac-800) !important;} .text-light-50 {color: var(--light-50) !important;} .text-light-100 {color: var(--light-100) !important;} .text-light-600 {color: var(--light-600) !important;} .text-light-700 {color: var(--light-700) !important;} .text-light-800 {color: var(--light-800) !important;} .text-success-main {color: var(--success-main);} .text-success-surface {color: var(--success-surface);} .text-success-border {color: var(--success-border);} .text-success-hover {color: var(--success-hover);} .text-success-pressed {color: var(--success-pressed);} .text-success-focus {color: var(--success-focus);} .text-info-main {color: var(--info-main);} .text-info-surface {color: var(--info-surface);} .text-info-border {color: var(--info-border);} .text-info-hover {color: var(--info-hover);} .text-info-pressed {color: var(--info-pressed);} .text-info-focus {color: var(--info-focus);} .text-warning-main {color: var(--warning-main);} .text-warning-surface {color: var(--warning-surface);} .text-warning-border {color: var(--warning-border);} .text-warning-hover {color: var(--warning-hover);} .text-warning-pressed {color: var(--warning-pressed);} .text-warning-focus {color: var(--warning-focus);} .text-danger-main {color: var(--danger-main);} .text-danger-surface {color: var(--danger-surface);} .text-danger-border {color: var(--danger-border);} .text-danger-hover {color: var(--danger-hover);} .text-danger-pressed {color: var(--danger-pressed);} .text-danger-focus {color: var(--danger-focus);} .text-cyan {color: var(--cyan);} .text-indigo {color: var(--indigo);} .text-purple {color: var(--purple);} .text-red {color: var(--red);} .text-yellow {color: var(--yellow);} .text-orange {color: var(--orange);} .text-pink {color: var(--pink);} .text-primary-light {color: var(--text-primary-light) !important;} .text-secondary-light {color: var(--text-secondary-light);} .text-secondary-dark {color: var(--text-secondary-dark);} .text-base {color: var(--white) !important;} .text-black {color: var(--black) !important;} .bg-primary-05 {background-color: var(--primary-05) !important;} .bg-primary-50 {background-color: var(--primary-50) !important;} .bg-primary-100 {background-color: var(--primary-100) !important;} .bg-primary-200 {background-color: var(--primary-200) !important;} .bg-primary-300 {background-color: var(--primary-300) !important;} .bg-primary-400 {background-color: var(--primary-400) !important;} .bg-primary-500 {background-color: var(--primary-500) !important;} .bg-primary-600 {background-color: var(--primary-600) !important;} .bg-primary-700 {background-color: var(--primary-700) !important;} .bg-primary-800 {background-color: var(--primary-800) !important;} .bg-primary-900 {background-color: var(--primary-900) !important;} .bg-primary-950 {background-color: var(--primary-950) !important;} .bg-neutral-50 {background-color: var(--neutral-50) !important;} .bg-neutral-100 {background-color: var(--neutral-100) !important;} .bg-neutral-200 {background-color: var(--neutral-200) !important;} .bg-neutral-300 {background-color: var(--neutral-300) !important;} .bg-neutral-400 {background-color: var(--neutral-400) !important;} .bg-neutral-500 {background-color: var(--neutral-500) !important;} .bg-neutral-600 {background-color: var(--neutral-600) !important;} .bg-neutral-700 {background-color: var(--neutral-700) !important;} .bg-neutral-800 {background-color: var(--neutral-800) !important;} .bg-neutral-900 {background-color: var(--neutral-900) !important;} .bg-danger-50 {background-color: var(--danger-50) !important;} .bg-danger-100 {background-color: var(--danger-100) !important;} .bg-danger-200 {background-color: var(--danger-200) !important;} .bg-danger-300 {background-color: var(--danger-300) !important;} .bg-danger-400 {background-color: var(--danger-400) !important;} .bg-danger-500 {background-color: var(--danger-500) !important;} .bg-danger-600 {background-color: var(--danger-600) !important;} .bg-danger-700 {background-color: var(--danger-700) !important;} .bg-danger-800 {background-color: var(--danger-800) !important;} .bg-danger-900 {background-color: var(--danger-900) !important;} .bg-success-50 {background-color: var(--success-50) !important;} .bg-success-100 {background-color: var(--success-100) !important;} .bg-success-200 {background-color: var(--success-200) !important;} .bg-success-300 {background-color: var(--success-300) !important;} .bg-success-400 {background-color: var(--success-400) !important;} .bg-success-500 {background-color: var(--success-500) !important;} .bg-success-600 {background-color: var(--success-600) !important;} .bg-success-700 {background-color: var(--success-700) !important;} .bg-success-800 {background-color: var(--success-800) !important;} .bg-success-900 {background-color: var(--success-900) !important;} .bg-warning-50 {background-color: var(--warning-50) !important;} .bg-warning-100 {background-color: var(--warning-100) !important;} .bg-warning-200 {background-color: var(--warning-200) !important;} .bg-warning-300 {background-color: var(--warning-300) !important;} .bg-warning-400 {background-color: var(--warning-400) !important;} .bg-warning-500 {background-color: var(--warning-500) !important;} .bg-warning-600 {background-color: var(--warning-600) !important;} .bg-warning-700 {background-color: var(--warning-700) !important;} .bg-warning-800 {background-color: var(--warning-800) !important;} .bg-warning-900 {background-color: var(--warning-900) !important;} .bg-info-50 {background-color: var(--info-50) !important;} .bg-info-100 {background-color: var(--info-100) !important;} .bg-info-200 {background-color: var(--info-200) !important;} .bg-info-300 {background-color: var(--info-300) !important;} .bg-info-400 {background-color: var(--info-400) !important;} .bg-info-500 {background-color: var(--info-500) !important;} .bg-info-600 {background-color: var(--info-600) !important;} .bg-info-700 {background-color: var(--info-700) !important;} .bg-info-800 {background-color: var(--info-800) !important;} .bg-info-900 {background-color: var(--info-900) !important;} .bg-cyan-50 {background-color: var(--cyan-50) !important;} .bg-cyan-100 {background-color: var(--cyan-100) !important;} .bg-cyan-200 {background-color: var(--cyan-200) !important;} .bg-cyan-300 {background-color: var(--cyan-300) !important;} .bg-cyan-400 {background-color: var(--cyan-400) !important;} .bg-cyan-500 {background-color: var(--cyan-500) !important;} .bg-cyan-600 {background-color: var(--cyan-600) !important;} .bg-cyan-700 {background-color: var(--cyan-700) !important;} .bg-cyan-800 {background-color: var(--cyan-800) !important;} .bg-cyan-900 {background-color: var(--cyan-900) !important;} .bg-dark-1 {background-color: var(--dark-1) !important;} .bg-dark-2 {background-color: var(--dark-2) !important;} .bg-dark-3 {background-color: var(--dark-3) !important;} .bg-lilac-50 {background-color: var(--lilac-50) !important;} .bg-lilac-100 {background-color: var(--lilac-100) !important;} .bg-lilac-200 {background-color: var(--lilac-200) !important;} .bg-lilac-300 {background-color: var(--lilac-300) !important;} .bg-lilac-400 {background-color: var(--lilac-400) !important;} .bg-lilac-500 {background-color: var(--lilac-500) !important;} .bg-lilac-600 {background-color: var(--lilac-600) !important;} .bg-lilac-700 {background-color: var(--lilac-700) !important;} .bg-lilac-800 {background-color: var(--lilac-800) !important;} .bg-light-50 {background-color: var(--light-50) !important;} .bg-light-100 {background-color: var(--light-100) !important;} .bg-light-600 {background-color: var(--light-600) !important;} .bg-light-700 {background-color: var(--light-700) !important;} .bg-light-800 {background-color: var(--light-800) !important;} .bg-success-main {background-color: var(--success-main) !important;} .bg-success-surface {background-color: var(--success-surface) !important;} .bg-success-border {background-color: var(--success-border) !important;} .bg-success-hover {background-color: var(--success-hover) !important;} .bg-success-pressed {background-color: var(--success-pressed) !important;} .bg-success-focus {background-color: var(--success-focus) !important;} .bg-info-main {background-color: var(--info-main) !important;} .bg-info-surface {background-color: var(--info-surface) !important;} .bg-info-border {background-color: var(--info-border) !important;} .bg-info-hover {background-color: var(--info-hover) !important;} .bg-info-pressed {background-color: var(--info-pressed) !important;} .bg-info-focus {background-color: var(--info-focus) !important;} .bg-warning-main {background-color: var(--warning-main) !important;} .bg-warning-surface {background-color: var(--warning-surface) !important;} .bg-warning-border {background-color: var(--warning-border) !important;} .bg-warning-hover {background-color: var(--warning-hover) !important;} .bg-warning-pressed {background-color: var(--warning-pressed) !important;} .bg-warning-focus {background-color: var(--warning-focus) !important;} .bg-danger-main {background-color: var(--danger-main) !important;} .bg-danger-surface {background-color: var(--danger-surface) !important;} .bg-danger-border {background-color: var(--danger-border) !important;} .bg-danger-hover {background-color: var(--danger-hover) !important;} .bg-danger-pressed {background-color: var(--danger-pressed) !important;} .bg-danger-focus {background-color: var(--danger-focus) !important;} .bg-cyan {background-color: var(--cyan) !important;} .bg-indigo {background-color: var(--indigo) !important;} .bg-purple {background-color: var(--purple) !important;} .bg-red {background-color: var(--red) !important;} .bg-yellow {background-color: var(--yellow) !important;} .bg-orange {background-color: var(--orange) !important;} .bg-pink {background-color: var(--pink) !important;} .bg-hover-primary-05 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-primary-50 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-primary-100 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-primary-200 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-primary-300 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-primary-400 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-primary-500 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-primary-600 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-primary-700 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-primary-800 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-primary-900 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-primary-950 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-neutral-50 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-neutral-100 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-neutral-200 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-neutral-300 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-neutral-400 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-neutral-500 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-neutral-600 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-neutral-700 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-neutral-800 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-neutral-900 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-danger-50 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-danger-100 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-danger-200 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-danger-300 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-danger-400 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-danger-500 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-danger-600 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-danger-700 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-danger-800 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-danger-900 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-success-50 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-success-100 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-success-200 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-success-300 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-success-400 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-success-500 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-success-600 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-success-700 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-success-800 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-success-900 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-warning-50 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-warning-100 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-warning-200 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-warning-300 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-warning-400 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-warning-500 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-warning-600 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-warning-700 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-warning-800 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-warning-900 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-info-50 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-info-100 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-info-200 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-info-300 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-info-400 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-info-500 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-info-600 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-info-700 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-info-800 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-info-900 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-cyan-50 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-cyan-100 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-cyan-200 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-cyan-300 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-cyan-400 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-cyan-500 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-cyan-600 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-cyan-700 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-cyan-800 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-cyan-900 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-dark-1 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-dark-2 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-dark-3 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-lilac-50 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-lilac-100 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-lilac-200 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-lilac-300 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-lilac-400 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-lilac-500 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-lilac-600 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-lilac-700 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-lilac-800 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-light-50 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-light-100 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-light-600 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-light-700 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-light-800 {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-success-main {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-success-surface {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-success-border {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-success-hover {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-success-pressed {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-success-focus {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-info-main {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-info-surface {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-info-border {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-info-hover {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-info-pressed {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-info-focus {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-warning-main {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-warning-surface {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-warning-border {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-warning-hover {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-warning-pressed {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-warning-focus {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-danger-main {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-danger-surface {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-danger-border {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-danger-hover {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-danger-pressed {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-danger-focus {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-cyan {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-indigo {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-purple {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-red {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-yellow {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-orange {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-hover-pink {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .bg-base {background-color: var(--white) !important;} .bg-base-50 {background-color: rgba(255, 255, 255, 0.5) !important;} .bg-primary-light {background-color: var(--primary-light) !important;} .bg-yellow-light {background-color: var(--yellow-light) !important;} .bg-purple-light {background-color: var(--purple-light) !important;} .bg-pink-light {background-color: var(--pink-light) !important;} .bg-gradient-start-1 {background: linear-gradient(to right, #E6F9FF, #FEFFFF);} .bg-gradient-start-2 {background: linear-gradient(to right, #F7E9FF, #FFFEFD);} .bg-gradient-start-3 {background: linear-gradient(to right, #E6EBFF, #FFFFFF);} .bg-gradient-start-4 {background: linear-gradient(to right, #E8FFF5, #FFFFFF);} .bg-gradient-start-5 {background: linear-gradient(to right, #FFEEEE, #FFFCFC);} .bg-gradient-dark-start-1 {background: linear-gradient(261deg, rgba(255, 234, 244, 0.5) 2.07%, #FFE2F0 97.73%);} .bg-gradient-dark-start-2 {background: linear-gradient(262deg, rgba(236, 221, 255, 0.3) 2.45%, #ECDDFF 97.35%);} .bg-gradient-dark-start-3 {background: linear-gradient(262deg, #EBFAFF 4.01%, #C0F0FF 99.29%);} .bg-gradient-dark-start-4 {background: linear-gradient(90deg, rgba(34, 197, 94, 0.7) 0%, rgba(34, 197, 94, 0) 100%);} .bg-gradient-end-1 {background: linear-gradient(to right, #FFFFFF, #EFF4FF);} .bg-gradient-end-2 {background: linear-gradient(to right, #FFFFFF, #EAFFF9);} .bg-gradient-end-3 {background: linear-gradient(to right, #FFFFFF, #FFF5E9);} .bg-gradient-end-4 {background: linear-gradient(to right, #FFFFFF, #F3EEFF);} .bg-gradient-end-5 {background: linear-gradient(to right, #FFFFFF, #FFF2FE);} .bg-gradient-end-6 {background: linear-gradient(to right, #FFFFFF, #EEFBFF);} .bg-gradient-bottom-3 {background: linear-gradient(to bottom, #FFFFFF, #FFF5E9);} .bg-gradient-bottom-4 {background: linear-gradient(to bottom, #FFFFFF, #F3EEFF);} .bg-gradient-bottom-6 {background: linear-gradient(to bottom, #FFFFFF, #EEFBFF);} .bg-gradient-purple {background: linear-gradient(300deg, #FFE9E0 1.27%, #EFD3FF 98.89%);} .bg-gradient-primary {background: linear-gradient(299deg, #D7F6FF 1.03%, #D1DEFF 97.72%);} .bg-gradient-success {background: linear-gradient(299deg, #ECFFF7 1.76%, #ADF7D6 98.11%);} .bg-gradient-danger {background: linear-gradient(299deg, #FFEFEF 0.96%, #FFD7D7 98.97%);} .bg-primary-gradient {background: linear-gradient(299deg, #D7F6FF 1.03%, #D1DEFF 97.72%);} .bg-success-gradient {background: linear-gradient(270deg, #70E396 0%, #45B369 100%);} .bg-info-gradient {background: linear-gradient(270deg, #85A7FF 0%, #144BD6 100%);} .bg-warning-gradient {background: linear-gradient(270deg, #FFD199 0%, #FF9F29 100%);} .bg-danger-gradient {background: linear-gradient(270deg, #FFAB86 0%, #EF4A00 100%);} .bg-primary-success-gradient {background: linear-gradient(90deg, #BBCAFF 0%, #DCFFFD 100%);} .bg-dark-primary-gradient {background: linear-gradient(270deg, #7EA5FF 0%, #003DCC 100%);} .bg-dark-lilac-gradient {background: linear-gradient(270deg, #BA76FF 0%, #6100C1 100%);} .bg-dark-success-gradient {background: linear-gradient(270deg, #48DC79 0%, #02862D 100%);} .bg-dark-info-gradient {background: linear-gradient(270deg, #5384FF 0%, #0036BD 100%);} .bg-dark-warning-gradient {background: linear-gradient(270deg, #FFC175 0%, #C36C00 100%);} .bg-dark-danger-gradient {background: linear-gradient(270deg, #FF7739 0%, #C63D00 100%);} .bg-dark-dark-gradient {background: linear-gradient(90deg, #273142 0%, #637DA8 100%);} .bg-danger-gradient-light {background: linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%) !important;} .bg-white-gradient-light {background: linear-gradient(317deg, rgba(225, 225, 225, 0.1) 8.56%, rgba(255, 255, 255, 0.5) 91.49%) !important;} .bg-light-pink {background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%));} .bg-gradient-blue-warning {background: linear-gradient(90deg, #CBFFF9 0%, #FFEEB1 100%);} .bg-tb-warning {background: linear-gradient(180deg, rgba(255, 186, 69, 0.25) 0%, rgba(244, 116, 53, 0.25) 100%);} .bg-tb-lilac {background: linear-gradient(180deg, rgba(252, 120, 138, 0.25) 0%, rgba(152, 22, 139, 0.25) 100%);} .bg-tb-primary {background: linear-gradient(180deg, rgba(25, 207, 239, 0.25) 0%, rgba(13, 106, 184, 0.25) 100%);} .bg-tb-success {background: linear-gradient(180deg, rgba(134, 221, 102, 0.25) 0%, rgba(2, 140, 75, 0.25) 100%);} .bg-blue-light {background-color: #A8C9F4;} .bg-green-light {background-color: #A4E7BC;} .bg-red-light {background-color: #FFBAAA;} .bg-warning-light {background-color: #FFDD96;} .bg-blue-light-two {background-color: #E8EDFB;} .bg-green-light-two {background-color: #E3F4E9;} .bg-red-light-two {background-color: #FDE4EA;} .bg-warning-light-two {background-color: #FFF2D5;} .bg-gradient-custom-1 {background: linear-gradient(246deg, #B159FF 5.05%, #8B08FE 96.12%);} .bg-gradient-custom-2 {background: linear-gradient(245deg, #7397FD 4.86%, #5077E5 96.35%);} .bg-gradient-custom-3 {background: linear-gradient(245deg, #2FD8E4 3.97%, #04B4C0 96.86%);} .bg-gradient-custom-4 {background: linear-gradient(250deg, #FFB359 3.29%, #FB9B29 96.24%);} .bg-purple-30 {background-color: #ddcdff;} .bg-brand-color {background-color: #2563eb;} .text-brand-color {color: #2563eb;} .border-purple-200 {border-color: #c7adff !important;} .bg-purple-100 {background-color: #eae3f9;} .text-static-black {color: #111827;} .w-2-px {width: 0.125rem !important;} .w-4-px {width: 0.25rem !important;} .w-6-px {width: 0.375rem !important;} .w-8-px {width: 0.5rem !important;} .w-9-px {width: 0.5625rem !important;} .w-10-px {width: 0.625rem !important;} .w-11-px {width: 0.6875rem !important;} .w-12-px {width: 0.75rem !important;} .w-13-px {width: 0.8125rem !important;} .w-16-px {width: 1rem !important;} .w-20-px {width: 1.25rem !important;} .w-24-px {width: 1.5rem !important;} .w-28-px {width: 1.75rem !important;} .w-32-px {width: 2rem !important;} .w-36-px {width: 2.25rem !important;} .w-40-px {width: 2.5rem !important;} .w-44-px {width: 2.75rem !important;} .w-48-px {width: 3rem !important;} .w-50-px {width: 3.125rem !important;} .w-56-px {width: 3.5rem !important;} .w-60-px {width: 3.75rem !important;} .w-64-px {width: 4rem !important;} .w-72-px {width: 4.5rem !important;} .w-76-px {width: 4.75rem !important;} .w-80-px {width: 5rem !important;} .w-90-px {width: 5.625rem !important;} .w-110-px {width: 6.875rem !important;} .w-120-px {width: 7.5rem !important;} .w-144-px {width: 9rem !important;} .w-160-px {width: 10rem !important;} .w-170-px {width: 10.625rem !important;} .w-190-px {width: 11.875rem !important;} .w-200-px {width: 12.5rem !important;} .w-240-px {width: 15rem !important;} .w-440-px {width: 27.5rem !important;} .text-40-px {font-size: clamp(1.5rem, 1.02rem + 2.4vw, 2.5rem) !important;} .py-res-120 {padding: clamp(3.75rem, -0.8142rem + 9.5087vw, 7.5rem) 0;} .w-100-px {width: 100px;} .h-100-px {height: 100px;} .h-100vh {height: 100vh;} .min-w-max-content {min-width: max-content;} .max-w-740-px {max-width: 740px;} .min-w-450-px {min-width: 450px;} .min-w-132-px {min-width: 132px;} .h-2-px {height: 0.125rem !important;} .h-4-px {height: 0.25rem !important;} .h-6-px {height: 0.375rem !important;} .h-8-px {height: 0.5rem !important;} .h-9-px {height: 0.5625rem !important;} .h-10-px {height: 0.625rem !important;} .h-11-px {height: 0.6875rem !important;} .h-12-px {height: 0.75rem !important;} .h-13-px {height: 0.8125rem !important;} .h-16-px {height: 1rem !important;} .h-20-px {height: 1.25rem !important;} .h-24-px {height: 1.5rem !important;} .h-28-px {height: 1.75rem !important;} .h-32-px {height: 2rem !important;} .h-36-px {height: 2.25rem !important;} .h-40-px {height: 2.5rem !important;} .h-44-px {height: 2.75rem !important;} .h-48-px {height: 3rem !important;} .h-50-px {height: 3.125rem !important;} .h-56-px {height: 3.5rem !important;} .h-60-px {height: 3.75rem !important;} .h-64-px {height: 4rem !important;} .h-72-px {height: 4.5rem !important;} .h-76-px {height: 4.75rem !important;} .h-80-px {height: 5rem !important;} .h-90-px {height: 5.625rem !important;} .h-110-px {height: 6.875rem !important;} .h-120-px {height: 7.5rem !important;} .h-144-px {height: 9rem !important;} .h-160-px {height: 10rem !important;} .h-170-px {height: 10.625rem !important;} .h-190-px {height: 11.875rem !important;} .h-200-px {height: 12.5rem !important;} .h-240-px {height: 15rem !important;} .h-440-px {height: 27.5rem !important;} .max-w-100-px {max-width: 100px;} .max-w-454-px {max-width: 454px;} .max-w-650-px {max-width: 650px;} .max-w-120-px {max-width: 120px !important;} .min-h-612-px {min-height: 612px !important;} .min-w-120-px {min-width: 120px;} .min-h-320-px {min-height: 320px;} .max-w-150-px {max-width: 150px;} .max-w-135-px {max-width: 135px;} .max-w-288-px {max-width: 288px;} .max-w-440-px {max-width: 440px;} .max-w-464-px {max-width: 464px;} .max-w-500-px {max-width: 500px;} .max-w-290-px {max-width: 290px;} .max-w-634-px {max-width: 634px;} .max-w-700-px {max-width: 700px;} .max-w-1000-px {max-width: 1000px;} .text-w-200-px {max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .text-w-100-px {max-width: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .text-xxs {font-size: 10px !important;} .ms--48 {margin-inline-start: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);} .m-2 {margin: var(--size-2);} .m-4 {margin: var(--size-4);} .m-6 {margin: var(--size-6);} .m-8 {margin: var(--size-8);} .m-9 {margin: var(--size-9);} .m-10 {margin: var(--size-10);} .m-11 {margin: var(--size-11);} .m-12 {margin: var(--size-12);} .m-13 {margin: var(--size-13);} .m-16 {margin: var(--size-16);} .m-20 {margin: var(--size-20);} .m-24 {margin: var(--size-24);} .m-28 {margin: var(--size-28);} .m-32 {margin: var(--size-32);} .m-36 {margin: var(--size-36);} .m-40 {margin: var(--size-40);} .m-44 {margin: var(--size-44);} .m-48 {margin: var(--size-48);} .m-50 {margin: var(--size-50);} .m-56 {margin: var(--size-56);} .m-60 {margin: var(--size-60);} .m-64 {margin: var(--size-64);} .m-72 {margin: var(--size-72);} .m-76 {margin: var(--size-76);} .m-80 {margin: var(--size-80);} .m-90 {margin: var(--size-90);} .m-110 {margin: var(--size-110);} .m-120 {margin: var(--size-120);} .m-144 {margin: var(--size-144);} .m-160 {margin: var(--size-160);} .m-170 {margin: var(--size-170);} .m-190 {margin: var(--size-190);} .m-200 {margin: var(--size-200);} .m-240 {margin: var(--size-240);} .m-440 {margin: var(--size-440);} .mx-2 {margin-inline: var(--size-2) !important;} .mx-4 {margin-inline: var(--size-4) !important;} .mx-6 {margin-inline: var(--size-6) !important;} .mx-8 {margin-inline: var(--size-8) !important;} .mx-9 {margin-inline: var(--size-9) !important;} .mx-10 {margin-inline: var(--size-10) !important;} .mx-11 {margin-inline: var(--size-11) !important;} .mx-12 {margin-inline: var(--size-12) !important;} .mx-13 {margin-inline: var(--size-13) !important;} .mx-16 {margin-inline: var(--size-16) !important;} .mx-20 {margin-inline: var(--size-20) !important;} .mx-24 {margin-inline: var(--size-24) !important;} .mx-28 {margin-inline: var(--size-28) !important;} .mx-32 {margin-inline: var(--size-32) !important;} .mx-36 {margin-inline: var(--size-36) !important;} .mx-40 {margin-inline: var(--size-40) !important;} .mx-44 {margin-inline: var(--size-44) !important;} .mx-48 {margin-inline: var(--size-48) !important;} .mx-50 {margin-inline: var(--size-50) !important;} .mx-56 {margin-inline: var(--size-56) !important;} .mx-60 {margin-inline: var(--size-60) !important;} .mx-64 {margin-inline: var(--size-64) !important;} .mx-72 {margin-inline: var(--size-72) !important;} .mx-76 {margin-inline: var(--size-76) !important;} .mx-80 {margin-inline: var(--size-80) !important;} .mx-90 {margin-inline: var(--size-90) !important;} .mx-110 {margin-inline: var(--size-110) !important;} .mx-120 {margin-inline: var(--size-120) !important;} .mx-144 {margin-inline: var(--size-144) !important;} .mx-160 {margin-inline: var(--size-160) !important;} .mx-170 {margin-inline: var(--size-170) !important;} .mx-190 {margin-inline: var(--size-190) !important;} .mx-200 {margin-inline: var(--size-200) !important;} .mx-240 {margin-inline: var(--size-240) !important;} .mx-440 {margin-inline: var(--size-440) !important;} .my-2 {margin-block: var(--size-2) !important;} .my-4 {margin-block: var(--size-4) !important;} .my-6 {margin-block: var(--size-6) !important;} .my-8 {margin-block: var(--size-8) !important;} .my-9 {margin-block: var(--size-9) !important;} .my-10 {margin-block: var(--size-10) !important;} .my-11 {margin-block: var(--size-11) !important;} .my-12 {margin-block: var(--size-12) !important;} .my-13 {margin-block: var(--size-13) !important;} .my-16 {margin-block: var(--size-16) !important;} .my-20 {margin-block: var(--size-20) !important;} .my-24 {margin-block: var(--size-24) !important;} .my-28 {margin-block: var(--size-28) !important;} .my-32 {margin-block: var(--size-32) !important;} .my-36 {margin-block: var(--size-36) !important;} .my-40 {margin-block: var(--size-40) !important;} .my-44 {margin-block: var(--size-44) !important;} .my-48 {margin-block: var(--size-48) !important;} .my-50 {margin-block: var(--size-50) !important;} .my-56 {margin-block: var(--size-56) !important;} .my-60 {margin-block: var(--size-60) !important;} .my-64 {margin-block: var(--size-64) !important;} .my-72 {margin-block: var(--size-72) !important;} .my-76 {margin-block: var(--size-76) !important;} .my-80 {margin-block: var(--size-80) !important;} .my-90 {margin-block: var(--size-90) !important;} .my-110 {margin-block: var(--size-110) !important;} .my-120 {margin-block: var(--size-120) !important;} .my-144 {margin-block: var(--size-144) !important;} .my-160 {margin-block: var(--size-160) !important;} .my-170 {margin-block: var(--size-170) !important;} .my-190 {margin-block: var(--size-190) !important;} .my-200 {margin-block: var(--size-200) !important;} .my-240 {margin-block: var(--size-240) !important;} .my-440 {margin-block: var(--size-440) !important;} .ms-2 {margin-inline-start: var(--size-2) !important;} .ms-4 {margin-inline-start: var(--size-4) !important;} .ms-6 {margin-inline-start: var(--size-6) !important;} .ms-8 {margin-inline-start: var(--size-8) !important;} .ms-9 {margin-inline-start: var(--size-9) !important;} .ms-10 {margin-inline-start: var(--size-10) !important;} .ms-11 {margin-inline-start: var(--size-11) !important;} .ms-12 {margin-inline-start: var(--size-12) !important;} .ms-13 {margin-inline-start: var(--size-13) !important;} .ms-16 {margin-inline-start: var(--size-16) !important;} .ms-20 {margin-inline-start: var(--size-20) !important;} .ms-24 {margin-inline-start: var(--size-24) !important;} .ms-28 {margin-inline-start: var(--size-28) !important;} .ms-32 {margin-inline-start: var(--size-32) !important;} .ms-36 {margin-inline-start: var(--size-36) !important;} .ms-40 {margin-inline-start: var(--size-40) !important;} .ms-44 {margin-inline-start: var(--size-44) !important;} .ms-48 {margin-inline-start: var(--size-48) !important;} .ms-50 {margin-inline-start: var(--size-50) !important;} .ms-56 {margin-inline-start: var(--size-56) !important;} .ms-60 {margin-inline-start: var(--size-60) !important;} .ms-64 {margin-inline-start: var(--size-64) !important;} .ms-72 {margin-inline-start: var(--size-72) !important;} .ms-76 {margin-inline-start: var(--size-76) !important;} .ms-80 {margin-inline-start: var(--size-80) !important;} .ms-90 {margin-inline-start: var(--size-90) !important;} .ms-110 {margin-inline-start: var(--size-110) !important;} .ms-120 {margin-inline-start: var(--size-120) !important;} .ms-144 {margin-inline-start: var(--size-144) !important;} .ms-160 {margin-inline-start: var(--size-160) !important;} .ms-170 {margin-inline-start: var(--size-170) !important;} .ms-190 {margin-inline-start: var(--size-190) !important;} .ms-200 {margin-inline-start: var(--size-200) !important;} .ms-240 {margin-inline-start: var(--size-240) !important;} .ms-440 {margin-inline-start: var(--size-440) !important;} .me-2 {margin-inline-end: var(--size-2) !important;} .me-4 {margin-inline-end: var(--size-4) !important;} .me-6 {margin-inline-end: var(--size-6) !important;} .me-8 {margin-inline-end: var(--size-8) !important;} .me-9 {margin-inline-end: var(--size-9) !important;} .me-10 {margin-inline-end: var(--size-10) !important;} .me-11 {margin-inline-end: var(--size-11) !important;} .me-12 {margin-inline-end: var(--size-12) !important;} .me-13 {margin-inline-end: var(--size-13) !important;} .me-16 {margin-inline-end: var(--size-16) !important;} .me-20 {margin-inline-end: var(--size-20) !important;} .me-24 {margin-inline-end: var(--size-24) !important;} .me-28 {margin-inline-end: var(--size-28) !important;} .me-32 {margin-inline-end: var(--size-32) !important;} .me-36 {margin-inline-end: var(--size-36) !important;} .me-40 {margin-inline-end: var(--size-40) !important;} .me-44 {margin-inline-end: var(--size-44) !important;} .me-48 {margin-inline-end: var(--size-48) !important;} .me-50 {margin-inline-end: var(--size-50) !important;} .me-56 {margin-inline-end: var(--size-56) !important;} .me-60 {margin-inline-end: var(--size-60) !important;} .me-64 {margin-inline-end: var(--size-64) !important;} .me-72 {margin-inline-end: var(--size-72) !important;} .me-76 {margin-inline-end: var(--size-76) !important;} .me-80 {margin-inline-end: var(--size-80) !important;} .me-90 {margin-inline-end: var(--size-90) !important;} .me-110 {margin-inline-end: var(--size-110) !important;} .me-120 {margin-inline-end: var(--size-120) !important;} .me-144 {margin-inline-end: var(--size-144) !important;} .me-160 {margin-inline-end: var(--size-160) !important;} .me-170 {margin-inline-end: var(--size-170) !important;} .me-190 {margin-inline-end: var(--size-190) !important;} .me-200 {margin-inline-end: var(--size-200) !important;} .me-240 {margin-inline-end: var(--size-240) !important;} .me-440 {margin-inline-end: var(--size-440) !important;} .mt-2 {margin-block-start: var(--size-2) !important;} .mt-4 {margin-block-start: var(--size-4) !important;} .mt-6 {margin-block-start: var(--size-6) !important;} .mt-8 {margin-block-start: var(--size-8) !important;} .mt-9 {margin-block-start: var(--size-9) !important;} .mt-10 {margin-block-start: var(--size-10) !important;} .mt-11 {margin-block-start: var(--size-11) !important;} .mt-12 {margin-block-start: var(--size-12) !important;} .mt-13 {margin-block-start: var(--size-13) !important;} .mt-16 {margin-block-start: var(--size-16) !important;} .mt-20 {margin-block-start: var(--size-20) !important;} .mt-24 {margin-block-start: var(--size-24) !important;} .mt-28 {margin-block-start: var(--size-28) !important;} .mt-32 {margin-block-start: var(--size-32) !important;} .mt-36 {margin-block-start: var(--size-36) !important;} .mt-40 {margin-block-start: var(--size-40) !important;} .mt-44 {margin-block-start: var(--size-44) !important;} .mt-48 {margin-block-start: var(--size-48) !important;} .mt-50 {margin-block-start: var(--size-50) !important;} .mt-56 {margin-block-start: var(--size-56) !important;} .mt-60 {margin-block-start: var(--size-60) !important;} .mt-64 {margin-block-start: var(--size-64) !important;} .mt-72 {margin-block-start: var(--size-72) !important;} .mt-76 {margin-block-start: var(--size-76) !important;} .mt-80 {margin-block-start: var(--size-80) !important;} .mt-90 {margin-block-start: var(--size-90) !important;} .mt-110 {margin-block-start: var(--size-110) !important;} .mt-120 {margin-block-start: var(--size-120) !important;} .mt-144 {margin-block-start: var(--size-144) !important;} .mt-160 {margin-block-start: var(--size-160) !important;} .mt-170 {margin-block-start: var(--size-170) !important;} .mt-190 {margin-block-start: var(--size-190) !important;} .mt-200 {margin-block-start: var(--size-200) !important;} .mt-240 {margin-block-start: var(--size-240) !important;} .mt-440 {margin-block-start: var(--size-440) !important;} .mb-2 {margin-block-end: var(--size-2) !important;} .mb-4 {margin-block-end: var(--size-4) !important;} .mb-6 {margin-block-end: var(--size-6) !important;} .mb-8 {margin-block-end: var(--size-8) !important;} .mb-9 {margin-block-end: var(--size-9) !important;} .mb-10 {margin-block-end: var(--size-10) !important;} .mb-11 {margin-block-end: var(--size-11) !important;} .mb-12 {margin-block-end: var(--size-12) !important;} .mb-13 {margin-block-end: var(--size-13) !important;} .mb-16 {margin-block-end: var(--size-16) !important;} .mb-20 {margin-block-end: var(--size-20) !important;} .mb-24 {margin-block-end: var(--size-24) !important;} .mb-28 {margin-block-end: var(--size-28) !important;} .mb-32 {margin-block-end: var(--size-32) !important;} .mb-36 {margin-block-end: var(--size-36) !important;} .mb-40 {margin-block-end: var(--size-40) !important;} .mb-44 {margin-block-end: var(--size-44) !important;} .mb-48 {margin-block-end: var(--size-48) !important;} .mb-50 {margin-block-end: var(--size-50) !important;} .mb-56 {margin-block-end: var(--size-56) !important;} .mb-60 {margin-block-end: var(--size-60) !important;} .mb-64 {margin-block-end: var(--size-64) !important;} .mb-72 {margin-block-end: var(--size-72) !important;} .mb-76 {margin-block-end: var(--size-76) !important;} .mb-80 {margin-block-end: var(--size-80) !important;} .mb-90 {margin-block-end: var(--size-90) !important;} .mb-110 {margin-block-end: var(--size-110) !important;} .mb-120 {margin-block-end: var(--size-120) !important;} .mb-144 {margin-block-end: var(--size-144) !important;} .mb-160 {margin-block-end: var(--size-160) !important;} .mb-170 {margin-block-end: var(--size-170) !important;} .mb-190 {margin-block-end: var(--size-190) !important;} .mb-200 {margin-block-end: var(--size-200) !important;} .mb-240 {margin-block-end: var(--size-240) !important;} .mb-440 {margin-block-end: var(--size-440) !important;} .p-2 {padding: var(--size-2) !important;} .p-4 {padding: var(--size-4) !important;} .p-6 {padding: var(--size-6) !important;} .p-8 {padding: var(--size-8) !important;} .p-9 {padding: var(--size-9) !important;} .p-10 {padding: var(--size-10) !important;} .p-11 {padding: var(--size-11) !important;} .p-12 {padding: var(--size-12) !important;} .p-13 {padding: var(--size-13) !important;} .p-16 {padding: var(--size-16) !important;} .p-20 {padding: var(--size-20) !important;} .p-24 {padding: var(--size-24) !important;} .p-28 {padding: var(--size-28) !important;} .p-32 {padding: var(--size-32) !important;} .p-36 {padding: var(--size-36) !important;} .p-40 {padding: var(--size-40) !important;} .p-44 {padding: var(--size-44) !important;} .p-48 {padding: var(--size-48) !important;} .p-50 {padding: var(--size-50) !important;} .p-56 {padding: var(--size-56) !important;} .p-60 {padding: var(--size-60) !important;} .p-64 {padding: var(--size-64) !important;} .p-72 {padding: var(--size-72) !important;} .p-76 {padding: var(--size-76) !important;} .p-80 {padding: var(--size-80) !important;} .p-90 {padding: var(--size-90) !important;} .p-110 {padding: var(--size-110) !important;} .p-120 {padding: var(--size-120) !important;} .p-144 {padding: var(--size-144) !important;} .p-160 {padding: var(--size-160) !important;} .p-170 {padding: var(--size-170) !important;} .p-190 {padding: var(--size-190) !important;} .p-200 {padding: var(--size-200) !important;} .p-240 {padding: var(--size-240) !important;} .p-440 {padding: var(--size-440) !important;} .px-2 {padding-inline: var(--size-2) !important;} .px-4 {padding-inline: var(--size-4) !important;} .px-6 {padding-inline: var(--size-6) !important;} .px-8 {padding-inline: var(--size-8) !important;} .px-9 {padding-inline: var(--size-9) !important;} .px-10 {padding-inline: var(--size-10) !important;} .px-11 {padding-inline: var(--size-11) !important;} .px-12 {padding-inline: var(--size-12) !important;} .px-13 {padding-inline: var(--size-13) !important;} .px-16 {padding-inline: var(--size-16) !important;} .px-20 {padding-inline: var(--size-20) !important;} .px-24 {padding-inline: var(--size-24) !important;} .px-28 {padding-inline: var(--size-28) !important;} .px-32 {padding-inline: var(--size-32) !important;} .px-36 {padding-inline: var(--size-36) !important;} .px-40 {padding-inline: var(--size-40) !important;} .px-44 {padding-inline: var(--size-44) !important;} .px-48 {padding-inline: var(--size-48) !important;} .px-50 {padding-inline: var(--size-50) !important;} .px-56 {padding-inline: var(--size-56) !important;} .px-60 {padding-inline: var(--size-60) !important;} .px-64 {padding-inline: var(--size-64) !important;} .px-72 {padding-inline: var(--size-72) !important;} .px-76 {padding-inline: var(--size-76) !important;} .px-80 {padding-inline: var(--size-80) !important;} .px-90 {padding-inline: var(--size-90) !important;} .px-110 {padding-inline: var(--size-110) !important;} .px-120 {padding-inline: var(--size-120) !important;} .px-144 {padding-inline: var(--size-144) !important;} .px-160 {padding-inline: var(--size-160) !important;} .px-170 {padding-inline: var(--size-170) !important;} .px-190 {padding-inline: var(--size-190) !important;} .px-200 {padding-inline: var(--size-200) !important;} .px-240 {padding-inline: var(--size-240) !important;} .px-440 {padding-inline: var(--size-440) !important;} .py-2 {padding-block: var(--size-2) !important;} .py-4 {padding-block: var(--size-4) !important;} .py-6 {padding-block: var(--size-6) !important;} .py-8 {padding-block: var(--size-8) !important;} .py-9 {padding-block: var(--size-9) !important;} .py-10 {padding-block: var(--size-10) !important;} .py-11 {padding-block: var(--size-11) !important;} .py-12 {padding-block: var(--size-12) !important;} .py-13 {padding-block: var(--size-13) !important;} .py-16 {padding-block: var(--size-16) !important;} .py-20 {padding-block: var(--size-20) !important;} .py-24 {padding-block: var(--size-24) !important;} .py-28 {padding-block: var(--size-28) !important;} .py-32 {padding-block: var(--size-32) !important;} .py-36 {padding-block: var(--size-36) !important;} .py-40 {padding-block: var(--size-40) !important;} .py-44 {padding-block: var(--size-44) !important;} .py-48 {padding-block: var(--size-48) !important;} .py-50 {padding-block: var(--size-50) !important;} .py-56 {padding-block: var(--size-56) !important;} .py-60 {padding-block: var(--size-60) !important;} .py-64 {padding-block: var(--size-64) !important;} .py-72 {padding-block: var(--size-72) !important;} .py-76 {padding-block: var(--size-76) !important;} .py-80 {padding-block: var(--size-80) !important;} .py-90 {padding-block: var(--size-90) !important;} .py-110 {padding-block: var(--size-110) !important;} .py-120 {padding-block: var(--size-120) !important;} .py-144 {padding-block: var(--size-144) !important;} .py-160 {padding-block: var(--size-160) !important;} .py-170 {padding-block: var(--size-170) !important;} .py-190 {padding-block: var(--size-190) !important;} .py-200 {padding-block: var(--size-200) !important;} .py-240 {padding-block: var(--size-240) !important;} .py-440 {padding-block: var(--size-440) !important;} .ps-2 {padding-inline-start: var(--size-2) !important;} .ps-4 {padding-inline-start: var(--size-4) !important;} .ps-6 {padding-inline-start: var(--size-6) !important;} .ps-8 {padding-inline-start: var(--size-8) !important;} .ps-9 {padding-inline-start: var(--size-9) !important;} .ps-10 {padding-inline-start: var(--size-10) !important;} .ps-11 {padding-inline-start: var(--size-11) !important;} .ps-12 {padding-inline-start: var(--size-12) !important;} .ps-13 {padding-inline-start: var(--size-13) !important;} .ps-16 {padding-inline-start: var(--size-16) !important;} .ps-20 {padding-inline-start: var(--size-20) !important;} .ps-24 {padding-inline-start: var(--size-24) !important;} .ps-28 {padding-inline-start: var(--size-28) !important;} .ps-32 {padding-inline-start: var(--size-32) !important;} .ps-36 {padding-inline-start: var(--size-36) !important;} .ps-40 {padding-inline-start: var(--size-40) !important;} .ps-44 {padding-inline-start: var(--size-44) !important;} .ps-48 {padding-inline-start: var(--size-48) !important;} .ps-50 {padding-inline-start: var(--size-50) !important;} .ps-56 {padding-inline-start: var(--size-56) !important;} .ps-60 {padding-inline-start: var(--size-60) !important;} .ps-64 {padding-inline-start: var(--size-64) !important;} .ps-72 {padding-inline-start: var(--size-72) !important;} .ps-76 {padding-inline-start: var(--size-76) !important;} .ps-80 {padding-inline-start: var(--size-80) !important;} .ps-90 {padding-inline-start: var(--size-90) !important;} .ps-110 {padding-inline-start: var(--size-110) !important;} .ps-120 {padding-inline-start: var(--size-120) !important;} .ps-144 {padding-inline-start: var(--size-144) !important;} .ps-160 {padding-inline-start: var(--size-160) !important;} .ps-170 {padding-inline-start: var(--size-170) !important;} .ps-190 {padding-inline-start: var(--size-190) !important;} .ps-200 {padding-inline-start: var(--size-200) !important;} .ps-240 {padding-inline-start: var(--size-240) !important;} .ps-440 {padding-inline-start: var(--size-440) !important;} .pe-2 {padding-inline-end: var(--size-2) !important;} .pe-4 {padding-inline-end: var(--size-4) !important;} .pe-6 {padding-inline-end: var(--size-6) !important;} .pe-8 {padding-inline-end: var(--size-8) !important;} .pe-9 {padding-inline-end: var(--size-9) !important;} .pe-10 {padding-inline-end: var(--size-10) !important;} .pe-11 {padding-inline-end: var(--size-11) !important;} .pe-12 {padding-inline-end: var(--size-12) !important;} .pe-13 {padding-inline-end: var(--size-13) !important;} .pe-16 {padding-inline-end: var(--size-16) !important;} .pe-20 {padding-inline-end: var(--size-20) !important;} .pe-24 {padding-inline-end: var(--size-24) !important;} .pe-28 {padding-inline-end: var(--size-28) !important;} .pe-32 {padding-inline-end: var(--size-32) !important;} .pe-36 {padding-inline-end: var(--size-36) !important;} .pe-40 {padding-inline-end: var(--size-40) !important;} .pe-44 {padding-inline-end: var(--size-44) !important;} .pe-48 {padding-inline-end: var(--size-48) !important;} .pe-50 {padding-inline-end: var(--size-50) !important;} .pe-56 {padding-inline-end: var(--size-56) !important;} .pe-60 {padding-inline-end: var(--size-60) !important;} .pe-64 {padding-inline-end: var(--size-64) !important;} .pe-72 {padding-inline-end: var(--size-72) !important;} .pe-76 {padding-inline-end: var(--size-76) !important;} .pe-80 {padding-inline-end: var(--size-80) !important;} .pe-90 {padding-inline-end: var(--size-90) !important;} .pe-110 {padding-inline-end: var(--size-110) !important;} .pe-120 {padding-inline-end: var(--size-120) !important;} .pe-144 {padding-inline-end: var(--size-144) !important;} .pe-160 {padding-inline-end: var(--size-160) !important;} .pe-170 {padding-inline-end: var(--size-170) !important;} .pe-190 {padding-inline-end: var(--size-190) !important;} .pe-200 {padding-inline-end: var(--size-200) !important;} .pe-240 {padding-inline-end: var(--size-240) !important;} .pe-440 {padding-inline-end: var(--size-440) !important;} .pt-2 {padding-block-start: var(--size-2) !important;} .pt-4 {padding-block-start: var(--size-4) !important;} .pt-6 {padding-block-start: var(--size-6) !important;} .pt-8 {padding-block-start: var(--size-8) !important;} .pt-9 {padding-block-start: var(--size-9) !important;} .pt-10 {padding-block-start: var(--size-10) !important;} .pt-11 {padding-block-start: var(--size-11) !important;} .pt-12 {padding-block-start: var(--size-12) !important;} .pt-13 {padding-block-start: var(--size-13) !important;} .pt-16 {padding-block-start: var(--size-16) !important;} .pt-20 {padding-block-start: var(--size-20) !important;} .pt-24 {padding-block-start: var(--size-24) !important;} .pt-28 {padding-block-start: var(--size-28) !important;} .pt-32 {padding-block-start: var(--size-32) !important;} .pt-36 {padding-block-start: var(--size-36) !important;} .pt-40 {padding-block-start: var(--size-40) !important;} .pt-44 {padding-block-start: var(--size-44) !important;} .pt-48 {padding-block-start: var(--size-48) !important;} .pt-50 {padding-block-start: var(--size-50) !important;} .pt-56 {padding-block-start: var(--size-56) !important;} .pt-60 {padding-block-start: var(--size-60) !important;} .pt-64 {padding-block-start: var(--size-64) !important;} .pt-72 {padding-block-start: var(--size-72) !important;} .pt-76 {padding-block-start: var(--size-76) !important;} .pt-80 {padding-block-start: var(--size-80) !important;} .pt-90 {padding-block-start: var(--size-90) !important;} .pt-110 {padding-block-start: var(--size-110) !important;} .pt-120 {padding-block-start: var(--size-120) !important;} .pt-144 {padding-block-start: var(--size-144) !important;} .pt-160 {padding-block-start: var(--size-160) !important;} .pt-170 {padding-block-start: var(--size-170) !important;} .pt-190 {padding-block-start: var(--size-190) !important;} .pt-200 {padding-block-start: var(--size-200) !important;} .pt-240 {padding-block-start: var(--size-240) !important;} .pt-440 {padding-block-start: var(--size-440) !important;} .pb-2 {padding-block-end: var(--size-2) !important;} .pb-4 {padding-block-end: var(--size-4) !important;} .pb-6 {padding-block-end: var(--size-6) !important;} .pb-8 {padding-block-end: var(--size-8) !important;} .pb-9 {padding-block-end: var(--size-9) !important;} .pb-10 {padding-block-end: var(--size-10) !important;} .pb-11 {padding-block-end: var(--size-11) !important;} .pb-12 {padding-block-end: var(--size-12) !important;} .pb-13 {padding-block-end: var(--size-13) !important;} .pb-16 {padding-block-end: var(--size-16) !important;} .pb-20 {padding-block-end: var(--size-20) !important;} .pb-24 {padding-block-end: var(--size-24) !important;} .pb-28 {padding-block-end: var(--size-28) !important;} .pb-32 {padding-block-end: var(--size-32) !important;} .pb-36 {padding-block-end: var(--size-36) !important;} .pb-40 {padding-block-end: var(--size-40) !important;} .pb-44 {padding-block-end: var(--size-44) !important;} .pb-48 {padding-block-end: var(--size-48) !important;} .pb-50 {padding-block-end: var(--size-50) !important;} .pb-56 {padding-block-end: var(--size-56) !important;} .pb-60 {padding-block-end: var(--size-60) !important;} .pb-64 {padding-block-end: var(--size-64) !important;} .pb-72 {padding-block-end: var(--size-72) !important;} .pb-76 {padding-block-end: var(--size-76) !important;} .pb-80 {padding-block-end: var(--size-80) !important;} .pb-90 {padding-block-end: var(--size-90) !important;} .pb-110 {padding-block-end: var(--size-110) !important;} .pb-120 {padding-block-end: var(--size-120) !important;} .pb-144 {padding-block-end: var(--size-144) !important;} .pb-160 {padding-block-end: var(--size-160) !important;} .pb-170 {padding-block-end: var(--size-170) !important;} .pb-190 {padding-block-end: var(--size-190) !important;} .pb-200 {padding-block-end: var(--size-200) !important;} .pb-240 {padding-block-end: var(--size-240) !important;} .pb-440 {padding-block-end: var(--size-440) !important;} .pe-0 {padding-right: 0 !important;} .pe-90-px {padding-inline-end: clamp(1.5rem, -2.3077rem + 7.9327vw, 5.625rem);} .ms--10px {margin-inline-start: -10px;} .m--8-px {margin: -8px;} .mt--50 {margin-top: -50px;} .mt--100 {margin-top: -100px;} .mt--36 {margin-top: -36px;} .mt--16 {margin-top: -16px;} .mt--26 {margin-top: -26px;} .my--16 {margin-block: -16px;} .w-30 {width: 30%;} .w-70 {width: 70%;} .gap-2 {gap: var(--size-2);} .gap-4 {gap: var(--size-4);} .gap-6 {gap: var(--size-6);} .gap-8 {gap: var(--size-8);} .gap-9 {gap: var(--size-9);} .gap-10 {gap: var(--size-10);} .gap-11 {gap: var(--size-11);} .gap-12 {gap: var(--size-12);} .gap-13 {gap: var(--size-13);} .gap-16 {gap: var(--size-16);} .gap-20 {gap: var(--size-20);} .gap-24 {gap: var(--size-24);} .gap-28 {gap: var(--size-28);} .gap-32 {gap: var(--size-32);} .gap-36 {gap: var(--size-36);} .gap-40 {gap: var(--size-40);} .gap-44 {gap: var(--size-44);} .gap-48 {gap: var(--size-48);} .gap-50 {gap: var(--size-50);} .gap-56 {gap: var(--size-56);} .gap-60 {gap: var(--size-60);} .gap-64 {gap: var(--size-64);} .gap-72 {gap: var(--size-72);} .gap-76 {gap: var(--size-76);} .gap-80 {gap: var(--size-80);} .gap-90 {gap: var(--size-90);} .gap-110 {gap: var(--size-110);} .gap-120 {gap: var(--size-120);} .gap-144 {gap: var(--size-144);} .gap-160 {gap: var(--size-160);} .gap-170 {gap: var(--size-170);} .gap-190 {gap: var(--size-190);} .gap-200 {gap: var(--size-200);} .gap-240 {gap: var(--size-240);} .gap-440 {gap: var(--size-440);} .gap-100-px {gap: clamp(1.5rem, -12.75rem + 19vw, 6.25rem);} .radius-2 {border-radius: 0.125rem; -webkit-border-radius: 0.125rem; -moz-border-radius: 0.125rem; -ms-border-radius: 0.125rem; -o-border-radius: 0.125rem;} .radius-4 {border-radius: 0.25rem; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; -ms-border-radius: 0.25rem; -o-border-radius: 0.25rem;} .radius-6 {border-radius: 0.375rem; -webkit-border-radius: 0.375rem; -moz-border-radius: 0.375rem; -ms-border-radius: 0.375rem; -o-border-radius: 0.375rem;} .radius-8 {border-radius: 0.5rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; -ms-border-radius: 0.5rem; -o-border-radius: 0.5rem;} .radius-9 {border-radius: 0.5625rem; -webkit-border-radius: 0.5625rem; -moz-border-radius: 0.5625rem; -ms-border-radius: 0.5625rem; -o-border-radius: 0.5625rem;} .radius-10 {border-radius: 0.625rem; -webkit-border-radius: 0.625rem; -moz-border-radius: 0.625rem; -ms-border-radius: 0.625rem; -o-border-radius: 0.625rem;} .radius-11 {border-radius: 0.6875rem; -webkit-border-radius: 0.6875rem; -moz-border-radius: 0.6875rem; -ms-border-radius: 0.6875rem; -o-border-radius: 0.6875rem;} .radius-12 {border-radius: 0.75rem; -webkit-border-radius: 0.75rem; -moz-border-radius: 0.75rem; -ms-border-radius: 0.75rem; -o-border-radius: 0.75rem;} .radius-13 {border-radius: 0.8125rem; -webkit-border-radius: 0.8125rem; -moz-border-radius: 0.8125rem; -ms-border-radius: 0.8125rem; -o-border-radius: 0.8125rem;} .radius-16 {border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem;} .radius-20 {border-radius: 1.25rem; -webkit-border-radius: 1.25rem; -moz-border-radius: 1.25rem; -ms-border-radius: 1.25rem; -o-border-radius: 1.25rem;} .radius-24 {border-radius: 1.5rem; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; -ms-border-radius: 1.5rem; -o-border-radius: 1.5rem;} .radius-28 {border-radius: 1.75rem; -webkit-border-radius: 1.75rem; -moz-border-radius: 1.75rem; -ms-border-radius: 1.75rem; -o-border-radius: 1.75rem;} .radius-32 {border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem;} .radius-36 {border-radius: 2.25rem; -webkit-border-radius: 2.25rem; -moz-border-radius: 2.25rem; -ms-border-radius: 2.25rem; -o-border-radius: 2.25rem;} .radius-40 {border-radius: 2.5rem; -webkit-border-radius: 2.5rem; -moz-border-radius: 2.5rem; -ms-border-radius: 2.5rem; -o-border-radius: 2.5rem;} .radius-44 {border-radius: 2.75rem; -webkit-border-radius: 2.75rem; -moz-border-radius: 2.75rem; -ms-border-radius: 2.75rem; -o-border-radius: 2.75rem;} .radius-48 {border-radius: 3rem; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; -ms-border-radius: 3rem; -o-border-radius: 3rem;} .radius-50 {border-radius: 3.125rem; -webkit-border-radius: 3.125rem; -moz-border-radius: 3.125rem; -ms-border-radius: 3.125rem; -o-border-radius: 3.125rem;} .radius-56 {border-radius: 3.5rem; -webkit-border-radius: 3.5rem; -moz-border-radius: 3.5rem; -ms-border-radius: 3.5rem; -o-border-radius: 3.5rem;} .radius-60 {border-radius: 3.75rem; -webkit-border-radius: 3.75rem; -moz-border-radius: 3.75rem; -ms-border-radius: 3.75rem; -o-border-radius: 3.75rem;} .radius-64 {border-radius: 4rem; -webkit-border-radius: 4rem; -moz-border-radius: 4rem; -ms-border-radius: 4rem; -o-border-radius: 4rem;} .radius-72 {border-radius: 4.5rem; -webkit-border-radius: 4.5rem; -moz-border-radius: 4.5rem; -ms-border-radius: 4.5rem; -o-border-radius: 4.5rem;} .radius-76 {border-radius: 4.75rem; -webkit-border-radius: 4.75rem; -moz-border-radius: 4.75rem; -ms-border-radius: 4.75rem; -o-border-radius: 4.75rem;} .radius-80 {border-radius: 5rem; -webkit-border-radius: 5rem; -moz-border-radius: 5rem; -ms-border-radius: 5rem; -o-border-radius: 5rem;} .radius-90 {border-radius: 5.625rem; -webkit-border-radius: 5.625rem; -moz-border-radius: 5.625rem; -ms-border-radius: 5.625rem; -o-border-radius: 5.625rem;} .radius-110 {border-radius: 6.875rem; -webkit-border-radius: 6.875rem; -moz-border-radius: 6.875rem; -ms-border-radius: 6.875rem; -o-border-radius: 6.875rem;} .radius-120 {border-radius: 7.5rem; -webkit-border-radius: 7.5rem; -moz-border-radius: 7.5rem; -ms-border-radius: 7.5rem; -o-border-radius: 7.5rem;} .radius-144 {border-radius: 9rem; -webkit-border-radius: 9rem; -moz-border-radius: 9rem; -ms-border-radius: 9rem; -o-border-radius: 9rem;} .radius-160 {border-radius: 10rem; -webkit-border-radius: 10rem; -moz-border-radius: 10rem; -ms-border-radius: 10rem; -o-border-radius: 10rem;} .radius-170 {border-radius: 10.625rem; -webkit-border-radius: 10.625rem; -moz-border-radius: 10.625rem; -ms-border-radius: 10.625rem; -o-border-radius: 10.625rem;} .radius-190 {border-radius: 11.875rem; -webkit-border-radius: 11.875rem; -moz-border-radius: 11.875rem; -ms-border-radius: 11.875rem; -o-border-radius: 11.875rem;} .radius-200 {border-radius: 12.5rem; -webkit-border-radius: 12.5rem; -moz-border-radius: 12.5rem; -ms-border-radius: 12.5rem; -o-border-radius: 12.5rem;} .radius-240 {border-radius: 15rem; -webkit-border-radius: 15rem; -moz-border-radius: 15rem; -ms-border-radius: 15rem; -o-border-radius: 15rem;} .radius-440 {border-radius: 27.5rem; -webkit-border-radius: 27.5rem; -moz-border-radius: 27.5rem; -ms-border-radius: 27.5rem; -o-border-radius: 27.5rem;} .rounded-start-top-0 {border-start-start-radius: 0 !important;} .rounded-end-bottom-0 {border-end-end-radius: 0 !important;} .text-2xxl {font-size: var(--font-2xxl) !important;} .text-2xl {font-size: var(--font-2xl) !important;} .text-xxl {font-size: var(--font-xxl) !important;} .text-xl {font-size: var(--font-xl) !important;} .text-lg {font-size: var(--font-lg) !important;} .text-md {font-size: var(--font-md) !important;} .text-sm {font-size: var(--font-sm) !important;} .text-xs {font-size: var(--font-xs) !important;} .text-line-1 {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .text-line-2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .text-line-3 {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .text-start {text-align: start !important;} .text-end {text-align: end !important;} .border-start {border-inline-start: 1px solid var(--border-color) !important;} .border-end {border-inline-end: 1px solid var(--border-color) !important;} .border-bottom {border-bottom: 1px solid var(--border-color) !important;} .border-primary-light-white {border-color: var(--primary-light-white) !important;} .border-yellow-light-white {border-color: var(--yellow-light-white) !important;} .border-purple-light-white {border-color: var(--purple-light-white) !important;} .border-pink-light-white {border-color: var(--pink-light-white) !important;} .border-transparent {border-color: transparent !important;} .border-light-white {border-color: rgba(255, 255, 255, 0.38) !important;} .border-primary-05 {border-color: var(--primary-05) !important;} .border-primary-50 {border-color: var(--primary-50) !important;} .border-primary-100 {border-color: var(--primary-100) !important;} .border-primary-200 {border-color: var(--primary-200) !important;} .border-primary-300 {border-color: var(--primary-300) !important;} .border-primary-400 {border-color: var(--primary-400) !important;} .border-primary-500 {border-color: var(--primary-500) !important;} .border-primary-600 {border-color: var(--primary-600) !important;} .border-primary-700 {border-color: var(--primary-700) !important;} .border-primary-800 {border-color: var(--primary-800) !important;} .border-primary-900 {border-color: var(--primary-900) !important;} .border-primary-950 {border-color: var(--primary-950) !important;} .border-neutral-50 {border-color: var(--neutral-50) !important;} .border-neutral-100 {border-color: var(--neutral-100) !important;} .border-neutral-200 {border-color: var(--neutral-200) !important;} .border-neutral-300 {border-color: var(--neutral-300) !important;} .border-neutral-400 {border-color: var(--neutral-400) !important;} .border-neutral-500 {border-color: var(--neutral-500) !important;} .border-neutral-600 {border-color: var(--neutral-600) !important;} .border-neutral-700 {border-color: var(--neutral-700) !important;} .border-neutral-800 {border-color: var(--neutral-800) !important;} .border-neutral-900 {border-color: var(--neutral-900) !important;} .border-danger-50 {border-color: var(--danger-50) !important;} .border-danger-100 {border-color: var(--danger-100) !important;} .border-danger-200 {border-color: var(--danger-200) !important;} .border-danger-300 {border-color: var(--danger-300) !important;} .border-danger-400 {border-color: var(--danger-400) !important;} .border-danger-500 {border-color: var(--danger-500) !important;} .border-danger-600 {border-color: var(--danger-600) !important;} .border-danger-700 {border-color: var(--danger-700) !important;} .border-danger-800 {border-color: var(--danger-800) !important;} .border-danger-900 {border-color: var(--danger-900) !important;} .border-success-50 {border-color: var(--success-50) !important;} .border-success-100 {border-color: var(--success-100) !important;} .border-success-200 {border-color: var(--success-200) !important;} .border-success-300 {border-color: var(--success-300) !important;} .border-success-400 {border-color: var(--success-400) !important;} .border-success-500 {border-color: var(--success-500) !important;} .border-success-600 {border-color: var(--success-600) !important;} .border-success-700 {border-color: var(--success-700) !important;} .border-success-800 {border-color: var(--success-800) !important;} .border-success-900 {border-color: var(--success-900) !important;} .border-warning-50 {border-color: var(--warning-50) !important;} .border-warning-100 {border-color: var(--warning-100) !important;} .border-warning-200 {border-color: var(--warning-200) !important;} .border-warning-300 {border-color: var(--warning-300) !important;} .border-warning-400 {border-color: var(--warning-400) !important;} .border-warning-500 {border-color: var(--warning-500) !important;} .border-warning-600 {border-color: var(--warning-600) !important;} .border-warning-700 {border-color: var(--warning-700) !important;} .border-warning-800 {border-color: var(--warning-800) !important;} .border-warning-900 {border-color: var(--warning-900) !important;} .border-info-50 {border-color: var(--info-50) !important;} .border-info-100 {border-color: var(--info-100) !important;} .border-info-200 {border-color: var(--info-200) !important;} .border-info-300 {border-color: var(--info-300) !important;} .border-info-400 {border-color: var(--info-400) !important;} .border-info-500 {border-color: var(--info-500) !important;} .border-info-600 {border-color: var(--info-600) !important;} .border-info-700 {border-color: var(--info-700) !important;} .border-info-800 {border-color: var(--info-800) !important;} .border-info-900 {border-color: var(--info-900) !important;} .border-cyan-50 {border-color: var(--cyan-50) !important;} .border-cyan-100 {border-color: var(--cyan-100) !important;} .border-cyan-200 {border-color: var(--cyan-200) !important;} .border-cyan-300 {border-color: var(--cyan-300) !important;} .border-cyan-400 {border-color: var(--cyan-400) !important;} .border-cyan-500 {border-color: var(--cyan-500) !important;} .border-cyan-600 {border-color: var(--cyan-600) !important;} .border-cyan-700 {border-color: var(--cyan-700) !important;} .border-cyan-800 {border-color: var(--cyan-800) !important;} .border-cyan-900 {border-color: var(--cyan-900) !important;} .border-dark-1 {border-color: var(--dark-1) !important;} .border-dark-2 {border-color: var(--dark-2) !important;} .border-dark-3 {border-color: var(--dark-3) !important;} .border-lilac-50 {border-color: var(--lilac-50) !important;} .border-lilac-100 {border-color: var(--lilac-100) !important;} .border-lilac-200 {border-color: var(--lilac-200) !important;} .border-lilac-300 {border-color: var(--lilac-300) !important;} .border-lilac-400 {border-color: var(--lilac-400) !important;} .border-lilac-500 {border-color: var(--lilac-500) !important;} .border-lilac-600 {border-color: var(--lilac-600) !important;} .border-lilac-700 {border-color: var(--lilac-700) !important;} .border-lilac-800 {border-color: var(--lilac-800) !important;} .border-light-50 {border-color: var(--light-50) !important;} .border-light-100 {border-color: var(--light-100) !important;} .border-light-600 {border-color: var(--light-600) !important;} .border-light-700 {border-color: var(--light-700) !important;} .border-light-800 {border-color: var(--light-800) !important;} .border-success-main {border-color: var(--success-main) !important;} .border-success-surface {border-color: var(--success-surface) !important;} .border-success-border {border-color: var(--success-border) !important;} .border-success-hover {border-color: var(--success-hover) !important;} .border-success-pressed {border-color: var(--success-pressed) !important;} .border-success-focus {border-color: var(--success-focus) !important;} .border-info-main {border-color: var(--info-main) !important;} .border-info-surface {border-color: var(--info-surface) !important;} .border-info-border {border-color: var(--info-border) !important;} .border-info-hover {border-color: var(--info-hover) !important;} .border-info-pressed {border-color: var(--info-pressed) !important;} .border-info-focus {border-color: var(--info-focus) !important;} .border-warning-main {border-color: var(--warning-main) !important;} .border-warning-surface {border-color: var(--warning-surface) !important;} .border-warning-border {border-color: var(--warning-border) !important;} .border-warning-hover {border-color: var(--warning-hover) !important;} .border-warning-pressed {border-color: var(--warning-pressed) !important;} .border-warning-focus {border-color: var(--warning-focus) !important;} .border-danger-main {border-color: var(--danger-main) !important;} .border-danger-surface {border-color: var(--danger-surface) !important;} .border-danger-border {border-color: var(--danger-border) !important;} .border-danger-hover {border-color: var(--danger-hover) !important;} .border-danger-pressed {border-color: var(--danger-pressed) !important;} .border-danger-focus {border-color: var(--danger-focus) !important;} .border-cyan {border-color: var(--cyan) !important;} .border-indigo {border-color: var(--indigo) !important;} .border-purple {border-color: var(--purple) !important;} .border-red {border-color: var(--red) !important;} .border-yellow {border-color: var(--yellow) !important;} .border-orange {border-color: var(--orange) !important;} .border-pink {border-color: var(--pink) !important;} .border-white {border-color: var(--base) !important;} .border-width-2-px {border-width: 2px !important;} .border-width-3-px {border-width: 3px !important;} .border-width-4-px {border-width: 4px !important;} .border-width-5-px {border-width: 5px !important;} .border-start-width-2-px {border-inline-start-width: 2px !important;} .border-start-width-3-px {border-inline-start-width: 3px !important;} .border-start-width-4-px {border-inline-start-width: 4px !important;} .border-start-width-5-px {border-inline-start-width: 5px !important;} .border-end-width-2-px {border-inline-end-width: 2px !important;} .border-end-width-3-px {border-inline-end-width: 3px !important;} .border-end-width-4-px {border-inline-end-width: 4px !important;} .border-end-width-5-px {border-inline-end-width: 5px !important;} .border-end-width-6-px {border-inline-end-width: 6px !important;} .border-top-0 {border-top: 0 !important;} .border-end-0 {border-right: 0 !important;} .border-start-0 {border-left: 0 !important;} .border-bottom-0 {border-bottom: 0 !important;} .border-dashed {border-style: dashed !important;} .border-inline-start {border-inline-start: 3px solid #ff0000;} .border-3 {border-width: 3px !important;} .bordered-table {border-spacing: 0; border-collapse: separate; border: 1px solid var(--neutral-200); border-radius: 8px; min-width: max-content; vertical-align: middle;} .bg-transparent {background-color: transparent !important;} .rounded-table {border: 0 !important;} .border-primary-table {border-spacing: 0; border-collapse: separate; border: 1px solid var(--primary-600); border-radius: 8px; min-width: max-content; vertical-align: middle;} .border-gradient-tab {border-top: 1px solid var(--input-form-light);} .max-w-66 {max-width: 66px;} .max-w-112 {max-width: 112px;} .bg-img {background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; width: 100%; height: 100%;} .gap-50-px {gap: clamp(1.5rem, 0rem + 3.125vw, 3.125rem);} .text-decoration-underline {text-decoration: underline !important;} .ps-60-px {padding-left: 60px;} .radius-start-8 {border-top-left-radius: 8px; border-bottom-left-radius: 8px;} .radius-end-8 {border-top-right-radius: 8px; border-bottom-right-radius: 8px;} .min-w-0 {min-width: 0;} .admina-chart { min-height: 320px; } .admina-chart--sm { min-height: 240px; } .admina-stat-card h2 { font-weight: 700; } .admina-status-badge { display: inline-block; } .bg-primary-focus { background-color: rgba(255, 159, 67, 0.12) !important; } .border-primary-main { border-color: var(--primary-600) !important; } .bg-neutral-focus { background-color: rgba(107, 114, 128, 0.12) !important; } /* ---- bento + POS + reports from bridge ---- */ /* ---------- Bento dashboard ---------- */ .bento-dashboard { display: flex; flex-direction: column; gap: var(--gt-gap); } .bento-welcome { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 4px 2px 0; } .bento-welcome__title { font-size: 1.5rem; font-weight: 600; letter-spacing: -0.03em; color: var(--gt-text); margin: 0 0 4px; } .bento-welcome__sub { margin: 0; font-size: 0.875rem; color: var(--gt-text-muted); } .bento-grid { display: grid !important; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--gt-gap); grid-auto-flow: dense; min-width: 0; } .bento-tile { min-width: 0; display: flex; flex-direction: column; grid-column: span 3; } .bento-tile > * { flex: 1 1 auto; min-height: 100%; height: 100%; } .bento-tile--3 { grid-column: span 3; } .bento-tile--4 { grid-column: span 4; } .bento-tile--5 { grid-column: span 5; } .bento-tile--6 { grid-column: span 6; } .bento-tile--8 { grid-column: span 8; } .bento-tile--12, .bento-tile--full { grid-column: 1 / -1; } .bento-tile--tall { grid-row: span 2; } .bento-card, .bento-dashboard .bg-base, .bento-dashboard .admina-stat-card, .bento-dashboard .admina-list-card, .bento-dashboard .card { background: var(--gt-surface) !important; border-radius: var(--gt-radius-lg) !important; border: 1px solid var(--gt-border) !important; box-shadow: var(--gt-shadow) !important; transition: transform 180ms ease, box-shadow 180ms ease; } .bento-card { padding: 22px; height: 100%; display: flex; flex-direction: column; min-width: 0; } .bento-card__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 16px; } .bento-card__title { font-size: 1rem; font-weight: 600; color: var(--gt-text); margin: 0; } .bento-card__sub { font-size: 0.8125rem; color: var(--gt-text-muted); margin: 4px 0 0; } .bento-dashboard .admina-stat-card { padding: 20px 22px !important; display: flex !important; flex-direction: column; justify-content: space-between; gap: 14px; overflow: hidden; position: relative; } .bento-dashboard .admina-stat-card > .d-flex:first-child { border-bottom: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } .bento-dashboard .admina-stat-card h2 { font-size: clamp(1.5rem, 2vw, 2rem) !important; font-weight: 650 !important; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; color: var(--gt-text); margin: 0 !important; } .bento-dashboard .admina-stat-card > .d-flex:first-child > span:last-child { width: 40px !important; height: 40px !important; border-radius: 12px !important; border: 0 !important; } .bento-dashboard .admina-stat-card .text-secondary-light, .bento-dashboard .admina-stat-card .text-neutral-700 { color: var(--gt-text-muted) !important; } .bento-trend { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 999px; font-size: 0.75rem; font-weight: 600; background: color-mix(in srgb, var(--gt-success) 12%, transparent); color: var(--gt-success); } .bento-quick-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .bento-quick-action { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px; border-radius: 14px; border: 1px solid var(--gt-border); background: color-mix(in srgb, var(--gt-bg) 80%, var(--gt-surface)); color: var(--gt-text); text-decoration: none !important; cursor: pointer; transition: border-color 160ms ease, background 160ms ease, transform 160ms ease; } .bento-quick-action i { font-size: 1.35rem; color: var(--gt-primary); } .bento-quick-action span { font-size: 0.8125rem; font-weight: 600; } .bento-quick-action:hover { border-color: color-mix(in srgb, var(--gt-primary) 35%, var(--gt-border)); background: color-mix(in srgb, var(--gt-primary) 6%, var(--gt-surface)); color: var(--gt-text); } .bento-quick-action--primary { background: color-mix(in srgb, var(--gt-primary) 10%, var(--gt-surface)); border-color: color-mix(in srgb, var(--gt-primary) 25%, var(--gt-border)); } .bento-dashboard .form-select { border-radius: 999px !important; border-color: var(--gt-border); cursor: pointer; } .bento-dashboard a, .bento-dashboard button, .bento-dashboard .nav-link { cursor: pointer; } .bento-dashboard a:focus-visible, .bento-dashboard button:focus-visible, .bento-dashboard .form-select:focus-visible { outline: 2px solid var(--gt-primary); outline-offset: 2px; } .bento-dashboard .table { --bs-table-bg: transparent; font-size: 0.875rem; } .bento-dashboard .table thead th { color: var(--gt-text-muted); font-weight: 600; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; border-bottom-color: var(--gt-border) !important; } .bento-dashboard .table tbody tr { transition: background-color 150ms ease; } .bento-dashboard .table tbody tr:hover { background-color: color-mix(in srgb, var(--gt-primary) 5%, transparent); } .bento-dashboard .admina-status-badge, .bento-dashboard .bg-success-focus, .bento-dashboard .bg-danger-focus, .bento-dashboard .bg-warning-focus, .bento-dashboard .bg-info-focus, .bento-dashboard .bg-primary-focus, .bento-dashboard .bg-neutral-focus { border-radius: 999px !important; padding: 4px 12px !important; font-size: 0.75rem !important; } @media (prefers-reduced-motion: no-preference) { .bento-dashboard .admina-stat-card:hover, .bento-tile--interactive:hover > .bento-card, .bento-tile--interactive:hover > .bg-base, .bento-tile--interactive:hover > .card { transform: translateY(-2px); box-shadow: var(--gt-shadow-hover) !important; } } @media (prefers-reduced-motion: reduce) { .bento-dashboard .admina-stat-card, .bento-card, .bento-quick-action { transition: none !important; } } @media (max-width: 1199.98px) { .bento-tile, .bento-tile--3, .bento-tile--4, .bento-tile--5, .bento-tile--6 { grid-column: span 6; } .bento-tile--8 { grid-column: span 12; } .bento-tile--tall { grid-row: span 1; } } @media (max-width: 767.98px) { .bento-grid { grid-template-columns: 1fr; } .bento-tile, .bento-tile--3, .bento-tile--4, .bento-tile--5, .bento-tile--6, .bento-tile--8, .bento-tile--12, .bento-tile--full { grid-column: 1 / -1; } .bento-dashboard .admina-stat-card:hover { transform: none; } } /* ---------- Bootstrap primary → brand ---------- */ :root, [data-theme] { --bs-primary: var(--primary-600); --bs-link-color: var(--primary-600); --bs-link-hover-color: var(--primary-600); } .btn-primary { --bs-btn-bg: var(--primary-600); --bs-btn-border-color: var(--primary-600); --bs-btn-hover-bg: var(--primary-600); --bs-btn-hover-border-color: var(--primary-600); --bs-btn-active-bg: var(--primary-600); --bs-btn-active-border-color: var(--primary-600); --bs-btn-disabled-bg: var(--primary-600); --bs-btn-disabled-border-color: var(--primary-600); } .btn-outline-primary { --bs-btn-color: var(--primary-600); --bs-btn-border-color: var(--primary-600); --bs-btn-hover-bg: var(--primary-600); --bs-btn-hover-border-color: var(--primary-600); --bs-btn-active-bg: var(--primary-600); --bs-btn-active-border-color: var(--primary-600); } .text-primary { color: var(--primary-600) !important; } .bg-primary { background-color: var(--primary-600) !important; } .border-primary { border-color: var(--primary-600) !important; } .btn-primary:hover, .btn-primary:active, .btn-outline-primary:active { filter: brightness(0.92); } .admina-chart--sm { min-height: 240px; } /* ---------- POS (sale / purchase create & edit) ---------- */ /* Full-width POS shell (matches Dreams pos-pg-wrapper) */ body.pos-page #sidebar { display: none !important; } body.pos-page .page-wrapper.pos-pg-wrapper { margin-left: 0 !important; margin-right: 0 !important; } body.pos-page .page-wrapper.pos-pg-wrapper .content.pos-design { min-height: calc(100vh - 60px); } [dir="rtl"] body.pos-page .page-wrapper.pos-pg-wrapper { margin-right: 0 !important; margin-left: 0 !important; } .sales-main-container { display: grid !important; grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr) !important; gap: 20px; margin: 0; align-items: start; width: 100%; } .sales-main-container > * { width: auto !important; padding: 0; margin: 0; max-width: none !important; flex: unset !important; } @media (max-width: 991.98px) { .sales-main-container { grid-template-columns: 1fr !important; } } .sales-container, .sales-main-container > .main-container { background: var(--white); border-radius: 16px; padding: 20px; min-width: 0; border: 1px solid var(--gt-border, #e6eaed); box-shadow: 0 2px 8px rgba(0,0,0,.04); } .quick-act-header { padding-bottom: 16px; border-bottom: 1px solid var(--neutral-200); } .quick-actions-container { display: flex; flex-wrap: wrap; gap: 8px; } .pos-quick-btn { transition: filter .15s ease, transform .15s ease; white-space: nowrap; } .pos-quick-btn:hover { filter: brightness(.96); transform: translateY(-1px); } .pos-quick-btn i { font-size: 1.05rem; } .sales-container .form-control, .sales-container .form-select, .main-container .form-control, .main-container .form-select { border-radius: 8px; min-height: 44px; } .sales-container .input-group > .form-select { border-start-end-radius: 0; border-end-end-radius: 0; } .sales-container .input-group > .square-btn { border-start-start-radius: 0; border-end-start-radius: 0; font-size: 1.15rem; } /* cart */ .pos-cart-table { border-radius: 12px; overflow: hidden; } .pos-cart-table td, .pos-cart-table th { vertical-align: middle; white-space: nowrap; } .pos-cart-table .table-img { width: 40px; height: 40px; border-radius: 8px; object-fit: cover; } .pos-cart-table .sales-input, .pos-cart-table .cart-price { width: 96px; height: 36px; border: 1px solid var(--neutral-200); border-radius: 8px; background: var(--white); color: var(--text-primary-light); padding: 0 8px; } .incre-decre { width: 30px; height: 30px; border-radius: 50%; border: 0; background: var(--primary-50); color: var(--primary-600); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .incre-decre:hover { background: var(--primary-600); color: #fff; } .custom-number-input { width: 56px; height: 32px; text-align: center; margin: 0 6px; border: 1px solid var(--neutral-200); border-radius: 8px; background: var(--white); color: var(--text-primary-light); } .x-btn, .pos-cart-table .remove-btn { width: 32px; height: 32px; border-radius: 50%; border: 0; background: var(--danger-focus, #FEE2E2); color: var(--danger-600); display: inline-flex; align-items: center; justify-content: center; } .x-btn img { width: 14px; height: 14px; } /* payment */ .payment-section { margin: 0; row-gap: 16px; } .amount-info-container { display: flex; flex-direction: column; gap: 12px; } .amount-container, .save-amount-container { margin: 0 !important; display: grid !important; grid-template-columns: minmax(110px, 140px) minmax(0, 1fr) !important; gap: 12px; align-items: center; width: 100%; } .amount-container.row, .save-amount-container.row { --bs-gutter-x: 0; --bs-gutter-y: 0; flex-wrap: nowrap; } .amount-container > *, .save-amount-container > * { width: auto !important; max-width: none !important; margin: 0; } .amount-container > :not(.form-control):not(.form-select), .save-amount-container > :not(.form-control):not(.form-select) { padding: 0; } .save-amount-container .col-6, .save-amount-container .col-12 { width: 100% !important; max-width: none !important; grid-column: 2; } .payment-title { font-size: .875rem !important; font-weight: 600 !important; color: var(--text-secondary-light); margin: 0; } .save-amount-container .vat_select { min-width: 120px; flex: 0 0 auto; } .payment-container { background: var(--neutral-50); border: 1px solid var(--neutral-200); border-radius: 12px; padding: 20px; } .payment-container h6 { font-size: .9375rem !important; margin: 0; } .payment-container #payable_amount, .payment-container #total_amount { color: var(--primary-600); } /* product side */ .products-header { padding-bottom: 16px; border-bottom: 1px solid var(--neutral-200); } .search-product { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 8px; } .search-product .search-input { border-start-end-radius: 0 !important; border-end-end-radius: 0 !important; } .btn-search { background: var(--primary-600); color: #fff; border-radius: 0 8px 8px 0; padding: 0 14px; display: inline-flex; align-items: center; } [dir="rtl"] .search-product .search-input { border-radius: 0 8px 8px 0 !important; } [dir="rtl"] .btn-search { border-radius: 8px 0 0 8px; } .btn-category, .btn-brand { min-height: 44px; font-weight: 600; font-size: .875rem; background: var(--neutral-100); color: var(--text-primary-light); border: 1px solid var(--neutral-200); } .btn-category:hover, .btn-brand:hover { background: var(--primary-50); color: var(--primary-600); border-color: var(--primary-200); } .scroll-card { max-height: calc(100vh - 260px); min-height: 420px; overflow-y: auto; padding: 16px 0 0 !important; } .search-product-card { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px !important; } .search-product-card .not-found { grid-column: 1 / -1; } .single-product { background: var(--white); border: 1px solid var(--neutral-200); border-radius: 12px; padding: 10px; cursor: pointer; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; display: flex; flex-direction: column; gap: 8px; min-width: 0; } .single-product:hover { border-color: var(--primary-600); box-shadow: 0 6px 18px rgba(79, 70, 229, .12); transform: translateY(-2px); } .single-product .pro-img { aspect-ratio: 1 / 1; border-radius: 8px; background: var(--neutral-50); overflow: hidden; display: flex; align-items: center; justify-content: center; } .single-product .pro-img img { width: 100%; height: 100%; object-fit: cover; } .single-product .pro-title { font-size: .875rem; font-weight: 600; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .single-product .pro-category { font-size: .75rem; color: var(--text-secondary-light); margin: 0; } .single-product .pro-price { font-size: .875rem; font-weight: 700; color: var(--primary-600); margin: 0; } /* purchase product dropdown (built by purchase.js) */ .product-option-item { display: flex; align-items: center; gap: 12px; padding: 10px 12px; cursor: pointer; border-bottom: 1px solid var(--neutral-200); background: var(--white); } .product-option-item:hover { background: var(--primary-50); } .product-option-item .product-title { font-weight: 600; color: var(--text-primary-light); } .product-option-item .product-des, .product-option-item .product-in-stock { font-size: .75rem; color: var(--text-secondary-light); } .product-option-item .product-price { font-weight: 700; color: var(--primary-600); } .product-left { display: flex; align-items: center; gap: 10px; width: 100%; } .product-left img { width: 40px; height: 40px; border-radius: 8px; object-fit: cover; } .product-text { flex: 1; min-width: 0; } /* category / brand off-canvas */ .custom-offcanvas { background: var(--white); } .category-brand-scroll .position-relative .search-icon { position: absolute; inset-inline-end: 12px; top: 50%; transform: translateY(-50%); color: var(--text-secondary-light); } .category-container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 16px; } .category-content { border: 1px solid var(--neutral-200); border-radius: 12px; padding: 12px; cursor: pointer; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; transition: border-color .15s ease, background .15s ease; } .category-content:hover, .category-content.active { border-color: var(--primary-600); background: var(--primary-50); } .category-brand-img { width: 48px; height: 48px; object-fit: contain; } .category-content h6 { font-size: .8125rem !important; margin: 0; } /* ---------- Report pages ---------- */ .report-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 16px; } .report-export-btn { transition: filter .15s ease; } .report-export-btn:hover { filter: brightness(.95); } .admina-list-card .card-body > .card, .admina-form-card .card-body > .card { border: 0; background: transparent; box-shadow: none; } .admina-list-card .card-body > .card > .card-bodys:empty { display: none; } /* List / form cards inside Dreams content */ .content .admina-list-card, .content .admina-form-card { background: #fff; border: 1px solid var(--gt-border, #e6eaed); border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,.04); overflow: hidden; } .content .admina-list-card > .card-header, .content .admina-form-card > .card-header { background: #fff !important; border-bottom: 1px solid var(--gt-border, #e6eaed); } .content .page-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; } .content .page-header .page-title h4 { font-size: 1.25rem; font-weight: 700; margin: 0 0 4px; } .content .page-header .page-title h6 { font-size: 0.8125rem; color: #6B7280; margin: 0; font-weight: 500; } .content .page-header .page-title h6 a { color: var(--primary-600); } /* Table thumbnails (list pages) */ .content .table img.table-product-img, .content .table img.table-thumb, .content .table img.table-img, .content .table .table-product-img, .content .table .table-thumb { width: 40px !important; height: 40px !important; max-width: 40px !important; object-fit: cover; border-radius: 8px; display: inline-block; } .content .table td { vertical-align: middle; } /* ---------- Detail tables & file drop boxes (addon modals) ---------- */ .info-table { width: 100%; border-collapse: collapse; } .info-table td { padding: 10px 12px; border-bottom: 1px solid var(--neutral-200); color: var(--text-secondary-light); font-size: .875rem; vertical-align: top; } .info-table tr:last-child td { border-bottom: 0; } .info-table td:first-child { color: var(--text-primary-light); font-weight: 600; width: 38%; } .info-table img { width: 56px; height: 56px; object-fit: cover; border-radius: 8px; } .custom-upload-wrapper .custom-file-box { position: relative; border: 1px dashed var(--neutral-300); border-radius: 12px; background: var(--neutral-50); padding: 28px 16px; text-align: center; cursor: pointer; transition: border-color .15s ease; } .custom-upload-wrapper .custom-file-box:hover { border-color: var(--primary-600); } .custom-upload-wrapper .custom-file-box input[type="file"] { position: absolute; inset: 0; opacity: 0; cursor: pointer; } .custom-upload-wrapper .custom-file-content { display: flex; flex-direction: column; align-items: center; gap: 8px; color: var(--text-secondary-light); } .bg-neutral-focus { background-color: var(--neutral-100) !important; } .border-neutral-main { border-color: var(--neutral-300) !important; } .single-product .pro-title { font-size: .875rem !important; margin: 8px 0 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .single-product .pro-price { font-size: .875rem !important; color: var(--primary-600); margin: 0; } .single-product .pro-category { font-size: .75rem; color: var(--text-secondary-light); margin: 0; } /* Protect Dreams POS chrome from leftover admina body rules if bridge loaded */ body.loaded #global-loader { display: none !important; } .page-wrapper .content { padding-bottom: 24px; } .content .select2-container { width: 100% !important; } .content .table.bordered-table { width: 100%; } .content .table.bordered-table thead th { background: #f7f8f9; font-weight: 600; font-size: 13px; color: #5b6670; border-bottom: 1px solid #e6eaed; white-space: nowrap; } .content .btn-primary-600, .content .btn.btn-primary-600 { background: var(--primary-600); border-color: var(--primary-600); color: #fff; } .content .btn-outline-primary-600 { border: 1px solid var(--primary-600); color: var(--primary-600); background: transparent; } .content .admina-actions .action-btn { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; border: 1px solid #e6eaed; background: #fff; color: #5b6670; } .content .paid-badge { display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;background:#d1f4e0;color:#0f9d58; } .content .unpaid-badge { display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;background:#fff3cd;color:#b78103; } .content .unpaid-badge-2 { display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;background:#fde2e1;color:#d92d20; } /* Business sidebar: menu scrolls; subscription card stays in bottom empty space */ .sidebar .sidebar-inner--with-foot { display: flex; flex-direction: column; height: 100%; overflow: hidden; } .sidebar .sidebar-inner--with-foot .sidebar-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; } .sidebar .sidebar-inner--with-foot .dreams-sidebar-footer { flex-shrink: 0; margin-top: auto; } body.mini-sidebar .sidebar .dreams-sidebar-footer { display: none; } .dreams-sidebar-footer { font-size: 12px; color: #5b6670; } .dreams-sidebar-footer .upgrade-card { background:#fff7ed;border:1px solid #ffe0bd;border-radius:10px;padding:12px;text-align:center; } .dreams-sidebar-footer .upgrade-card__art { display:inline-flex;margin-bottom:6px;color:#ff9f43;font-size:22px; } .dreams-sidebar-footer .upgrade-btn { display:inline-block;margin-top:8px;background:#ff9f43;color:#fff;border-radius:6px;padding:6px 12px;font-weight:600;font-size:12px; } /* POS layout extras */ .p-lr, .p-lr2 { padding-left: 0; padding-right: 0; } .content .border-gradient-tab .nav-link { color: var(--gt-text-muted); border: 0; background: transparent; border-radius: 999px; padding-block: 8px; } .content .border-gradient-tab .nav-link.active { color: var(--primary-600) !important; background: rgba(255,159,67,.12) !important; font-weight: 600; } /* ---------- Modern fast POS checkout ---------- */ .pos-checkout--modern { --pos-gap: 14px; } .pos-topbar .pos-search { position: relative; max-width: 420px; } .pos-topbar .pos-search i { position: absolute; inset-inline-start: 12px; top: 50%; transform: translateY(-50%); color: #98a2b3; pointer-events: none; } .pos-topbar .pos-search input { padding-inline-start: 36px; border-radius: 12px; min-height: 44px; border: 1px solid var(--gt-border, #e6eaed); } .pos-modern-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.85fr); gap: var(--pos-gap); align-items: start; } @media (max-width: 991.98px) { .pos-modern-grid { grid-template-columns: 1fr; } } .pos-catalog, .pos-ticket { background: #fff; border: 1px solid var(--gt-border, #e6eaed); border-radius: 16px; padding: 14px; box-shadow: 0 2px 10px rgba(16, 24, 40, 0.04); } .pos-ticket { position: sticky; top: 72px; max-height: calc(100vh - 88px); overflow: auto; } .pos-chip-rail { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 10px; margin-bottom: 8px; scrollbar-width: thin; -webkit-overflow-scrolling: touch; } .pos-chip-rail--muted { opacity: 0.95; } .pos-chip { flex: 0 0 auto; border: 1px solid #e4e7ec; background: #f8fafc; color: #344054; border-radius: 999px; padding: 7px 14px; font-size: 13px; font-weight: 600; white-space: nowrap; transition: background .15s ease, border-color .15s ease, color .15s ease, transform .12s ease; } .pos-chip:hover { transform: translateY(-1px); border-color: #d0d5dd; } .pos-chip.is-active { background: rgba(255, 159, 67, 0.14); border-color: #ff9f43; color: #b54708; } .pos-chip--accent.is-active { background: #ff9f43; color: #fff; border-color: #ff9f43; } .pos-product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)); gap: 10px; } .pos-product-card { position: relative; border: 1px solid #eaecf0; border-radius: 14px; background: #fff; overflow: hidden; transition: box-shadow .15s ease, border-color .15s ease; } .pos-product-card.is-starred { border-color: #fdb022; box-shadow: 0 0 0 1px rgba(253, 176, 34, 0.25); } .pos-product-card:hover { box-shadow: 0 6px 18px rgba(16, 24, 40, 0.08); } .pos-product-card__star { position: absolute; top: 6px; inset-inline-end: 6px; z-index: 2; width: 28px; height: 28px; border: 0; border-radius: 50%; background: rgba(255,255,255,.92); color: #98a2b3; display: inline-flex; align-items: center; justify-content: center; } .pos-product-card__star.is-on { color: #f79009; } .pos-product-card__hit { display: block; width: 100%; border: 0; background: transparent; text-align: start; padding: 0; color: inherit; } .pos-product-card__hit:disabled { opacity: .55; } .pos-product-card img { width: 100%; aspect-ratio: 1; object-fit: cover; background: #f2f4f7; display: block; } .pos-product-card__body { padding: 8px 10px 10px; } .pos-product-card__body strong { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; line-height: 1.25; min-height: 2.5em; } .pos-product-card__price { display: block; font-weight: 700; font-size: 13px; margin-top: 2px; color: #101828; } .pos-ticket__cart { margin: 12px 0; max-height: 240px; overflow: auto; border-top: 1px solid #f2f4f7; border-bottom: 1px solid #f2f4f7; } .pos-line { display: grid; grid-template-columns: minmax(0, 1fr) 72px auto 32px; gap: 6px; align-items: center; padding: 8px 0; border-bottom: 1px solid #f2f4f7; } .pos-line__meta strong { display: block; font-size: 13px; } .pos-line__price { width: 72px; } .pos-qty-stepper { display: inline-flex; align-items: center; gap: 2px; } .pos-qty-stepper__btn { width: 28px; height: 28px; border-radius: 8px; border: 1px solid #e4e7ec; background: #f8fafc; font-weight: 700; } .pos-qty-stepper__input { width: 48px; text-align: center; } .pos-pay-modal { position: fixed; inset: 0; z-index: 1080; background: rgba(16, 24, 40, 0.45); display: flex; align-items: center; justify-content: center; padding: 16px; } .pos-pay-modal__card { width: min(440px, 100%); background: #fff; border-radius: 18px; padding: 20px; box-shadow: 0 20px 50px rgba(16, 24, 40, 0.25); } .pos-pay-modal__qr { width: 240px; height: 240px; object-fit: contain; border: 1px solid #eaecf0; border-radius: 12px; background: #fff; }