/* CSS سبک صفحه‌های مستقل (لوگین، خطا، پرداخت، به‌روزرسانی): فقط قاعده‌های لازم از cinemaplus.style.min.css */
@font-face{font-family:"iran";src:url('../fonts/iran.woff2') format('woff2'),url('../fonts/iran.ttf') format('truetype');font-display:swap}
@font-face{font-family:'IcoFont';src:url('../fonts/icofont-lite.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap}
:root{--bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-yellow: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff}
*, *::before, *::after{box-sizing: border-box}
@media (prefers-reduced-motion: no-preference){
:root{scroll-behavior: smooth}
}
body{margin: 0; font-family: "iran", var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
h3, .h3, h5, .h5, h6, .h6{margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2}
h3, .h3{font-size: calc(1.3rem + .6vw)}
@media (min-width: 1200px){
h3, .h3{font-size: 1.75rem}
}
h5, .h5{font-size: 1.25rem}
h6, .h6{font-size: 1rem}
p{margin-top: 0; margin-bottom: 1rem; text-align: justify;}
b, strong{font-weight: bolder}
small, .small{font-size: .875em}
sub{position: relative; font-size: .75em; line-height: 0; vertical-align: baseline}
sub{bottom: -.25em}
a{color: #0d6efd; text-decoration: underline}
a:hover{color: #0a58ca}
a:not([href]):not([class]), a:not([href]):not([class]):hover{color: inherit; text-decoration: none}
code{font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr ; unicode-bidi: bidi-override}
code{font-size: .875em; color: #d63384; word-wrap: break-word; direction: rtl;}
a > code{color: inherit}
img{vertical-align: middle}
table{caption-side: bottom; border-collapse: collapse}
th{text-align: inherit; text-align: -webkit-match-parent}
thead, tbody, tfoot, tr, td, th{border-color: inherit; border-style: solid; border-width: 0}
label{display: inline-block}
button{border-radius: 0}
button:focus:not(:focus-visible){outline: 0}
input, button, select{margin: 0; font-family: inherit; font-size: inherit; line-height: inherit}
button, select{text-transform: none}
[role="button"]{cursor: pointer}
select{word-wrap: normal}
select:disabled{opacity: 1}
[list]::-webkit-calendar-picker-indicator{display: none}
button, [type="button"], [type="reset"], [type="submit"]{-webkit-appearance: button}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled){cursor: pointer}
::-moz-focus-inner{padding: 0; border-style: none}
::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field{padding: 0}
::-webkit-inner-spin-button{height: auto}
[type="search"]{outline-offset: -2px; -webkit-appearance: textfield}
::-webkit-search-decoration{-webkit-appearance: none}
::-webkit-color-swatch-wrapper{padding: 0}
::file-selector-button{font: inherit}
::-webkit-file-upload-button{font: inherit; -webkit-appearance: button}
[hidden]{display: none !important}
.container-xxl{width: 100%; padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem); margin-right: auto; margin-left: auto}
@media (min-width: 1400px){
.container-xxl{max-width: 1320px}
}
.row{--bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5)}
.row > *{flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y)}
.col-12{flex: 0 0 auto; width: 100%}
.g-0{--bs-gutter-x: 0}
.g-0{--bs-gutter-y: 0}
.g-1{--bs-gutter-x: .25rem}
.g-1{--bs-gutter-y: .25rem}
.table{--bs-table-bg: rgba(0, 0, 0, 0); --bs-table-accent-bg: rgba(0, 0, 0, 0); --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6}
.table > :not(caption) > * > *{padding: .5rem .5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)}
.table > tbody{vertical-align: inherit}
.table > thead{vertical-align: bottom}
.table > :not(:last-child) > :last-child > *{border-bottom-color: currentColor}
.form-label{margin-bottom: .5rem}
.form-control{display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; appearance: none; border-radius: .25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}
@media (prefers-reduced-motion: reduce){
.form-control{transition: none}
}
.form-control[type="file"]{overflow: hidden}
.form-control[type="file"]:not(:disabled):not([readonly]){cursor: pointer}
.form-control:focus{color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25)}
.form-control::-webkit-date-and-time-value{height: 1.5em}
.form-control::placeholder{color: #6c757d; opacity: 1}
.form-control:disabled, .form-control[readonly]{background-color: #e9ecef; opacity: 1}
.form-control::file-selector-button{padding: .375rem .75rem; margin: -.375rem -.75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}
@media (prefers-reduced-motion: reduce){
.form-control::file-selector-button{transition: none}
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color: #dde0e3}
.form-control::-webkit-file-upload-button{padding: .375rem .75rem; margin: -.375rem -.75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}
@media (prefers-reduced-motion: reduce){
.form-control::-webkit-file-upload-button{transition: none}
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color: #dde0e3}
.form-control-lg{min-height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem}
.form-control-lg::file-selector-button{padding: .5rem 1rem; margin: -.5rem -1rem; margin-inline-end: 1rem}
.form-control-lg::-webkit-file-upload-button{padding: .5rem 1rem; margin: -.5rem -1rem; margin-inline-end: 1rem}
.form-select{display: block; width: 100%; padding: .375rem .75rem .375rem 2.25rem; -moz-padding-start: calc(.75rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: left .75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none}
@media (prefers-reduced-motion: reduce){
.form-select{transition: none}
}
.form-select:focus{border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25)}
.form-select[multiple], .form-select[size]:not([size="1"]){padding-right: .75rem; background-image: none}
.form-select:disabled{background-color: #e9ecef}
.form-select:-moz-focusring{color: transparent; text-shadow: 0 0 0 #212529}
.form-check-input{width: 1em; height: 1em; margin-top: .25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); appearance: none; color-adjust: exact}
.form-check-input[type="checkbox"]{border-radius: .25em}
.form-check-input[type="radio"]{border-radius: 50%}
.form-check-input:active{filter: brightness(90%)}
.form-check-input:focus{border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25)}
.form-check-input:checked{background-color: #0d6efd; border-color: #0d6efd}
.form-check-input:checked[type="checkbox"]{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}
.form-check-input:checked[type="radio"]{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}
.form-check-input[type="checkbox"]:indeterminate{background-color: #0d6efd; border-color: #0d6efd; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}
.form-check-input:disabled{pointer-events: none; filter: none; opacity: .5}
.input-group{position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%}
.input-group > .form-control, .input-group > .form-select{position: relative; flex: 1 1 auto; width: 1%; min-width: 0}
.input-group > .form-control:focus, .input-group > .form-select:focus{z-index: 3}
.input-group .btn{position: relative; z-index: 2}
.input-group .btn:focus{z-index: 3}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius: 0; border-bottom-right-radius: 0}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0}
.btn{display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; border-radius: .25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}
@media (prefers-reduced-motion: reduce){
.btn{transition: none}
}
.btn:hover{color: #212529}
.btn:focus{outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.25)}
.btn:disabled, .btn.disabled{pointer-events: none; opacity: .65}
.btn-primary{color: #fff; background-color: #0d6efd; border-color: #0d6efd}
.btn-primary:hover{color: #fff; background-color: #0b5ed7; border-color: #0a58ca}
.btn-primary:focus{color: #fff; background-color: #0b5ed7; border-color: #0a58ca; box-shadow: 0 0 0 .25rem rgba(49, 132, 253, 0.5)}
.btn-primary:active{color: #fff; background-color: #0a58ca; border-color: #0a53be}
.btn-primary:active:focus{box-shadow: 0 0 0 .25rem rgba(49, 132, 253, 0.5)}
.btn-primary:disabled, .btn-primary.disabled{color: #fff; background-color: #0d6efd; border-color: #0d6efd}
.btn-success{color: #fff; background-color: #198754; border-color: #198754}
.btn-success:hover{color: #fff; background-color: #157347; border-color: #146c43}
.btn-success:focus{color: #fff; background-color: #157347; border-color: #146c43; box-shadow: 0 0 0 .25rem rgba(60, 153, 110, 0.5)}
.btn-success:active{color: #fff; background-color: #146c43; border-color: #13653f}
.btn-success:active:focus{box-shadow: 0 0 0 .25rem rgba(60, 153, 110, 0.5)}
.btn-success:disabled, .btn-success.disabled{color: #fff; background-color: #198754; border-color: #198754}
.btn-outline-primary{color: #0d6efd; border-color: #0d6efd}
.btn-outline-primary:hover{color: #fff; background-color: #0d6efd; border-color: #0d6efd}
.btn-outline-primary:focus{box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.5)}
.btn-outline-primary:active{color: #fff; background-color: #0d6efd; border-color: #0d6efd}
.btn-outline-primary:active:focus{box-shadow: 0 0 0 .25rem rgba(13, 110, 253, 0.5)}
.btn-outline-primary:disabled, .btn-outline-primary.disabled{color: #0d6efd; background-color: transparent}
.btn-outline-secondary{color: #6c757d; border-color: #6c757d}
.btn-outline-secondary:hover{color: #fff; background-color: #6c757d; border-color: #6c757d}
.btn-outline-secondary:focus{box-shadow: 0 0 0 .25rem rgba(108, 117, 125, 0.5)}
.btn-outline-secondary:active{color: #fff; background-color: #6c757d; border-color: #6c757d}
.btn-outline-secondary:active:focus{box-shadow: 0 0 0 .25rem rgba(108, 117, 125, 0.5)}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled{color: #6c757d; background-color: transparent}
.btn-outline-light{color: #f8f9fa; border-color: #f8f9fa}
.btn-outline-light:hover{color: #000; background-color: #f8f9fa; border-color: #f8f9fa}
.btn-outline-light:focus{box-shadow: 0 0 0 .25rem rgba(248, 249, 250, 0.5)}
.btn-outline-light:active{color: #000; background-color: #f8f9fa; border-color: #f8f9fa}
.btn-outline-light:active:focus{box-shadow: 0 0 0 .25rem rgba(248, 249, 250, 0.5)}
.btn-outline-light:disabled, .btn-outline-light.disabled{color: #f8f9fa; background-color: transparent}
.btn-link{font-weight: 400; color: #0d6efd; text-decoration: underline}
.btn-link:hover{color: #0a58ca}
.btn-link:disabled, .btn-link.disabled{color: #6c757d}
.btn-lg{padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem}
.card{position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: .25rem}
.card > .list-group{border-top: inherit; border-bottom: inherit}
.card > .list-group:first-child{border-top-width: 0; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px)}
.card > .list-group:last-child{border-bottom-width: 0; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px)}
.badge{display: inline-block; padding: .35em .65em; font-size: .75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem}
.badge:empty{display: none}
.btn .badge{position: relative; top: -1px}
.alert{position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem}
.alert-warning{color: #664d03; background-color: #fff3cd; border-color: #ffecb5}
.list-group{display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: .25rem}
.list-group-item-action{width: 100%; color: #495057; text-align: inherit}
.list-group-item-action:hover, .list-group-item-action:focus{z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa}
.list-group-item-action:active{color: #212529; background-color: #e9ecef}
.list-group-item{position: relative; display: block; padding: .5rem 1rem; color: #212529; text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125)}
.list-group-item:first-child{border-top-left-radius: inherit; border-top-right-radius: inherit}
.list-group-item:last-child{border-bottom-right-radius: inherit; border-bottom-left-radius: inherit}
.list-group-item.disabled, .list-group-item:disabled{color: #6c757d; pointer-events: none; background-color: #fff}
.list-group-item + .list-group-item{border-top-width: 0}
.placeholder{display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentColor; opacity: .5}
.placeholder.btn::before{display: inline-block; content: ""}
.d-grid{display: grid !important}
.d-flex{display: flex !important}
.shadow-sm{box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important}
.border{border: 1px solid #dee2e6 !important}
.border-0{border: 0 !important}
.border-top{border-top: 1px solid #dee2e6 !important}
.border-bottom{border-bottom: 1px solid #dee2e6 !important}
.border-primary{border-color: #0d6efd !important}
.border-secondary{border-color: #6c757d !important}
.border-success{border-color: #198754 !important}
.border-info{border-color: #0dcaf0 !important}
.border-warning{border-color: #ffc107 !important}
.border-danger{border-color: #dc3545 !important}
.border-light{border-color: #f8f9fa !important}
.border-dark{border-color: #212529 !important}
.w-100{width: 100% !important}
.flex-wrap{flex-wrap: wrap !important}
.gap-2{gap: .5rem !important}
.justify-content-center{justify-content: center !important}
.justify-content-between{justify-content: space-between !important}
.align-items-center{align-items: center !important}
.mt-1{margin-top: .25rem !important}
.mt-2{margin-top: .5rem !important}
.mt-3{margin-top: 1rem !important}
.me-2{margin-right: .5rem !important}
.mb-0{margin-bottom: 0 !important}
.mb-2{margin-bottom: .5rem !important}
.mb-3{margin-bottom: 1rem !important}
.mb-4{margin-bottom: 1.5rem !important}
.p-0{padding: 0 !important}
.p-2{padding: .5rem !important}
.p-3{padding: 1rem !important}
.py-3{padding-top: 1rem !important; padding-bottom: 1rem !important}
.text-end{text-align: right !important}
.text-center{text-align: center !important}
.text-primary{--bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important}
.text-secondary{--bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important}
.text-success{--bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important}
.text-info{--bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important}
.text-warning{--bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important}
.text-danger{--bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important}
.text-light{--bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important}
.text-dark{--bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important}
.text-muted{--bs-text-opacity: 1; color: #6c757d !important}
.bg-primary{--bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important}
.bg-secondary{--bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important}
.bg-success{--bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important}
.bg-info{--bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important}
.bg-warning{--bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important}
.bg-danger{--bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important}
.bg-light{--bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important}
.bg-dark{--bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important}
@media (min-width: 768px){
.p-md-4{padding: 1.5rem !important}
.p-md-5{padding: 3rem !important}
}
@media (min-width: 1200px){
.p-xl-5{padding: 3rem !important}
}
[class^="icofont-"], [class*=" icofont-"]{font-family: 'IcoFont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; line-height: 1; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased}
.icofont-sand-clock:before{content: "\e819"}
.icofont-hand-down:before{content: "\ea7e"}
.icofont-tea-pot:before{content: "\eb98"}
.icofont-ui-delete:before{content: "\ec53"}
.icofont-search-document:before{content: "\ed13"}
.icofont-ban:before{content: "\eead"}
.icofont-bug:before{content: "\eec7"}
.icofont-check:before{content: "\eed8"}
.icofont-clock-time:before{content: "\eedc"}
.icofont-close:before{content: "\eee4"}
.icofont-exclamation-circle:before{content: "\ef19"}
.icofont-gear:before{content: "\ef3a"}
.icofont-lock:before{content: "\ef7a"}
.icofont-network-tower:before{content: "\efa4"}
.icofont-not-allowed:before{content: "\efa9"}
.icofont-speed-meter:before{content: "\eff3"}
.icofont-warning:before{content: "\f026"}
:root{--dark-color: #323A45; --color-fff: #FFFFFF; --color-100: #F0F0F0; --color-200: #EEEEEE; --color-300: #E0E0E0; --color-400: #BDBDBD; --color-500: #555555; --color-600: #757575; --color-700: #616161; --color-800: #424242; --color-900: #212121; --color-000: #000000; --border-color: #f0f0f0; --card-color: #ffffff; --body-color: #f9fbfd; --white-color: #ffffff; --sidebar-color: #fcfcfc; --text-color: #212529; --hc-font-color: #555555; --hc-bg-color: #f0f0f0; --primary-color: #6aab9c; --secondary-color: #f7b36b; --chart-color1: #6aab9c; --chart-color2: #f7b36b; --chart-color3: #97B0AA; --chart-color4: #4D6E94; --chart-color5: #81A1CA}
[data-theme="dark"]{--dark-color: #323A45; --color-fff: #000000; --color-100: #212121; --color-200: #262727; --color-300: #616161; --color-400: #757575; --color-500: #8f8f8f; --color-600: #BDBDBD; --color-700: #E0E0E0; --color-800: #EEEEEE; --color-900: #F0F0F0; --color-000: #FFFFFF; --border-color: #353535; --card-color: #262727; --body-color: #1e1f20; --white-color: #ffffff; --sidebar-color: #fcfcfc; --text-color: #8f8f8f; --hc-font-color: #555555; --hc-bg-color: #f0f0f0}
[data-theme="dark"] [class="theme-cyan"]{--primary-color: #00bdaa}
[data-theme="dark"] [class="theme-indigo"]{--border-color: #212020; --card-color: #101010; --body-color: #050505}
[data-theme="dark"] [class="theme-blue"]{--primary-color: #7258db; --border-color: #1a1f2d; --card-color: #10141f; --body-color: #080b13}
[data-theme="dark"] [class="theme-yellow"]{--border-color: #092940; --card-color: #052133; --body-color: #051e2f}
[data-theme="dark"] [class="theme-blush"]{--border-color: #242331; --card-color: #1a1925; --body-color: #15141f}
[data-theme="dark"] [class="theme-red"]{--primary-color: #f73e60; --border-color: #222335; --card-color: #161725; --body-color: #11121d}
[data-theme="high-contrast"]{--dark-color: #323A45; --color-fff: #ffffff; --color-100: #000000; --color-200: #ffffff; --color-300: #ffffff; --color-400: #ffffff; --color-500: #ffffff; --color-600: #ffffff; --color-700: #ffffff; --color-800: #ffffff; --color-900: #ffffff; --color-000: #ffffff; --border-color: #ffffff; --card-color: #0e0e0e; --body-color: #000000; --white-color: #ffffff; --black-color: #000000; --sidebar-color: #fcfcfc; --hc-font-color: #555555; --hc-bg-color: #f0f0f0; --text-color: #ffffff}
[class="theme-tradewind"]{--primary-color: #6aab9c; --secondary-color: #f7b36b; --chart-color1: #6aab9c; --chart-color2: #f7b36b; --chart-color3: #97B0AA; --chart-color4: #4D6E94; --chart-color5: #81A1CA; --chart-color6: #ED5782; --primary-gradient: linear-gradient(45deg, #608bc2, #65a0a9)}
[class="theme-monalisa"]{--primary-color: #FF7B89; --secondary-color: #f7cf79; --chart-color1: #ED5782; --chart-color2: #e5df88; --chart-color3: #726a95; --chart-color4: #a6a6a4; --chart-color5: #c9b8b8; --primary-gradient: linear-gradient(45deg, #b15f85, #e27089)}
[class="theme-cyan"]{--primary-color: #00bdaa; --secondary-color: #f1ff17; --chart-color1: #00bdaa; --chart-color2: #c1c0b9; --chart-color3: #537791; --chart-color4: #9cbf3b; --chart-color5: #cdb60c; --primary-gradient: linear-gradient(45deg, #009abd, #00bdaa)}
[class="theme-indigo"]{--primary-color: #484c7f; --secondary-color: #d8d419; --chart-color1: #484c7f; --chart-color2: #d8d419; --chart-color3: #7394b9; --chart-color4: #79b6bd; --chart-color5: #a0c1b8; --primary-gradient: linear-gradient(45deg, #5a2ee2, #484c7f)}
[class="theme-blue"]{--primary-color: #7258db; --secondary-color: #ffd55d; --chart-color1: #ED5782; --chart-color2: #e5df88; --chart-color3: #7258db; --chart-color4: #a6a6a4; --chart-color5: #c9b8b8; --primary-gradient: linear-gradient(45deg, #45afaf, #0d6efd)}
[class="theme-green"]{--primary-color: #459d20; --secondary-color: #fffb83; --chart-color1: #459d20; --chart-color2: #b9bc6d; --chart-color3: #427a5b; --chart-color4: #4e7376; --chart-color5: #a6a6a4; --primary-gradient: linear-gradient(45deg, #92D758, #2f984d)}
[class="theme-yellow"]{--primary-color: #feb019; --secondary-color: #35f3fd; --chart-color1: #ef7e56; --chart-color2: #44558f; --chart-color3: #ded5c4; --chart-color4: #f59292; --chart-color5: #90a4ae; --primary-gradient: linear-gradient(45deg, #ce63ca, #feb019)}
[class="theme-blush"]{--primary-color: #ED5782; --secondary-color: #ffdd95; --chart-color1: #ED5782; --chart-color2: #e5df88; --chart-color3: #726a95; --chart-color4: #a6a6a4; --chart-color5: #c9b8b8; --primary-gradient: linear-gradient(45deg, #f5ae8a, #ED5782)}
[class="theme-red"]{--primary-color: #ff4560; --secondary-color: #f7c56b; --chart-color1: #ff5959; --chart-color2: #ffad5a; --chart-color3: #4f9da6; --chart-color4: #c06c84; --chart-color5: #f67280; --primary-gradient: linear-gradient(45deg, #f5558d, #ff4560)}
[class="theme-dynamic"]{--primary-gradient: linear-gradient(45deg, var(--primary-color), var(--secondary-color))}
html *{box-sizing: border-box}
body{-moz-transition: ease 0.1s; -o-transition: ease 0.1s; -webkit-transition: ease 0.1s; transition: ease 0.1s; background-color: var(--body-color); color: var(--text-color); font-weight: 400; font-family: "iran", "Open Sans", sans-serif; font-size: 14px}
@media only screen and (max-width: 554px){
body body{font-size: 12px}
}
body a{color: var(--text-color); text-decoration: none}
body a:hover{text-decoration: none; color: var(--secondary-color)}
.auth-h100{height: calc(100vh - 192px)}
@media only screen and (max-width: 1280px){
.auth-h100{height: calc(100vh - 96px)}
}
@media only screen and (max-width: 640px){
.auth-h100{height: auto}
}
@media only screen and (max-width: 768px){
.form-control-lg{min-height: calc(1.5em + 1rem + 2px) !important}
}
:not(pre) > code[class*="language-"]{background: var(--color-100) !important}
code[class*="language-"]{text-shadow: none !important; color: var(--color-000) !important}
body.rtl_mode{direction: rtl; text-align: right}
body.rtl_mode .text-end{text-align: left !important}
body.rtl_mode .me-2{margin-left: 0.5rem !important; margin-right: 0 !important}
body.rtl_mode .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-top-left-radius: 0; border-bottom-left-radius: 0}
body.rtl_mode .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem}
body.rtl_mode button i.me-2{margin-left: 0px !important; margin-right: 0.5rem !important}
.border, .border-top, .border-bottom{border-color:var(--border-color)}
.container-xxl{max-width:1560px}
.table>:not(caption)>*>*{padding:.8rem .8rem}
.form-label{font-weight:600}
.form-control, .form-select{border-color:var(--border-color);background-color:var(--card-color);color:var(--text-color);font-size:16px}
.form-control::placeholder, .form-select::placeholder{color:var(--color-400)}
.form-control:focus, .form-select:focus{box-shadow:0 0 10px rgba(33,37,41,0.15);background-color:var(--card-color);border-color:var(--primary-color);color:var(--text-color)}
.form-control.form-control-lg, .form-select.form-control-lg{min-height:calc(1.5em + 1.8rem + 2px)}
.btn-link{color:var(--text-color)}
.btn-link:hover{color:var(--secondary-color)}
.btn{font-size:14px;}
.btn:hover{color:var(--text-color)}
.btn.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white-color)}
.btn.btn-outline-primary{color:var(--primary-color);border-color:var(--primary-color)}
.btn.btn-outline-primary:hover{color:#fff;background-color:var(--primary-color)}
.btn.btn-outline-secondary{border-color:var(--border-color)}
.btn.btn-outline-secondary:hover{color:#fff;background-color:var(--secondary-color)}
.btn.btn-outline-secondary:hover i{color:#fff !important}
.btn.btn-lg{padding:.7rem 1rem}
.border-dark{border-color:var(--text-color) !important}
.list-group .list-group-item{background-color:var(--card-color);border-color:var(--border-color);color:var(--text-color)}
.table{border-color:var(--border-color)}
.table tr{vertical-align:middle}
.table tr th{color:var(--text-color);text-transform:uppercase;font-size:12px}
.table tr td{border-color:var(--border-color);color:var(--text-color)}
.table tr:hover td{color:var(--color-800)}
.btn-outline-secondary.btn-block{color:#fff !important}
input[type="date"], input[type="time"]{display:block;-webkit-appearance:textfield;-moz-appearance:textfield;min-width:95%}
.text-primary{color:var(--primary-color) !important}
.bg-primary{background:var(--primary-color) !important}
.text-secondary{color:var(--secondary-color) !important}
.bg-secondary{background:var(--secondary-color) !important}
.text-muted{color:#9a9b9d !important}
.btn-success{background-color:#4DCA88;border-color:#4DCA88}
.border, .border-top, .border-bottom{border-color:var(--color-100) !important}
.bg-dark{background-color:var(--primary-color) !important}
[data-theme="dark"] .shadow-sm{box-shadow:0 0.125rem 0.25rem rgba(255,255,255,0.23) !important}
[data-theme="dark"] .text-muted{color:#5b5b5b !important}
[data-theme="dark"] .border, [data-theme="dark"] .border-top, [data-theme="dark"] .border-bottom{border-color:var(--border-color) !important}
[data-theme="high-contrast"] .shadow-sm{box-shadow:0 0.125rem 0.25rem rgba(255,255,255,0.23) !important}
[data-theme="high-contrast"] .border, [data-theme="high-contrast"] .border-top, [data-theme="high-contrast"] .border-bottom{border-color:var(--border-color) !important}
[data-theme="high-contrast"] .form-control::placeholder{color:var(--white-color)}
[data-theme="high-contrast"] .border-dark{border-color:var(--color-200) !important}
#cinemaplus-layout{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row}
.main{overflow-y: auto; scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: transparent transparent; height: 100vh; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -ms-flex: 1; flex: 1;}
.main .body{-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; display: -webkit-box; display: -ms-flexbox; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; padding-bottom: 24px}
.card{border-color: var(--border-color); background-color: var(--card-color)}
[class="theme-crimson"]{--primary-color: #8e1b3a; --secondary-color: #f2c46d; --chart-color1: #8e1b3a; --chart-color2: #f2c46d; --chart-color3: #c9677e; --chart-color4: #5f6b8a; --chart-color5: #d9a38f; --chart-color6: #7a9e9f; --primary-gradient: linear-gradient(45deg, #5f1026, #8e1b3a)}
[class="theme-brown"]{--primary-color: #6f4a36; --secondary-color: #f0cf9b; --chart-color1: #6f4a36; --chart-color2: #f0cf9b; --chart-color3: #b0845f; --chart-color4: #8a9a7b; --chart-color5: #c9a99a; --chart-color6: #5b7c8d; --primary-gradient: linear-gradient(45deg, #4a2f20, #6f4a36)}
[class="theme-slate"]{--primary-color: #4b5563; --secondary-color: #7dd3fc; --chart-color1: #4b5563; --chart-color2: #7dd3fc; --chart-color3: #9ca3af; --chart-color4: #60a5fa; --chart-color5: #d1d5db; --chart-color6: #f59e0b; --primary-gradient: linear-gradient(45deg, #2f3640, #4b5563)}
[class="theme-jade"]{--primary-color: #1f5c4a; --secondary-color: #f3e3a1; --chart-color1: #1f5c4a; --chart-color2: #f3e3a1; --chart-color3: #5fa38c; --chart-color4: #8c7a5b; --chart-color5: #a9c5b8; --chart-color6: #c06c84; --primary-gradient: linear-gradient(45deg, #123a2e, #1f5c4a)}
[class="theme-plum"]{--primary-color: #4c2a7a; --secondary-color: #f0b6e3; --chart-color1: #4c2a7a; --chart-color2: #f0b6e3; --chart-color3: #8b6fc0; --chart-color4: #e0a458; --chart-color5: #b9a9d8; --chart-color6: #5fa3a3; --primary-gradient: linear-gradient(45deg, #30195a, #4c2a7a)}
[class="theme-petrol"]{--primary-color: #0f4c5c; --secondary-color: #ffd28a; --chart-color1: #0f4c5c; --chart-color2: #ffd28a; --chart-color3: #3f8fa3; --chart-color4: #e07a5f; --chart-color5: #9cc5cf; --chart-color6: #8a7fb0; --primary-gradient: linear-gradient(45deg, #082f3a, #0f4c5c)}
*{scrollbar-width: thin; scrollbar-color: transparent transparent;}
*:hover{scrollbar-color: color-mix(in srgb, var(--primary-color) 45%, transparent) transparent;}

/* --- auth.css --- */


:root{
  --accent: #6ea8fe;
  --accent-2: #8ec5ff;
  --radius: 14px;
  --shadow-1: 0 10px 30px rgba(0,0,0,.10), 0 2px 8px rgba(0,0,0,.06);
  --focus-ring: 0 0 0 4px rgba(110,168,254,.18), 0 6px 18px rgba(0,0,0,.06);
}

.auth-page { position: relative; min-height: 100dvh; }
.auth-layer { position: relative; z-index: 1; }
.auth-card  { position: relative; z-index: 2; }

.auth-backdrop {
  position: fixed; inset: 0; z-index: 0;
  background:
    radial-gradient(1000px 500px at 15% 10%, rgba(255,255,255,.06), transparent 50%),
    radial-gradient(1200px 600px at 80% 20%, rgba(0,0,0,.28), transparent 60%),
    linear-gradient(180deg, rgb(0,0,0,), rgb(0,0,0));
  animation: fadeIn .25s ease-out both;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
@keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } }

.auth-card {
  border-radius: var(--radius);
  box-shadow: var(--shadow-1);
  background: rgba(255,255,255,0.86);
  transition: transform .28s cubic-bezier(.22,.61,.36,1),
              box-shadow .28s cubic-bezier(.22,.61,.36,1),
              background-color .28s ease;
  will-change: transform, box-shadow;
}
.auth-card[data-state="enter"] {
  opacity: 0;
  transform: translateY(12px) scale(.98);
  animation: authIn .35s cubic-bezier(.22,.61,.36,1) forwards;
}
@keyframes authIn { to { opacity: 1; transform: translateY(0) scale(1); } }

.auth-card input[type="text"],
.auth-card input[type="password"],
.auth-card input[type="tel"],
.auth-card input[type="number"] {
  border-radius: 10px !important;
  border: 1px solid #e5e7eb;
  padding: 12px 14px;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
  background: #fff;
}
.auth-card input:focus {
  outline: none;
  border-color: var(--accent);
  box-shadow: var(--focus-ring);
}

.auth-card .btn,
.auth-card .btn-primary,
#fp-send, #fp-confirm, #fp-resend, #fp-cancel {
  border-radius: 10px;
  transition: transform .12s ease, box-shadow .18s ease, background-color .2s ease;
  box-shadow: 0 6px 16px rgba(0,0,0,.10);
}
.auth-card .btn:hover,
.auth-card .btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0,0,0,.14);
}
.auth-card .btn:active,
.auth-card .btn-primary:active {
  transform: translateY(0);
  box-shadow: 0 4px 10px rgba(0,0,0,.10);
}

.btn--loading { pointer-events: none; opacity: .8; position: relative; }
.btn--loading::after{
  content: ""; position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
  width: 16px; height: 16px; border-radius: 50%;
  border: 2px solid currentColor; border-left-color: transparent; animation: spin .7s linear infinite;
}
@keyframes spin { to { transform: translateY(-50%) rotate(360deg); } }

.auth-card .otp{
  display: grid;
  grid-template-columns: repeat(6, minmax(clamp(36px, 11vw, 48px), 1fr));
  justify-content: center;
  gap: clamp(6px, 2vw, 8px);
  direction: ltr;
  margin: 8px auto 0;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 4px;
}

.auth-card .otp-input{
  width: 100%;
  height: clamp(44px, 12vw, 56px);
  text-align: center;
  font-size: 20px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  transition: border-color .2s ease, box-shadow .2s ease, transform .06s ease;
  -webkit-appearance: none;
}

.auth-card .otp-input.filled{ transform: scale(1.01); }
@media (max-width: 430px){
  .auth-card .otp-input.filled{ transform: none; }
}

.auth-card .otp.is-verified .otp-input{
  border-color: #16a34a !important;
  box-shadow: 0 0 0 3px rgba(22,163,74,.15) !important;
  transform: none !important;
}

@keyframes otpShake { 20%{transform:translateX(-2px)} 40%{transform:translateX(2px)} 60%{transform:translateX(-2px)} 80%{transform:translateX(2px)} 100%{transform:none} }
.auth-card .otp.is-error{ animation: otpShake .25s; }
.auth-card .otp.is-error .otp-input{ border-color:#ef4444 !important; }

.otp-timer { margin-top: 8px; }
.otp-timer__bar{
  height: 4px; border-radius: 999px; background: #e5e7eb; overflow: hidden; position: relative;
}
.otp-timer__bar::before{
  content:""; position:absolute; inset:0; transform-origin:left;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  animation: otpbar var(--dur,180)s linear forwards;
}
@keyframes otpbar { from { transform: scaleX(1); } to { transform: scaleX(0); } }

html[dir="rtl"] .auth-card { text-align: right; }
@media (forced-colors: active) {
  .auth-backdrop { display: none; }
  .auth-card { background: Canvas; border: 1px solid CanvasText; box-shadow: none; }
  .auth-card input { border: 1px solid CanvasText; }
  .auth-card .btn, .auth-card .btn-primary { forced-color-adjust: none; }
}

.no-effects .auth-backdrop { display: none; }
.no-effects .auth-card { background: #fff; }

@media (prefers-reduced-motion: reduce) {
  .auth-card, .auth-backdrop, .otp input, .btn-primary { transition: none !important; animation: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .auth-card[data-state="enter"] {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}
.visually-hidden{
  position:absolute !important; left:-9999px !important; width:1px !important; height:1px !important;
  opacity:0 !important; pointer-events:none !important;
}
