@font-face {    font-family: 'iransansxv';    src: url('/Content/fonts/iransansxv.woff') format('woff-variations'),    /* will be the standard and works in Safari now */    url('/Content/fonts/iransansxv.woff') format('woff');    /* for the other supporting browsers */    font-weight: 100 900;    font-display: fallback;}@font-face {    font-family: iransansx;    src: url('/Content/fonts/iransansx-regular.woff') format('woff');}@font-face {    font-family: iransansx;    src: url('/Content/fonts/iransansx-bold.woff') format('woff');    font-weight: 700;}:root {    --bs-body-font-family: iransansx;    --tw-translate-x: 0;    --tw-translate-y: 0;    --tw-rotate: 0;    --tw-skew-x: 0;    --tw-skew-y: 0;    --tw-scale-x: 1;    --tw-scale-y: 1;    --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));    --gk-card-spacer-y: 1.5rem;    --gk-card-spacer-x: 1.5rem;    --gk-body-font-family: iransansx;    --gk-card-background: #fff;    --gk-input-focus-border: #01488bab;    --gk-input-focus-box-shadow: 0px 0px 0px 3px rgb(1 72 139 / 8%);}@supports (font-variation-settings: normal) {    :root {        --bs-body-font-family: 'iransansxv';    }}.ss02 {    -moz-font-feature-settings: "ss02";    -webkit-font-feature-settings: "ss02";    font-feature-settings: "ss02";}*:not(input,textarea) {    -moz-font-feature-settings: "ss02" !important;    -webkit-font-feature-settings: "ss02" !important;    font-feature-settings: "ss02" !important;    font-family: "iransansx" !important;}/* Theme Custom*/:root .bg-dark {    background-color: #0f172a}.btn-primary {    --gk-btn-color: #fff;    --gk-btn-bg: #1d4587;    --gk-btn-border-color: #1d4587;    --gk-btn-hover-color: #fff;    --gk-btn-hover-bg: #014783c7;    --gk-btn-hover-border-color: #5e3fcb;    --gk-btn-focus-shadow-rgb: 138,105,254;    --gk-btn-active-color: #fff;    --gk-btn-active-bg: #5e3fcb;    --gk-btn-active-border-color: #583bbf;    --gk-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);    --gk-btn-disabled-color: #fff;    --gk-btn-disabled-bg: #004980;    --gk-btn-disabled-border-color: #004980;}[data-bs-theme=dark] {    --gk-card-background: #1e293b;}[data-bs-theme=light] {    --gk-navbar-vertical-bg: #fff;    /* در تم روشن لینک‌های دراور باید تیره باشند (قبلاً #94a3b8 روی زمینهٔ سفید تقریباً نامرئی بود) */    --gk-navbar-vertical-link: #475569;    --gk-navbar-vertical-link-hover: #01488b;}/* Theme Custom*//*Validation Form */.validation {    border-right: 3px solid #ff0000 !important;}.form-check-input:checked {    background-color: #004980 !important;    border-color: #004980 !important;}.validationError {    border-left: 1px solid #d70000 !important;    border-bottom: 1px solid #d70000 !important;    border-top: 1px solid #d70000 !important;    border-right: 3px solid #d70000 !important;    background-color: #fff4f4 !important;}/*Validation Form *//*         Start Custom Css        */@media (min-width: 1200px) {    .container, .container-lg, .container-md, .container-sm, .container-xl {        max-width: 1140px;    }}i.fal.fa-trash-alt::before {    content: "\e9e3";    font-family: 'Feather' !important;    speak: none;    font-style: normal;    font-weight: normal;    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}i.tree-checkbox.fal.checked.fa-check-square::before {    content: "\e92d";    font-family: 'Feather' !important;    speak: none;    font-style: normal;    font-weight: normal;    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}i.tree-checkbox.fal.unchecked.fa-square::before {    content: "\e9d4";    font-family: 'Feather' !important;    speak: none;    font-style: normal;    font-weight: normal;    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}i.nodeExpander.fas.open::before {    content: "\e9d4";    font-family: 'Feather' !important;    speak: none;    font-style: normal;    font-weight: normal;    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}i.nodeExpander.fas::before {    content: "\e9d4";    font-family: 'Feather' !important;    speak: none;    font-style: normal;    font-weight: normal;    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}i.nodeExpander.fas.expand.fa-chevron-left.open::before {    content: "\e92e";    font-family: 'Feather' !important;    speak: none;    font-style: normal;    font-weight: normal;    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}i.nodeExpander.fas.expand.fa-chevron-left.open::before {    content: "\e92f";    font-family: 'Feather' !important;    speak: none;    font-style: normal;    font-weight: normal;    font-variant: normal;    text-transform: none;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}.border-primary {    border-color: #01488b !important;}.text-primary {    --bs-text-opacity: 1;    color: #01488b !important;}.text-info {    color: #005cb1 !important;}.bg-info {    background-color: #01488b !important;}.bg-light {    --gk-bg-opacity: 1;    background-color: #F5F5F5 !important;}.navbar-vertical {    overflow: auto;}.text-success {    --gk-text-opacity: 1;    color: #72bf44 !important;}.btn-success {    --gk-btn-color: #fff;    --gk-btn-bg: #58b444;    --gk-btn-border-color: #58b444;    --gk-btn-hover-color: #fff;    --gk-btn-hover-bg: #58b444;    --gk-btn-hover-border-color: #2d8154;    --gk-btn-focus-shadow-rgb: 86, 175, 128;    --gk-btn-active-color: #fff;    --gk-btn-active-bg: #58b444;    --gk-btn-active-border-color: #58b444;    --gk-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);    --gk-btn-disabled-color: #fff;    --gk-btn-disabled-bg: #004980;    --gk-btn-disabled-border-color: #004980;}.btn-light-primary {    --gk-btn-bg: #01478317;    --gk-btn-border-color: #01478317;    --gk-btn-hover-bg: #01478338;}.fs-3 {    font-size: 1.75rem !important;}.py-10 {    padding-top: 2.5rem !important;    padding-bottom: 2.5rem !important;}.form-input > .form-input-buttons {    display: table-cell;    width: 1%;    white-space: nowrap;    vertical-align: middle;}.form-input {    display: table;    position: relative;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;    width: 100%;}.background-blue {    background: #1e468f !important;}.datetimeinput, .background-blue {    border-radius: 7px;}.ps-13 {    padding-right: 3.25rem !important;}.navbar-brand img {    max-height: 70px;}.h-70px {    height: 70px !important;}.dropdown-item {    display: flex;    font-size: .8125rem;    font-weight: 500;    line-height: 28px;    padding: 0.125rem 0.8rem;}.datatable-content-column-label {    display: none !important;}.nav-item {    cursor: pointer;}[data-bs-theme=dark] .text-success {    color: #58b444 !important;}td.datatable-content-column.left {    text-align: center;}th.datatable-header-column {    text-align: center;}.symbol .symbol-label {    display: flex;    align-items: center;    justify-content: center;    font-weight: 500;    color: #3f4254;    background-color: #f5f8fa;    background-repeat: no-repeat;    background-position: center center;    background-size: cover;    border-radius: 0.475rem;}.symbol.symbol-35px .symbol-label {    width: 35px;    height: 35px;}@supports (-webkit-appearance: none) or (-moz-appearance: none) {    .RadioCustom input[type="checkbox"]:not(.switch), .RadioCustom input[type="radio"]:not(.switch) {        width: 21px;        margin-left: 2px;        margin-right: 2px;    }}@supports (-webkit-appearance: none) or (-moz-appearance: none) {    .RadioCustom input[type="checkbox"]:not(.switch):after {        width: 5px;        height: 9px;        border: 2px solid var(--active-inner);        border-top: 0;        border-left: 0;        left: 7px;        top: 4px;        -webkit-transform: rotate(var(--r, 20deg));        transform: rotate(var(--r, 20deg));    }}li.page-item.pagenumberitem {    display: flex;}#pagingGrid > nav > .pagination > .page-item > .Next {    transform: rotateY(174deg);}#pagingGrid > nav > .pagination > .page-item > .Previous {    transform: rotateY(174deg);}.navbar-vertical .navbar-brand {    text-align: center !important;}    .navbar-vertical .navbar-brand img {        height: auto;    }.bg-primary {    --gk-bg-opacity: 1;    background-color: #014783 !important;}.bg-light-primary {    --gk-bg-opacity: 1;    background-color: #00427226 !important;}.rounded-2.shadow-lg {    background: var(--gk-card-background) !important;}a.page-link {    cursor: pointer;}/*Loading*/.block-PageSite {    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    position: fixed;    inset: 0px;    background: #25006e59;    z-index: 9999999999999;}:root {    --hue: 223;    --bg: hsl(var(--hue),10%,90%);    --fg: hsl(var(--hue),10%,10%);    --primary: hsl(var(--hue),90%,55%);    --primary-l: hsl(var(--hue),90%,65%);    --primary-d: hsl(var(--hue),90%,45%);    --white: hsl(var(--hue),10%,100%);    --white-d: hsl(var(--hue),10%,45%);}.book,.book__pg-shadow,.book__pg {    animation: cover 7s ease-in-out infinite;}.book {    background-color: var(--primary-l);    border-radius: 0.25em;    box-shadow: 0 0.25em 0.5em hsla(0,0%,0%,0.3), 0 0 0 0.25em var(--primary) inset;    padding: 0.25em;    perspective: 37.5em;    position: absolute;    top: 50%;    /*right:50%;*/    left: 50%;    /*bottom:50%;*/    z-index: 1000;    transform: translate(-50%, -50%);    width: 10em;    height: 8em;    /*transform: translate3d(0,0,0);*/    transform-style: preserve-3d;}.book__pg-shadow,.book__pg {    position: absolute;    left: 0.25em;    width: calc(50% - 0.25em);}.book__pg-shadow {    animation-name: shadow;    background-image: linear-gradient(-45deg,hsla(0,0%,0%,0) 50%,hsla(0,0%,0%,0.3) 50%);    filter: blur(0.25em);    top: calc(100% - 0.25em);    height: 3.75em;    transform: scaleY(0);    transform-origin: 100% 0%;}.book__pg {    animation-name: pg1;    background-color: var(--white);    background-image: linear-gradient(90deg,hsla(var(--hue),10%,90%,0) 87.5%,hsl(var(--hue),10%,90%));    height: calc(100% - 0.5em);    transform-origin: 100% 50%;}.book__pg--2,.book__pg--3,.book__pg--4 {    background-image: repeating-linear-gradient(hsl(var(--hue),10%,10%) 0 0.125em,hsla(var(--hue),10%,10%,0) 0.125em 0.5em), linear-gradient(90deg,hsla(var(--hue),10%,90%,0) 87.5%,hsl(var(--hue),10%,90%));    background-repeat: no-repeat;    background-position: center;    background-size: 2.5em 4.125em, 100% 100%;}.book__pg--2 {    animation-name: pg2;}.book__pg--3 {    animation-name: pg3;}.book__pg--4 {    animation-name: pg4;}.book__pg--5 {    animation-name: pg5;}/* Dark theme */@media (prefers-color-scheme: dark) {    :root {        --bg: hsl(var(--hue),10%,30%);        --fg: hsl(var(--hue),10%,90%);    }}/* Animations */@keyframes cover {    from, 5%, 45%, 55%, 95%, to {        animation-timing-function: ease-out;        background-color: var(--primary-l);    }    10%, 40%, 60%, 90% {        animation-timing-function: ease-in;        background-color: var(--primary-d);    }}@keyframes shadow {    from, 10.01%, 20.01%, 30.01%, 40.01% {        animation-timing-function: ease-in;        transform: translate3d(0,0,1px) scaleY(0) rotateY(0);    }    5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {        animation-timing-function: ease-out;        transform: translate3d(0,0,1px) scaleY(0.2) rotateY(90deg);    }    10%, 20%, 30%, 40%, 50%, to {        animation-timing-function: ease-out;        transform: translate3d(0,0,1px) scaleY(0) rotateY(180deg);    }    50.01%, 60.01%, 70.01%, 80.01%, 90.01% {        animation-timing-function: ease-in;        transform: translate3d(0,0,1px) scaleY(0) rotateY(180deg);    }    60%, 70%, 80%, 90%, to {        animation-timing-function: ease-out;        transform: translate3d(0,0,1px) scaleY(0) rotateY(0);    }}@keyframes pg1 {    from, to {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(0.4deg);    }    10%, 15% {        animation-timing-function: ease-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(180deg);    }    20%, 80% {        animation-timing-function: ease-in;        background-color: var(--white-d);        transform: translate3d(0,0,1px) rotateY(180deg);    }    85%, 90% {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(180deg);    }}@keyframes pg2 {    from, to {        animation-timing-function: ease-in;        background-color: var(--white-d);        transform: translate3d(0,0,1px) rotateY(0.3deg);    }    5%, 10% {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(0.3deg);    }    20%, 25% {        animation-timing-function: ease-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(179.9deg);    }    30%, 70% {        animation-timing-function: ease-in;        background-color: var(--white-d);        transform: translate3d(0,0,1px) rotateY(179.9deg);    }    75%, 80% {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(179.9deg);    }    90%, 95% {        animation-timing-function: ease-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(0.3deg);    }}@keyframes pg3 {    from, 10%, 90%, to {        animation-timing-function: ease-in;        background-color: var(--white-d);        transform: translate3d(0,0,1px) rotateY(0.2deg);    }    15%, 20% {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(0.2deg);    }    30%, 35% {        animation-timing-function: ease-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(179.8deg);    }    40%, 60% {        animation-timing-function: ease-in;        background-color: var(--white-d);        transform: translate3d(0,0,1px) rotateY(179.8deg);    }    65%, 70% {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(179.8deg);    }    80%, 85% {        animation-timing-function: ease-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(0.2deg);    }}@keyframes pg4 {    from, 20%, 80%, to {        animation-timing-function: ease-in;        background-color: var(--white-d);        transform: translate3d(0,0,1px) rotateY(0.1deg);    }    25%, 30% {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(0.1deg);    }    40%, 45% {        animation-timing-function: ease-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(179.7deg);    }    50% {        animation-timing-function: ease-in;        background-color: var(--white-d);        transform: translate3d(0,0,1px) rotateY(179.7deg);    }    55%, 60% {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(179.7deg);    }    70%, 75% {        animation-timing-function: ease-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(0.1deg);    }}@keyframes pg5 {    from, 30%, 70%, to {        animation-timing-function: ease-in;        background-color: var(--white-d);        transform: translate3d(0,0,1px) rotateY(0);    }    35%, 40% {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(0deg);    }    50% {        animation-timing-function: ease-in-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(179.6deg);    }    60%, 65% {        animation-timing-function: ease-out;        background-color: var(--white);        transform: translate3d(0,0,1px) rotateY(0);    }}/*Loading*//*Loading BookTwo*/.bookTwo {    --color: #fff;    --duration: 6.8s;    width: 32px;    height: 12px;    position: relative;    margin: 32px 0 0 0;    zoom: 1.5;}    .bookTwo .inner {        width: 32px;        height: 12px;        position: relative;        transform-origin: 2px 2px;        transform: rotateZ(-90deg);        -webkit-animation: bookTwo var(--duration) ease infinite;        animation: bookTwo var(--duration) ease infinite;    }        .bookTwo .inner .left,        .bookTwo .inner .right {            width: 60px;            height: 4px;            top: 0;            border-radius: 2px;            background: var(--color);            position: absolute;        }            .bookTwo .inner .left:before,            .bookTwo .inner .right:before {                content: "";                width: 48px;                height: 4px;                border-radius: 2px;                background: inherit;                position: absolute;                top: -10px;                left: 6px;            }        .bookTwo .inner .left {            right: 28px;            transform-origin: 58px 2px;            transform: rotateZ(90deg);            -webkit-animation: left var(--duration) ease infinite;            animation: left var(--duration) ease infinite;        }        .bookTwo .inner .right {            left: 28px;            transform-origin: 2px 2px;            transform: rotateZ(-90deg);            -webkit-animation: right var(--duration) ease infinite;            animation: right var(--duration) ease infinite;        }        .bookTwo .inner .middle {            width: 32px;            height: 12px;            border: 4px solid var(--color);            border-top: 0;            border-radius: 0 0 9px 9px;            transform: translateY(2px);        }    .bookTwo ul {        margin: 0;        padding: 0;        list-style: none;        position: absolute;        left: 50%;        top: 0;    }        .bookTwo ul li {            height: 4px;            border-radius: 2px;            transform-origin: 100% 2px;            width: 48px;            right: 0;            top: -10px;            position: absolute;            background: var(--color);            transform: rotateZ(0deg) translateX(-18px);            -webkit-animation-duration: var(--duration);            animation-duration: var(--duration);            -webkit-animation-timing-function: ease;            animation-timing-function: ease;            -webkit-animation-iteration-count: infinite;            animation-iteration-count: infinite;        }            .bookTwo ul li:nth-child(0) {                -webkit-animation-name: page-0;                animation-name: page-0;            }            .bookTwo ul li:nth-child(1) {                -webkit-animation-name: page-1;                animation-name: page-1;            }            .bookTwo ul li:nth-child(2) {                -webkit-animation-name: page-2;                animation-name: page-2;            }            .bookTwo ul li:nth-child(3) {                -webkit-animation-name: page-3;                animation-name: page-3;            }            .bookTwo ul li:nth-child(4) {                -webkit-animation-name: page-4;                animation-name: page-4;            }            .bookTwo ul li:nth-child(5) {                -webkit-animation-name: page-5;                animation-name: page-5;            }            .bookTwo ul li:nth-child(6) {                -webkit-animation-name: page-6;                animation-name: page-6;            }            .bookTwo ul li:nth-child(7) {                -webkit-animation-name: page-7;                animation-name: page-7;            }            .bookTwo ul li:nth-child(8) {                -webkit-animation-name: page-8;                animation-name: page-8;            }            .bookTwo ul li:nth-child(9) {                -webkit-animation-name: page-9;                animation-name: page-9;            }            .bookTwo ul li:nth-child(10) {                -webkit-animation-name: page-10;                animation-name: page-10;            }            .bookTwo ul li:nth-child(11) {                -webkit-animation-name: page-11;                animation-name: page-11;            }            .bookTwo ul li:nth-child(12) {                -webkit-animation-name: page-12;                animation-name: page-12;            }            .bookTwo ul li:nth-child(13) {                -webkit-animation-name: page-13;                animation-name: page-13;            }            .bookTwo ul li:nth-child(14) {                -webkit-animation-name: page-14;                animation-name: page-14;            }            .bookTwo ul li:nth-child(15) {                -webkit-animation-name: page-15;                animation-name: page-15;            }            .bookTwo ul li:nth-child(16) {                -webkit-animation-name: page-16;                animation-name: page-16;            }            .bookTwo ul li:nth-child(17) {                -webkit-animation-name: page-17;                animation-name: page-17;            }            .bookTwo ul li:nth-child(18) {                -webkit-animation-name: page-18;                animation-name: page-18;            }@-webkit-keyframes page-0 {    4% {        transform: rotateZ(0deg) translateX(-18px);    }    13%, 54% {        transform: rotateZ(180deg) translateX(-18px);    }    63% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-0 {    4% {        transform: rotateZ(0deg) translateX(-18px);    }    13%, 54% {        transform: rotateZ(180deg) translateX(-18px);    }    63% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-1 {    5.86% {        transform: rotateZ(0deg) translateX(-18px);    }    14.74%, 55.86% {        transform: rotateZ(180deg) translateX(-18px);    }    64.74% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-1 {    5.86% {        transform: rotateZ(0deg) translateX(-18px);    }    14.74%, 55.86% {        transform: rotateZ(180deg) translateX(-18px);    }    64.74% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-2 {    7.72% {        transform: rotateZ(0deg) translateX(-18px);    }    16.48%, 57.72% {        transform: rotateZ(180deg) translateX(-18px);    }    66.48% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-2 {    7.72% {        transform: rotateZ(0deg) translateX(-18px);    }    16.48%, 57.72% {        transform: rotateZ(180deg) translateX(-18px);    }    66.48% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-3 {    9.58% {        transform: rotateZ(0deg) translateX(-18px);    }    18.22%, 59.58% {        transform: rotateZ(180deg) translateX(-18px);    }    68.22% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-3 {    9.58% {        transform: rotateZ(0deg) translateX(-18px);    }    18.22%, 59.58% {        transform: rotateZ(180deg) translateX(-18px);    }    68.22% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-4 {    11.44% {        transform: rotateZ(0deg) translateX(-18px);    }    19.96%, 61.44% {        transform: rotateZ(180deg) translateX(-18px);    }    69.96% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-4 {    11.44% {        transform: rotateZ(0deg) translateX(-18px);    }    19.96%, 61.44% {        transform: rotateZ(180deg) translateX(-18px);    }    69.96% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-5 {    13.3% {        transform: rotateZ(0deg) translateX(-18px);    }    21.7%, 63.3% {        transform: rotateZ(180deg) translateX(-18px);    }    71.7% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-5 {    13.3% {        transform: rotateZ(0deg) translateX(-18px);    }    21.7%, 63.3% {        transform: rotateZ(180deg) translateX(-18px);    }    71.7% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-6 {    15.16% {        transform: rotateZ(0deg) translateX(-18px);    }    23.44%, 65.16% {        transform: rotateZ(180deg) translateX(-18px);    }    73.44% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-6 {    15.16% {        transform: rotateZ(0deg) translateX(-18px);    }    23.44%, 65.16% {        transform: rotateZ(180deg) translateX(-18px);    }    73.44% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-7 {    17.02% {        transform: rotateZ(0deg) translateX(-18px);    }    25.18%, 67.02% {        transform: rotateZ(180deg) translateX(-18px);    }    75.18% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-7 {    17.02% {        transform: rotateZ(0deg) translateX(-18px);    }    25.18%, 67.02% {        transform: rotateZ(180deg) translateX(-18px);    }    75.18% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-8 {    18.88% {        transform: rotateZ(0deg) translateX(-18px);    }    26.92%, 68.88% {        transform: rotateZ(180deg) translateX(-18px);    }    76.92% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-8 {    18.88% {        transform: rotateZ(0deg) translateX(-18px);    }    26.92%, 68.88% {        transform: rotateZ(180deg) translateX(-18px);    }    76.92% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-9 {    20.74% {        transform: rotateZ(0deg) translateX(-18px);    }    28.66%, 70.74% {        transform: rotateZ(180deg) translateX(-18px);    }    78.66% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-9 {    20.74% {        transform: rotateZ(0deg) translateX(-18px);    }    28.66%, 70.74% {        transform: rotateZ(180deg) translateX(-18px);    }    78.66% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-10 {    22.6% {        transform: rotateZ(0deg) translateX(-18px);    }    30.4%, 72.6% {        transform: rotateZ(180deg) translateX(-18px);    }    80.4% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-10 {    22.6% {        transform: rotateZ(0deg) translateX(-18px);    }    30.4%, 72.6% {        transform: rotateZ(180deg) translateX(-18px);    }    80.4% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-11 {    24.46% {        transform: rotateZ(0deg) translateX(-18px);    }    32.14%, 74.46% {        transform: rotateZ(180deg) translateX(-18px);    }    82.14% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-11 {    24.46% {        transform: rotateZ(0deg) translateX(-18px);    }    32.14%, 74.46% {        transform: rotateZ(180deg) translateX(-18px);    }    82.14% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-12 {    26.32% {        transform: rotateZ(0deg) translateX(-18px);    }    33.88%, 76.32% {        transform: rotateZ(180deg) translateX(-18px);    }    83.88% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-12 {    26.32% {        transform: rotateZ(0deg) translateX(-18px);    }    33.88%, 76.32% {        transform: rotateZ(180deg) translateX(-18px);    }    83.88% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-13 {    28.18% {        transform: rotateZ(0deg) translateX(-18px);    }    35.62%, 78.18% {        transform: rotateZ(180deg) translateX(-18px);    }    85.62% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-13 {    28.18% {        transform: rotateZ(0deg) translateX(-18px);    }    35.62%, 78.18% {        transform: rotateZ(180deg) translateX(-18px);    }    85.62% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-14 {    30.04% {        transform: rotateZ(0deg) translateX(-18px);    }    37.36%, 80.04% {        transform: rotateZ(180deg) translateX(-18px);    }    87.36% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-14 {    30.04% {        transform: rotateZ(0deg) translateX(-18px);    }    37.36%, 80.04% {        transform: rotateZ(180deg) translateX(-18px);    }    87.36% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-15 {    31.9% {        transform: rotateZ(0deg) translateX(-18px);    }    39.1%, 81.9% {        transform: rotateZ(180deg) translateX(-18px);    }    89.1% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-15 {    31.9% {        transform: rotateZ(0deg) translateX(-18px);    }    39.1%, 81.9% {        transform: rotateZ(180deg) translateX(-18px);    }    89.1% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-16 {    33.76% {        transform: rotateZ(0deg) translateX(-18px);    }    40.84%, 83.76% {        transform: rotateZ(180deg) translateX(-18px);    }    90.84% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-16 {    33.76% {        transform: rotateZ(0deg) translateX(-18px);    }    40.84%, 83.76% {        transform: rotateZ(180deg) translateX(-18px);    }    90.84% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-17 {    35.62% {        transform: rotateZ(0deg) translateX(-18px);    }    42.58%, 85.62% {        transform: rotateZ(180deg) translateX(-18px);    }    92.58% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-17 {    35.62% {        transform: rotateZ(0deg) translateX(-18px);    }    42.58%, 85.62% {        transform: rotateZ(180deg) translateX(-18px);    }    92.58% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes page-18 {    37.48% {        transform: rotateZ(0deg) translateX(-18px);    }    44.32%, 87.48% {        transform: rotateZ(180deg) translateX(-18px);    }    94.32% {        transform: rotateZ(0deg) translateX(-18px);    }}@keyframes page-18 {    37.48% {        transform: rotateZ(0deg) translateX(-18px);    }    44.32%, 87.48% {        transform: rotateZ(180deg) translateX(-18px);    }    94.32% {        transform: rotateZ(0deg) translateX(-18px);    }}@-webkit-keyframes left {    4% {        transform: rotateZ(90deg);    }    10%, 40% {        transform: rotateZ(0deg);    }    46%, 54% {        transform: rotateZ(90deg);    }    60%, 90% {        transform: rotateZ(0deg);    }    96% {        transform: rotateZ(90deg);    }}@keyframes left {    4% {        transform: rotateZ(90deg);    }    10%, 40% {        transform: rotateZ(0deg);    }    46%, 54% {        transform: rotateZ(90deg);    }    60%, 90% {        transform: rotateZ(0deg);    }    96% {        transform: rotateZ(90deg);    }}@-webkit-keyframes right {    4% {        transform: rotateZ(-90deg);    }    10%, 40% {        transform: rotateZ(0deg);    }    46%, 54% {        transform: rotateZ(-90deg);    }    60%, 90% {        transform: rotateZ(0deg);    }    96% {        transform: rotateZ(-90deg);    }}@keyframes right {    4% {        transform: rotateZ(-90deg);    }    10%, 40% {        transform: rotateZ(0deg);    }    46%, 54% {        transform: rotateZ(-90deg);    }    60%, 90% {        transform: rotateZ(0deg);    }    96% {        transform: rotateZ(-90deg);    }}@-webkit-keyframes book {    4% {        transform: rotateZ(-90deg);    }    10%, 40% {        transform: rotateZ(0deg);        transform-origin: 2px 2px;    }    40.01%, 59.99% {        transform-origin: 30px 2px;    }    46%, 54% {        transform: rotateZ(90deg);    }    60%, 90% {        transform: rotateZ(0deg);        transform-origin: 2px 2px;    }    96% {        transform: rotateZ(-90deg);    }}@keyframes book {    4% {        transform: rotateZ(-90deg);    }    10%, 40% {        transform: rotateZ(0deg);        transform-origin: 2px 2px;    }    40.01%, 59.99% {        transform-origin: 30px 2px;    }    46%, 54% {        transform: rotateZ(90deg);    }    60%, 90% {        transform: rotateZ(0deg);        transform-origin: 2px 2px;    }    96% {        transform: rotateZ(-90deg);    }}/*Loading*//*Loading Pencil*/.pencil {    position: relative;    width: 300px;    height: 40px;    transform-origin: center;    transform: rotate(135deg);    animation: pencil-animation 10s infinite;}@keyframes pencil-animation {    0% {        transform: rotate(135deg);    }    20% {        transform: rotate(315deg);    }    45% {        transform: translateX(300px) rotate(315deg);    }    55% {        transform: translateX(300px) rotate(495deg);    }    100% {        transform: rotate(495deg);    }}.pencil__ball-point {    position: absolute;    left: 0;    top: 50%;    transform: translateY(-50%);    background: #09d56e;    height: 10px;    width: 10px;    border-radius: 50px;}.pencil__cap {    position: absolute;    left: 0px;    top: 50%;    transform: translateY(-50%);    clip-path: polygon(20% 40%, 100% 0%, 100% 100%, 20% 60%);    background: #232123;    width: 12%;    height: 100%;}.pencil__cap-base {    position: absolute;    left: 12%;    top: 0;    height: 100%;    width: 20px;    background: #232123;}.pencil__middle {    position: absolute;    left: calc(12% + 20px);    top: 0;    height: 100%;    width: 70%;    background: #09d56e;}.pencil__eraser {    position: absolute;    left: calc(12% + 70% + 20px);    top: 0;    height: 100%;    width: 11%;    border-top-right-radius: 5px;    border-bottom-right-radius: 5px;    background: #232123;}.line {    position: relative;    top: 80px;    right: 103px;    height: 10px;    width: 1000px;    z-index: -1;    border-radius: 50px;    background: #09d56e;    transform: scaleX(0);    transform-origin: center;    animation: line-animation 10s infinite;}@keyframes line-animation {    20% {        transform: scaleX(0);    }    45% {        transform: scaleX(0.6);    }    55% {        transform: scaleX(0.6);    }    100% {        transform: scaleX(0);    }}/*Loading*//*Loading hourglass*/.hourglass,.hourglass:before,.hourglass:after {    animation-duration: 4s;    animation-iteration-count: infinite;}.hourglass {    --polygonH: polygon( 0% 0%, 100% 0%, 100% 5.55%, 95% 5.55%, 95% 28%, 60% 46%, 60% 54%, 95% 72%, 95% 94.45%, 100% 94.45%, 100% 100%, 0% 100%, 0% 94.45%, 5% 94.45%, 5% 72%, 40% 54%, 40% 46%, 5% 28%, 5% 5.55%, 0% 5.55% );    animation-name: flip;    animation-timing-function: ease-in-out;    background-image: linear-gradient( var(--primary) 0.5em, #737a8c55 0.5em 8.5em, var(--primary) 8.5em );    clip-path: var(--polygonH);    -webkit-clip-path: var(--polygonH);    overflow: hidden;    position: relative;    width: 5em;    height: 9em;    z-index: 0;}    .hourglass:before,    .hourglass:after {        animation-timing-function: linear;        content: "";        display: block;        position: absolute;    }    .hourglass:before {        --polygonB1: polygon( 0% 0%, 100% 0%, 100% 24%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 50% 47%, 0% 24% );        --polygonB2: polygon( 0% 4%, 100% 4%, 100% 24%, 55% 45%, 55% 100%, 55% 100%, 55% 100%, 45% 100%, 45% 100%, 45% 100%, 45% 45%, 0% 24% );        --polygonB3: polygon( 0% 24%, 100% 24%, 100% 24%, 55% 45%, 55% 80%, 100% 100%, 100% 100%, 0% 100%, 0% 100%, 45% 80%, 45% 45%, 0% 24% );        --polygonB4: polygon( 45% 45%, 55% 45%, 55% 45%, 55% 45%, 55% 58%, 100% 76%, 100% 100%, 0% 100%, 0% 76%, 45% 58%, 45% 45%, 45% 45% );        --polygonB5: polygon( 50% 53%, 50% 53%, 50% 53%, 50% 53%, 50% 53%, 100% 76%, 100% 100%, 0% 100%, 0% 76%, 50% 53%, 50% 53%, 50% 53% );        animation-name: fill;        background-color: var(--fg);        background-size: 100% 3.6em;        clip-path: var(--polygonB1);        -webkit-clip-path: var(--polygonB1);        top: 0.5em;        left: 0.5em;        width: 4em;        height: 8em;        z-index: 1;    }    .hourglass:after {        animation-name: glare;        background: linear-gradient( 90deg, #0000 0.5em, #0003 0.5em 1.5em, #0000 1.5em 3.5em, #fff3 3.5em 4.5em, #fff0 4.5em 6.5em, #0003 6.5em 7.5em, #0000 7.5em ) 0 0 / 100% 0.5em, linear-gradient( 90deg, #0000 0.75em, #0003 0.75em 1.25em, #0000 1.25em 3.75em, #fff3 3.75em 4.25em, #fff0 4.25em 6.75em, #0003 6.75em 7.25em, #0000 7.25em ) 0 0.5em / 100% 8em, linear-gradient( 90deg, #0000 0.5em, #0003 0.5em 1.5em, #0000 1.5em 3.5em, #fff3 3.5em 4.5em, #fff0 4.5em 6.5em, #0003 6.5em 7.5em, #0000 7.5em ) 0 100% / 100% 0.5em;        background-repeat: repeat-x;        top: 0;        left: -3em;        width: 200%;        height: 100%;        z-index: 2;    }/* Animations */@keyframes fill {    from {        clip-path: var(--polygonB1);        -webkit-clip-path: var(--polygonB1);    }    10% {        clip-path: var(--polygonB2);        -webkit-clip-path: var(--polygonB2);    }    45% {        clip-path: var(--polygonB3);        -webkit-clip-path: var(--polygonB3);    }    80% {        clip-path: var(--polygonB4);        -webkit-clip-path: var(--polygonB4);    }    85%, to {        clip-path: var(--polygonB5);        -webkit-clip-path: var(--polygonB5);    }}@keyframes glare {    from, 90% {        transform: translateX(0);    }    to {        transform: translateX(3em);    }}@keyframes flip {    from, 90% {        transform: rotate(0);    }    to {        transform: rotate(180deg);    }}/* Dark mode */@media (prefers-color-scheme: dark) {    :root {        --bg: #17181c;        --fg: #c7cad1;    }}/*Loading*//*Loading Matrix*/.Matrix-wrapper {    width: auto;    height: auto;}    .Matrix-wrapper ul {        display: grid;        grid-template-columns: repeat(5, 1fr);        -webkit-animation: rot 16s linear infinite;        animation: rot 16s linear infinite;    }@-webkit-keyframes rot {    100% {        transform: rotate(360deg);    }}@keyframes rot {    100% {        transform: rotate(360deg);    }}.Matrix-wrapper ul li {    width: 40px;    height: 40px;    background: #651FFF;    border-radius: 4px;    box-shadow: 0 0 1px #fff, 0 0 5px #651FFF, 0 0 10px #651FFF, 0 0 15px #651FFF, 0 0 25px #651FFF, 0 0 55px #651FFF;    -webkit-animation: scale 0.8s linear alternate infinite;    animation: scale 0.8s linear alternate infinite;}@-webkit-keyframes scale {    100% {        transform: scale(0.1);        opacity: 0;    }}@keyframes scale {    100% {        transform: scale(0.1);        opacity: 0;    }}.Matrix-wrapper ul li:nth-child(1) {    z-index: 24;}.Matrix-wrapper ul li:nth-child(2) {    z-index: 23;}.Matrix-wrapper ul li:nth-child(3) {    z-index: 22;}.Matrix-wrapper ul li:nth-child(4) {    z-index: 21;}.Matrix-wrapper ul li:nth-child(5) {    z-index: 20;}.Matrix-wrapper ul li:nth-child(6) {    z-index: 19;}.Matrix-wrapper ul li:nth-child(7) {    z-index: 18;}.Matrix-wrapper ul li:nth-child(8) {    z-index: 17;}.Matrix-wrapper ul li:nth-child(9) {    z-index: 16;}.Matrix-wrapper ul li:nth-child(10) {    z-index: 15;}.Matrix-wrapper ul li:nth-child(11) {    z-index: 14;}.Matrix-wrapper ul li:nth-child(12) {    z-index: 13;}.Matrix-wrapper ul li:nth-child(13) {    z-index: 12;}.Matrix-wrapper ul li:nth-child(14) {    z-index: 11;}.Matrix-wrapper ul li:nth-child(15) {    z-index: 10;}.Matrix-wrapper ul li:nth-child(16) {    z-index: 9;}.Matrix-wrapper ul li:nth-child(17) {    z-index: 8;}.Matrix-wrapper ul li:nth-child(18) {    z-index: 7;}.Matrix-wrapper ul li:nth-child(19) {    z-index: 6;}.Matrix-wrapper ul li:nth-child(20) {    z-index: 5;}.Matrix-wrapper ul li:nth-child(21) {    z-index: 4;}.Matrix-wrapper ul li:nth-child(22) {    z-index: 3;}.Matrix-wrapper ul li:nth-child(23) {    z-index: 2;}.Matrix-wrapper ul li:nth-child(24) {    z-index: 1;}.Matrix-wrapper ul li:nth-child(25) {    z-index: 0;}.Matrix-wrapper ul li:nth-child(1) {    -webkit-animation-delay: 0.1s;    animation-delay: 0.1s;}.Matrix-wrapper ul li:nth-child(7) {    -webkit-animation-delay: 0.3s;    animation-delay: 0.3s;}.Matrix-wrapper ul li:nth-child(13) {    -webkit-animation-delay: 0.5s;    animation-delay: 0.5s;}.Matrix-wrapper ul li:nth-child(19) {    -webkit-animation-delay: 0.7s;    animation-delay: 0.7s;}.Matrix-wrapper ul li:nth-child(24) {    -webkit-animation-delay: 0.9s;    animation-delay: 0.9s;}.Matrix-wrapper ul li:nth-child(2) {    -webkit-animation-delay: 0.2s;    animation-delay: 0.2s;}.Matrix-wrapper ul li:nth-child(8) {    -webkit-animation-delay: 0.4s;    animation-delay: 0.4s;}.Matrix-wrapper ul li:nth-child(14) {    -webkit-animation-delay: 0.6s;    animation-delay: 0.6s;}.Matrix-wrapper ul li:nth-child(20) {    -webkit-animation-delay: 0.8s;    animation-delay: 0.8s;}.Matrix-wrapper ul li:nth-child(3) {    -webkit-animation-delay: 0.3s;    animation-delay: 0.3s;}.Matrix-wrapper ul li:nth-child(9) {    -webkit-animation-delay: 0.5s;    animation-delay: 0.5s;}.Matrix-wrapper ul li:nth-child(15) {    -webkit-animation-delay: 0.7s;    animation-delay: 0.7s;}.Matrix-wrapper ul li:nth-child(4) {    -webkit-animation-delay: 0.4s;    animation-delay: 0.4s;}.Matrix-wrapper ul li:nth-child(10) {    -webkit-animation-delay: 0.6s;    animation-delay: 0.6s;}.Matrix-wrapper ul li:nth-child(5) {    -webkit-animation-delay: 0.5s;    animation-delay: 0.5s;}.Matrix-wrapper ul li:nth-child(1) {    -webkit-animation-delay: 0.1s;    animation-delay: 0.1s;}.Matrix-wrapper ul li:nth-child(6) {    -webkit-animation-delay: 0.2s;    animation-delay: 0.2s;}.Matrix-wrapper ul li:nth-child(11) {    -webkit-animation-delay: 0.3s;    animation-delay: 0.3s;}.Matrix-wrapper ul li:nth-child(16) {    -webkit-animation-delay: 0.4s;    animation-delay: 0.4s;}.Matrix-wrapper ul li:nth-child(21) {    -webkit-animation-delay: 0.5s;    animation-delay: 0.5s;}.Matrix-wrapper ul li:nth-child(7) {    -webkit-animation-delay: 0.3s;    animation-delay: 0.3s;}.Matrix-wrapper ul li:nth-child(12) {    -webkit-animation-delay: 0.4s;    animation-delay: 0.4s;}.Matrix-wrapper ul li:nth-child(17) {    -webkit-animation-delay: 0.5s;    animation-delay: 0.5s;}.Matrix-wrapper ul li:nth-child(22) {    -webkit-animation-delay: 0.6s;    animation-delay: 0.6s;}.Matrix-wrapper ul li:nth-child(13) {    -webkit-animation-delay: 0.5s;    animation-delay: 0.5s;}.Matrix-wrapper ul li:nth-child(18) {    -webkit-animation-delay: 0.6s;    animation-delay: 0.6s;}.Matrix-wrapper ul li:nth-child(23) {    -webkit-animation-delay: 0.7s;    animation-delay: 0.7s;}.Matrix-wrapper ul li:nth-child(19) {    -webkit-animation-delay: 0.7s;    animation-delay: 0.7s;}.Matrix-wrapper ul li:nth-child(24) {    -webkit-animation-delay: 0.8s;    animation-delay: 0.8s;}.Matrix-wrapper ul li:nth-child(25) {    -webkit-animation-delay: 0.9s;    animation-delay: 0.9s;}/*Loading*/button.fc-prev-button.fc-button.fc-button-primary {    transform: rotateY(180deg);}button.fc-next-button.fc-button.fc-button-primary {    transform: rotateY(180deg);}a {    cursor: pointer;}.stiFormTabPanelButton, .stiDesignerCaptionControls, .stiJsViewerMessagesFormDescription, .stiDesignerSmallButtonWithBorder, .stiDesignerStandartTab, .stiDesignerGroupBlock, .stiDesignerStandartTab, .stiDesignerTreeItemButton, .stiDesignerStandartBigButton, .stiDesignerToolButton, .stiDesignerFileMenuItem, .stiDesignerPropertiesPanelHeader, .stiDesignerPropertyCaption, .stiDesignerPropertiesGroupHeaderButton {    font-family: iransansx !important;}.swiper-button-prev:after, .swiper-button-prev::before, .swiper-button-next:after, swiper-prev::after, swiper-next::after {    font-size: 13px;    background-color: #fff;    border-radius: 61%;    padding: 12px;    transition-property: all;    transition-duration: 150ms;    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);    pointer-events: auto;    display: flex;    height: 2.5rem;    width: 2.5rem;    transform: var(--tw-transform);    align-items: center;    justify-content: center;    border-radius: 9999px;    background-color: #7fffd487;    --tw-bg-opacity: 0.25;    color: #9E9E9E;}.swiper-button-prev, .swiper-button-next {    background-color: rgba(255, 255, 255, 0.8);    border-radius: 50%;    width: 40px;    height: 40px;    display: flex;    align-items: center;    justify-content: center;    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);    transition: background-color 0.3s ease, transform 0.3s ease;}    .swiper-button-prev:hover, .swiper-button-next:hover {        background-color: rgba(255, 255, 255, 1);        transform: scale(1.1);    }    .swiper-button-prev::after {        content: "\e912";        background-size: cover;        width: 20px;        height: 20px;    }    .swiper-button-next::after {        content: "\e910";        background-size: cover;        width: 20px;        height: 20px;    }.btn-file {    position: relative;    overflow: hidden}    .btn-file input[type=file] {        position: absolute;        top: 0;        right: 0;        min-width: 100%;        min-height: 100%;        font-size: 100px;        text-align: right;        filter: alpha(opacity = 0);        opacity: 0;        outline: 0;        background: #fff;        cursor: inherit;        display: block;    }.far.fa-angle-right::before {    content: "\e930" !important;    font-family: 'Feather';}.far.fa-angle-double-right::before {    content: "\e934" !important;    font-family: 'Feather';}.far.fa-angle-left::before {    content: "\e92f" !important;    font-family: 'Feather';}.far.fa-angle-double-left::before {    content: "\e933" !important;    font-family: 'Feather';}ul.pagination.justify-content-center.m-0 > .page-item > .page-link.Previous, ul.pagination.justify-content-center.m-0 > .page-item > .page-link.Next {    transform: rotateY(180deg);}.AttacheDeleteCard {    position: absolute;    width: 35px;    height: 35px;    background-color: #ff0000;    border: 2px dashed #ffffff;    color: white;    bottom: 90px;    cursor: pointer;    display: flex;    justify-content: center;    align-items: center;    z-index: 10;    font-size: 24px;}fieldset {    border: 0;}/* Hide default radio */.radio3 input[type="radio"] {    position: absolute;    visibility: hidden;    display: none;    opacity: 0;    z-index: -1;}/* Customizing label */.radio3 label {    position: relative;    padding: 10px 20px 10px 25px;    cursor: pointer;    border-radius: 20px;    color: #2196F3;    margin: 0px 5px;    font-weight: 600;    text-transform: uppercase;}    .radio3 label, .radio3 label::before {        -webkit-transition: .25s all ease;        transition: .25s all ease;    }        .radio3 label::before {            -webkit-box-sizing: border-box;            box-sizing: border-box;            content: " ";            position: absolute;            top: 30%;            left: 0;            width: 1em;            height: 1em;            border: 2px solid #2196F3;        }.radio3 input[type="radio"] + label::before {    border-radius: 1em;}/* Checked toggle */.radio3 input[type="radio"]:checked + label {    color: #fff;    background: #2196F3;    z-index: 1;}.radio3 input[type="radio"]:checked + label {    padding: 10px 20px 10px 20px;}    .radio3 input[type="radio"]:checked + label::before {        top: 4px;        width: 100%;        height: 2em;        z-index: -1;    }.radio3:hover input[type="radio"]:checked + label {    -webkit-box-shadow: #2195f338 0px 0px 0px 25px;    box-shadow: #2195f338 0px 0px 0px 25px;}.ReadyCard {    border: 2px solid transparent; /* Default border */    cursor: pointer; /* Change cursor to pointer */    transition: border-color 0.3s; /* Smooth transition for border color */}    .ReadyCard.selected {        border-color: green; /* Green border for selected card */    }toast {    opacity: 0;    transition: opacity 5s ease-in-out, transform 5s ease-in-out;    transform: translateY(20px);}.toast.show {    opacity: 1;    transform: translateY(0);}.toast-container {    position: fixed;    bottom: 20px;    right: 20px;    z-index: 1050; /* بالاتر از سایر عناصر */}.tooltip3 {    position: relative;    display: inline-block;    cursor: pointer;    color: #3498db;    font-size: 14px;}    .tooltip3 .tooltiptext {        visibility: hidden;        width: 120px;        background-color: #555;        color: #fff;        text-align: center;        border-radius: 6px;        padding: 5px;        position: absolute;        z-index: 1;        bottom: 125%; /* موقعیت */        left: 50%;        margin-left: -60px;        opacity: 0;        transition: opacity 0.3s;    }    .tooltip3:hover .tooltiptext {        visibility: visible;        opacity: 1;    }.Plannigbox::before {    font-weight: 900;    font-size: 40px;    color: #ffffff;    position: absolute;    text-shadow: 4px 2px 20px rgba(0, 0, 0, 0.5);    top: 50%;    left: 50%;    transform: translate(-50%, -50%);}.PlannigboxCheck::before {    font-family: 'Feather' !important;    content: "\e92c";}.PlannigboxClose::before {    font-family: 'Feather' !important;    content: "\ea03";}.PlannigboxClock::before {    font-family: 'Feather' !important;    content: "\e939";}/* ******************************* for student chat******************************** */.message-area {    height: 100vh;    overflow: hidden;    padding: 0;    background: #f5f5f5;}.chat-area {    position: relative;    width: 100%;    background-color: #fff;    border-radius: 0.3rem;    height: 90vh;    overflow: hidden;    min-height: calc(100% - 1rem);}.chatlist {    outline: 0;    height: 100%;    overflow: hidden;    width: 300px;    float: right;    padding: 15px;}.chat-area .modal-content {    border: none;    border-radius: 0;    outline: 0;    height: 100%;}.chat-area .modal-dialog-scrollable {    height: 100% !important;}.chatbox {    width: auto;    overflow: hidden;    height: 100%;    border-left: 1px solid #ccc;}    .chatbox .modal-dialog,    .chatlist .modal-dialog {        max-width: 100%;        margin: 0;    }.msg-search {    display: flex;    align-items: center;    justify-content: space-between;}.chat-area .form-control {    display: block;    width: 80%;    padding: 0.375rem 0.75rem;    font-size: 14px;    font-weight: 400;    line-height: 1.5;    color: #222;    background-color: #fff;    background-clip: padding-box;    border: 1px solid #ccc;    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;    border-radius: 0.25rem;    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}    .chat-area .form-control:focus {        outline: 0;        box-shadow: inherit;    }a.add img {    height: 36px;}.chat-area .nav-tabs {    border-bottom: 1px solid #dee2e6;    align-items: center;    justify-content: space-between;    flex-wrap: inherit;}    .chat-area .nav-tabs .nav-item {        width: 100%;    }    .chat-area .nav-tabs .nav-link {        width: 100%;        color: #180660;        font-size: 14px;        font-weight: 500;        line-height: 1.5;        text-transform: capitalize;        margin-top: 5px;        margin-bottom: -1px;        background: 0 0;        border: 1px solid transparent;        border-top-left-radius: 0.25rem;        border-top-right-radius: 0.25rem;    }        .chat-area .nav-tabs .nav-item.show .nav-link,        .chat-area .nav-tabs .nav-link.active {            color: #222;            background-color: #fff;            border-color: transparent transparent #000;        }        .chat-area .nav-tabs .nav-link:focus,        .chat-area .nav-tabs .nav-link:hover {            border-color: transparent transparent #000;            isolation: isolate;        }.chat-list h3 {    color: #222;    font-size: 16px;    font-weight: 500;    line-height: 1.5;    text-transform: capitalize;    margin-bottom: 0;}.chat-list p {    color: #343434;    font-size: 14px;    font-weight: 400;    line-height: 1.5;    text-transform: capitalize;    margin-bottom: 0;}.chat-list a.d-flex {    margin-bottom: 15px;    position: relative;    text-decoration: none;}.chat-list .active {    display: block;    content: '';    clear: both;    position: absolute;    bottom: 3px;    right: 34px;    height: 12px;    width: 12px;    background: #00DB75;    border-radius: 50%;    border: 2px solid #fff;}.msg-head h3 {    color: #222;    font-size: 18px;    font-weight: 600;    line-height: 1.5;    margin-bottom: 0;}.msg-head p {    color: #343434;    font-size: 14px;    font-weight: 400;    line-height: 1.5;    text-transform: capitalize;    margin-bottom: 0;}.msg-head {    padding: 15px;    border-bottom: 1px solid #ccc;}.moreoption {    display: flex;    align-items: center;    justify-content: end;}    .moreoption .navbar {        padding: 0;    }    .moreoption li .nav-link {        color: #222;        font-size: 16px;    }    .moreoption .dropdown-toggle::after {        display: none;    }    .moreoption .dropdown-menu[data-bs-popper] {        top: 100%;        left: auto;        right: 0;        margin-top: 0.125rem;    }.msg-body ul {    overflow: hidden;}    .msg-body ul li {        list-style: none;        margin: 15px 0;    }        .msg-body ul li.sender {            display: block;            width: 100%;            position: relative;            text-align: left !important;        }            .msg-body ul li.sender:before {                display: block;                clear: both;                content: '';                position: absolute;                top: -6px;                left: -7px;                width: 0;                height: 0;                border-style: solid;                border-width: 0 12px 15px 12px;                border-color: transparent transparent #f5f5f5 transparent;                -webkit-transform: rotate(-37deg);                -ms-transform: rotate(-37deg);                transform: rotate(-37deg);            }            .msg-body ul li.sender p {                color: #000;                font-size: 14px;                line-height: 1.5;                font-weight: 400;                padding: 15px;                background: #f5f5f5;                display: inline-block;                border-bottom-left-radius: 10px;                border-top-right-radius: 10px;                border-bottom-right-radius: 10px;                margin-bottom: 0;            }                .msg-body ul li.sender p b {                    display: block;                    color: #180660;                    font-size: 14px;                    line-height: 1.5;                    font-weight: 500;                }        .msg-body ul li.repaly {            display: block;            width: 100%;            text-align: right;            position: relative;        }            .msg-body ul li.repaly:before {                display: block;                clear: both;                content: '';                position: absolute;                bottom: 15px;                right: -7px;                width: 0;                height: 0;                border-style: solid;                border-width: 0 12px 15px 12px;                border-color: transparent transparent #4b7bec transparent;                -webkit-transform: rotate(37deg);                -ms-transform: rotate(37deg);                transform: rotate(37deg);            }            .msg-body ul li.repaly p {                color: #fff;                font-size: 14px;                line-height: 1.5;                font-weight: 400;                padding: 15px;                background: #4b7bec;                display: inline-block;                border-top-left-radius: 10px;                border-top-right-radius: 10px;                border-bottom-left-radius: 10px;                margin-bottom: 0;            }                .msg-body ul li.repaly p b {                    display: block;                    color: #061061;                    font-size: 14px;                    line-height: 1.5;                    font-weight: 500;                }            .msg-body ul li.repaly:after {                display: block;                content: '';                clear: both;            }.time {    display: block;    color: #000;    font-size: 12px;    line-height: 1.5;    font-weight: 400;}li.repaly .time {    margin-right: 20px;}.divider {    position: relative;    z-index: 1;    text-align: center;}.msg-body h6 {    text-align: center;    font-weight: normal;    font-size: 14px;    line-height: 1.5;    color: #222;    background: #fff;    display: inline-block;    padding: 0 5px;    margin-bottom: 0;}.divider:after {    display: block;    content: '';    clear: both;    position: absolute;    top: 12px;    left: 0;    border-top: 1px solid #EBEBEB;    width: 100%;    height: 100%;    z-index: -1;}.send-box {    padding: 15px;    border-top: 1px solid #ccc;}    .send-box form {        display: flex;        align-items: center;        justify-content: space-between;        margin-bottom: 15px;    }    .send-box .form-control {        display: block;        width: 85%;        padding: 0.375rem 0.75rem;        font-size: 14px;        font-weight: 400;        line-height: 1.5;        color: #222;        background-color: #fff;        background-clip: padding-box;        border: 1px solid #ccc;        -webkit-appearance: none;        -moz-appearance: none;        appearance: none;        border-radius: 0.25rem;        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;    }    .send-box button {        border: none;        background: #3867d6;        padding: 0.375rem 5px;        color: #fff;        border-radius: 0.25rem;        font-size: 14px;        font-weight: 400;        width: 24%;        margin-left: 1%;    }        .send-box button i {            margin-right: 5px;        }.send-btns .button-wrapper {    position: relative;    width: 125px;    height: auto;    text-align: left;    margin: 0 auto;    display: block;    background: #F6F7FA;    border-radius: 3px;    padding: 5px 15px;    float: left;    margin-right: 5px;    margin-bottom: 5px;    overflow: hidden;}    .send-btns .button-wrapper span.label {        position: relative;        z-index: 1;        display: -webkit-box;        display: -ms-flexbox;        display: flex;        -webkit-box-align: center;        -ms-flex-align: center;        align-items: center;        width: 100%;        cursor: pointer;        color: #343945;        font-weight: 400;        text-transform: capitalize;        font-size: 13px;    }#upload {    display: inline-block;    position: absolute;    z-index: 1;    width: 100%;    height: 100%;    top: 0;    left: 0;    opacity: 0;    cursor: pointer;}.send-btns .attach .form-control {    display: inline-block;    width: 120px;    height: auto;    padding: 5px 8px;    font-size: 13px;    font-weight: 400;    line-height: 1.5;    color: #343945;    background-color: #F6F7FA;    background-clip: padding-box;    border: 1px solid #F6F7FA;    border-radius: 3px;    margin-bottom: 5px;}.send-btns .button-wrapper span.label img {    margin-right: 5px;}.button-wrapper {    position: relative;    width: 100px;    height: 100px;    text-align: center;    margin: 0 auto;}button:focus {    outline: 0;}.add-apoint {    display: inline-block;    margin-left: 5px;}    .add-apoint a {        text-decoration: none;        background: #F6F7FA;        border-radius: 8px;        padding: 8px 8px;        font-size: 13px;        font-weight: 400;        line-height: 1.2;        color: #343945;    }        .add-apoint a svg {            margin-right: 5px;        }.chat-icon {    display: none;    position: absolute;    left: 27px;}.closess i {    display: none;}@media (max-width: 767px) {    .chat-icon {        display: block;        margin-right: 5px;    }    .chatlist {        width: 100%;    }    .chatbox {        /* width: 100%;*/        position: absolute;        left: 1000px;        right: 0;        background: #fff;        transition: all 0.5s ease;        border-left: none;    }    .showbox {        left: 0 !important;        transition: all 0.5s ease;    }    .msg-head h3 {        font-size: 14px;    }    .msg-head p {        font-size: 12px;    }    .msg-head .flex-shrink-0 img {        height: 30px;    }    .send-box button {        width: 28%;    }    .send-box .form-control {        width: 70%;    }    .chat-list h3 {        font-size: 14px;    }    .chat-list p {        font-size: 12px;    }    .msg-body ul li.sender p {        font-size: 13px;        padding: 8px;        border-bottom-left-radius: 6px;        border-top-right-radius: 6px;        border-bottom-right-radius: 6px;    }    .msg-body ul li.repaly p {        font-size: 13px;        padding: 8px;        border-top-left-radius: 6px;        border-top-right-radius: 6px;        border-bottom-left-radius: 6px;    }}.iUploadFile {    width: 100px;    height: 50px;    position: relative;    overflow: hidden;}    .iUploadFile input {        position: absolute;        top: 0;        right: 0;        cursor: pointer;        opacity: 0.0;        filter: alpha(opacity=0);        font-size: 300px;        height: 200px;    }.Line1 {    -webkit-box-orient: vertical;    display: -webkit-box !important;    -webkit-line-clamp: 1;    overflow: hidden;}.Line2 {    -webkit-box-orient: vertical;    display: -webkit-box !important;    -webkit-line-clamp: 2;    overflow: hidden;}.Line3 {    -webkit-box-orient: vertical;    display: -webkit-box !important;    -webkit-line-clamp: 3;    overflow: hidden;}.Line4 {    -webkit-box-orient: vertical;    display: -webkit-box !important;    -webkit-line-clamp: 4;    overflow: hidden;}li.nav-item.active {    background-color: #89bd2d;}li.nav-item.active {    color: #ffffff;}a.nav-link.collapsed:hover {    background-color: #f1f1f1;}.navbar-vertical .navbar-nav .nav-item .nav-link:hover {    color: var(--gk-navbar-vertical-link);}.nav-link-child {    background: none;    border: 0;    color: var(--gk-nav-link-color);    display: block;    font-size: var(--gk-nav-link-font-size);    font-weight: var(--gk-nav-link-font-weight);    padding: var(--gk-nav-link-padding-y) var(--gk-nav-link-padding-x);    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.nav-link-child {    padding: .25rem 3rem;}.nav-lb-tab .nav-item .nav-link.active {    background-color: var(--gk-primary) !important;    border-bottom: none;    color: white;    padding: 0.6em 1.3em;    border-radius: 50px;}.nav-lb-tab .nav-item .nav-link:hover {    background-color: #dddddd !important;    color: black;    border-bottom: none;}.nav-lb-tab .nav-item .nav-link {    padding: 0.6em 1.3em !important;    border-bottom: none !important;}.nav-lb-tab {    border-bottom: none !important;}    .nav-lb-tab .nav-item .nav-link {        border-radius: 50px !important;    }    .nav-lb-tab .nav-item {        margin: 0.5rem !important;    }.swiper-button-prev:after, .swiper-button-prev::before, .swiper-button-next:after, swiper-prev::after, swiper-next::after {    background-color: #ffffff00 !important;}a.dtpcalendar.btn.btn-xs.blue {    color: white;    font-size: 17px;    padding: 0;}.paginationFardid {    display: inline-flex;    list-style: none;    padding: 0;    margin: 0;    gap: 6px;}    .paginationFardid li {        display: inline-block;    }    .paginationFardid button {        border: 1px solid #ddd;        background: #fff;        padding: 6px 12px;        border-radius: 6px;        cursor: pointer;        transition: all 0.2s;        min-width: 36px;    }        .paginationFardid button:hover {            background: #f0f0f0;        }        .paginationFardid button.active {            background: #007bff;            color: #fff;            border-color: #007bff;        }        .paginationFardid button:disabled {            background: #eee;            color: #aaa;            cursor: not-allowed;        }.navbar-vertical {    max-width: 300px !important;}/* ===== دراور سمت راست (RTL) =====   کلاس toggled روی #db-wrapper تنها منبع وضعیت است و قوانین با !important صریح نوشته شده‌اند   تا هیچ قانون قدیمی/کش‌شدهٔ قالب فضای خالی کنار صفحه نگذارد.   دسکتاپ (>=768): پیش‌فرض باز و محتوا کنار دراور؛ toggled = بسته و محتوا تمام‌عرض.   موبایل (<768): پیش‌فرض بسته و محتوا تمام‌عرض؛ toggled = دراور روی صفحه باز می‌شود (بدون هل دادن محتوا). */@media (min-width: 768px) {    #db-wrapper #page-content {        margin-right: 18.625rem !important;        min-width: 0 !important;        width: 100% !important;        flex: 1 1 auto;    }    #db-wrapper .navbar-vertical {        margin-right: 0 !important;    }    #db-wrapper.toggled #page-content {        margin-right: 0 !important;    }    #db-wrapper.toggled .navbar-vertical {        margin-right: -20rem !important;    }}@media (max-width: 767.98px) {    #db-wrapper #page-content,    #db-wrapper.toggled #page-content {        margin-right: 0 !important;        min-width: 0 !important;        width: 100% !important;        flex: 1 1 auto;    }    #db-wrapper .navbar-vertical {        margin-right: -20rem !important;        z-index: 1040;    }    #db-wrapper.toggled .navbar-vertical {        margin-right: 0 !important;        box-shadow: 0 0 2rem rgba(15, 23, 42, .25);    }}.flatpickr-calendar.hasTime.noCalendar.animate.arrowTop.arrowLeft.open {    z-index: 999999999999999;}#bigblue-frame {    position: fixed;    top: 10px;    left: 10px;    width: 400px;    height: 250px;    border: 2px solid #444;    background: #fff;    z-index: 9999;    border-radius: 10px;    box-shadow: 0 4px 15px rgba(0,0,0,0.2);    overflow: hidden;    font-family: sans-serif;}#bigblue-header {    background: #444;    color: #fff;    padding: 5px 10px;    cursor: move;    display: flex;    justify-content: space-between;    align-items: center;    font-size: 14px;}.bigblue-controls button {    background: none;    border: none;    color: white;    margin-left: 5px;    cursor: pointer;    font-weight: bold;    font-size: 14px;}    .bigblue-controls button:hover {        color: yellow;    }#bigblue-content {    width: 100%;    height: calc(100% - 30px);    border: none;}/* 3D container */.scene {    perspective: 1200px;}.glass-card {    width: 550px;    padding: 45px;    border-radius: 30px;    background: rgba(255,255,255,0.08);    backdrop-filter: blur(30px);    -webkit-backdrop-filter: blur(30px);    border: 1px solid rgba(255,255,255,0.15);    box-shadow: 0 30px 60px rgba(0,0,0,0.6), inset 0 0 30px rgba(255,255,255,0.05);    transform-style: preserve-3d;    transition: transform 0.2s ease-out;    animation: float 6s ease-in-out infinite;}/* floating */@keyframes float {    0%,100% {        transform: translateY(0px)    }    50% {        transform: translateY(-15px)    }}/* progress background */.progress-glass {    height: 38px;    border-radius: 50px;    background: rgba(255,255,255,0.06);    overflow: hidden;    position: relative;    box-shadow: inset 0 0 20px rgba(0,0,0,0.6);    transform: translateZ(30px);}/* progress bar */.progress-bar-glass {    height: 100%;    width: 0%;    border-radius: 50px;    position: relative;    background: linear-gradient(90deg,#00f5ff,#0088ff,#00ffcc);    background-size: 200% 200%;    animation: gradientMove 5s ease infinite;    transition: width 1.8s cubic-bezier(.22,1,.36,1);    box-shadow: 0 0 20px rgba(0,255,255,0.8), 0 0 40px rgba(0,136,255,0.6);}/* gradient animation */@keyframes gradientMove {    0% {        background-position: 0% 50%    }    50% {        background-position: 100% 50%    }    100% {        background-position: 0% 50%    }}/* shine */.progress-bar-glass::after {    content: '';    position: absolute;    top: 0;    left: -120%;    width: 60%;    height: 100%;    background: linear-gradient(120deg,transparent,rgba(255,255,255,0.5),transparent);    transform: skewX(-25deg);    animation: sweep 2.5s infinite;}@keyframes sweep {    0% {        left: -120%;    }    100% {        left: 130%;    }}.progress-text {    position: absolute;    width: 100%;    text-align: center;    line-height: 38px;    color: #fff;    font-weight: bold;    z-index: 2;    letter-spacing: 1px;    text-shadow: 0 0 15px rgba(0,0,0,0.8);}/* ==========================================================================   EPSILON ACADEMY - MODERN 2026 THEME SYSTEM (V2 ULTRA)   Colors: Primary #18468d | Secondary #83bb32   ========================================================================== *//* 1. PALETTE & VARIABLE CONFIGURATION */:root {    --ep-primary: #18468d;    --ep-primary-dark: #0d2a57;    --ep-primary-light: #2c63b8;    --ep-secondary: #83bb32;    --ep-secondary-dark: #659323;    --ep-secondary-light: #9de340;    /* Soft glowing background across the entire page */    --ep-bg-base: #f4f7fc;    --ep-section-bg: rgba(255, 255, 255, 0.75);    --ep-card-bg: #ffffff;    --ep-card-border: rgba(24, 70, 141, 0.1);    --ep-text: #2d3748;    --ep-title: #0f172a;    --ep-muted: #64748b;    --ep-border: rgba(24, 70, 141, 0.12);    --ep-input-bg: #f8fafc;    --ep-shadow: 0 15px 35px -10px rgba(24, 70, 141, 0.12);    --ep-glow-primary: rgba(24, 70, 141, 0.15);    --ep-glow-secondary: rgba(131, 187, 50, 0.2);    /* Moon Visual: Glowing pure white for light mode */    --ep-moon-gradient: radial-gradient(circle at 35% 35%, #ffffff 0%, #e2e8f0 55%, rgba(255, 255, 255, 0.4) 100%);    --ep-moon-shadow: 0 0 80px 20px rgba(255, 255, 255, 0.9), 0 0 40px rgba(24, 70, 141, 0.15);    /* Dots Matrix (Bigger & More Visible) */    --ep-dots-color: rgba(24, 70, 141, 0.35);    --ep-radius: 24px;}/* 2. BOOTSTRAP DARK MODE SUPPORT */[data-bs-theme="dark"], body[data-bs-theme="dark"] {    --ep-bg-base: #0a0e1a;    --ep-section-bg: rgba(15, 23, 42, 0.65);    --ep-card-bg: rgba(19, 31, 56, 0.85);    --ep-card-border: rgba(255, 255, 255, 0.1);    --ep-text: #cbd5e1;    --ep-title: #ffffff;    --ep-muted: #94a3b8;    --ep-border: rgba(255, 255, 255, 0.1);    --ep-input-bg: #0f172a;    --ep-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);    --ep-glow-primary: rgba(44, 99, 184, 0.3);    --ep-glow-secondary: rgba(131, 187, 50, 0.3);    /* Moon in dark mode */    --ep-moon-gradient: radial-gradient(circle at 35% 35%, #ffffff 0%, #cbd5e1 50%, rgba(148, 163, 184, 0.2) 100%);    --ep-moon-shadow: 0 0 90px rgba(255, 255, 255, 0.4);    --ep-dots-color: rgba(131, 187, 50, 0.4);}body {    background-color: var(--ep-bg-base);    color: var(--ep-text);    overflow-x: hidden;}/* 3. PROMINENT DOT MATRIX (نقطه‌های برجسته گوشه‌ها) */.has-dots {    position: relative;}    .has-dots::before {        content: '';        position: absolute;        top: -500px;        right: -7px;        width: 50%;        height: 500px;        background-image: radial-gradient(var(--ep-dots-color) 3px, transparent 3px);        background-size: 14px 14px;        z-index: 0;        pointer-events: none;        border-radius: 100% 1px 1px 1px;    }/* 4. VISUAL EFFECTS & GLOWS */.ambient-glow-1, .ambient-glow-2 {    position: absolute;    border-radius: 50%;    filter: blur(110px);    pointer-events: none;    z-index: 0;}.ambient-glow-1 {    top: 0;    right: 5%;    width: 500px;    height: 500px;    background: var(--ep-glow-primary);}.ambient-glow-2 {    top: 30%;    left: 2%;    width: 600px;    height: 600px;    background: var(--ep-glow-secondary);}/* MOON ELEMENT (White & Soft Radiant) */.moon-bg-element {    position: absolute;    top: -20px;    left: 8%;    width: 260px;    height: 260px;    border-radius: 50%;    background: var(--ep-moon-gradient);    box-shadow: var(--ep-moon-shadow);    opacity: 0.95;    pointer-events: none;    z-index: 0;}.main-container {    max-width: 1280px;    margin: 0 auto;    padding: 0 24px;}.section-header {    text-align: center;    margin-bottom: 60px;}.section-tag {    display: inline-block;    padding: 7px 22px;    background: rgba(131, 187, 50, 0.15);    color: var(--ep-secondary-dark);    border: 1px solid rgba(131, 187, 50, 0.4);    border-radius: 30px;    font-size: 0.88rem;    font-weight: 800;    margin-bottom: 14px;}[data-bs-theme="dark"] .section-tag {    color: var(--ep-secondary);}.section-header h2 {    font-size: 2.5rem;    font-weight: 900;    margin-bottom: 12px;    color: var(--ep-title);}.section-header p {    color: var(--ep-muted);    font-size: 1.05rem;}/* 5. BUTTONS */.btn-main {    display: inline-flex;    align-items: center;    justify-content: center;    gap: 10px;    padding: 16px 34px;    border-radius: 16px;    font-weight: 800;    text-decoration: none;    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);    cursor: pointer;    border: none;    font-size: 0.95rem;    position: relative;    overflow: hidden;}.primary-btn {    background: linear-gradient(135deg, var(--ep-primary) 0%, var(--ep-primary-dark) 100%);    color: #ffffff !important;    box-shadow: 0 10px 25px rgba(24, 70, 141, 0.35);}    .primary-btn:hover {        transform: translateY(-3px);        box-shadow: 0 16px 35px rgba(24, 70, 141, 0.45);    }.secondary-btn {    background: var(--ep-card-bg);    color: var(--ep-primary);    border: 2px solid var(--ep-primary);}    .secondary-btn:hover {        background: var(--ep-primary);        color: #ffffff !important;        transform: translateY(-2px);    }.glowing-btn::after {    content: '';    position: absolute;    top: -50%;    left: -50%;    width: 200%;    height: 200%;    background: linear-gradient(60deg, transparent, rgba(255, 255, 255, 0.3), transparent);    transform: rotate(30deg);    transition: all 0.75s ease;    opacity: 0;}.glowing-btn:hover::after {    opacity: 1;    animation: shimmer 1.5s infinite;}@keyframes shimmer {    0% {        transform: translateX(-100%) rotate(30deg);    }    100% {        transform: translateX(100%) rotate(30deg);    }}/* 6. HERO SECTION */.hero-section {    padding: 110px 0 70px;    position: relative;}.hero-grid {    display: grid;    grid-template-columns: 1.2fr 0.8fr;    gap: 50px;    align-items: center;}.hero-badge {    display: inline-flex;    align-items: center;    gap: 8px;    background: rgba(131, 187, 50, 0.12);    border: 1px solid rgba(131, 187, 50, 0.3);    color: var(--ep-secondary-dark);    padding: 6px 18px;    border-radius: 30px;    font-size: 0.85rem;    font-weight: 800;    margin-bottom: 24px;    z-index: 9;    position: relative;}[data-bs-theme="dark"] .hero-badge {    color: var(--ep-secondary);}.badge-dot {    width: 8px;    height: 8px;    background-color: var(--ep-secondary);    border-radius: 50%;    animation: pulseGlow 2s infinite;}@keyframes pulseGlow {    0% {        box-shadow: 0 0 0 0 rgba(131, 187, 50, 0.6);    }    70% {        box-shadow: 0 0 0 16px rgba(131, 187, 50, 0);    }    100% {        box-shadow: 0 0 0 0 rgba(131, 187, 50, 0);    }}.hero-title {    font-size: 3.3rem;    font-weight: 900;    line-height: 1.25;    margin-bottom: 20px;    color: var(--ep-title);}.text-gradient {    background: linear-gradient(120deg, var(--ep-primary) 0%, var(--ep-secondary) 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;}.hero-subtitle {    font-size: 1.15rem;    color: var(--ep-muted);    margin-bottom: 35px;    max-width: 580px;    line-height: 1.8;}.hero-cta-group {    display: flex;    gap: 16px;}.hero-visual-card {    background: var(--ep-card-bg);    border-radius: var(--ep-radius);    padding: 40px;    border: 1px solid var(--ep-card-border);    box-shadow: var(--ep-shadow);    backdrop-filter: blur(20px);    position: relative;    z-index: 1;}.card-header-tag {    font-size: 0.9rem;    font-weight: 800;    margin-bottom: 15px;    color: var(--ep-primary);}.stat-big-wrap {    display: flex;    align-items: center;    font-size: 4.5rem;    font-weight: 900;    color: var(--ep-secondary);    line-height: 1;    margin-bottom: 10px;}.stat-desc {    font-size: 1.1rem;    font-weight: 700;    margin-bottom: 30px;    border-bottom: 1px solid var(--ep-border);    padding-bottom: 20px;    color: var(--ep-title);}.mini-stats-grid {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 20px;}.mini-stat .counter-wrap {    display: block;    font-size: 1.6rem;    font-weight: 900;    color: var(--ep-primary);}.mini-stat small {    font-size: 0.85rem;    font-weight: 600;    color: var(--ep-muted);}/* 7. PROOF BANNER */.proof-banner {    background: var(--ep-section-bg);    border-top: 1px solid var(--ep-border);    border-bottom: 1px solid var(--ep-border);    padding: 40px 0;    backdrop-filter: blur(10px);}.proof-grid {    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 30px;}.proof-item {    display: flex;    align-items: center;    gap: 16px;}.proof-icon {    width: 60px;    height: 60px;    background: linear-gradient(135deg, var(--ep-primary), var(--ep-primary-dark));    color: #ffffff;    border-radius: 18px;    display: flex;    align-items: center;    justify-content: center;    font-size: 1.7rem;    flex-shrink: 0;    box-shadow: 0 10px 20px rgba(24, 70, 141, 0.25);}.counter-title {    font-size: 1.2rem;    font-weight: 800;    margin-bottom: 4px;    color: var(--ep-title);}.proof-desc {    color: var(--ep-muted);    font-size: 0.9rem;    margin: 0;}/* 8. SERVICES (BENTO GRID) */.services-section {    padding: 90px 0;}.bento-container {    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 24px;}.bento-card {    background: var(--ep-card-bg);    border: 1px solid var(--ep-card-border);    border-radius: var(--ep-radius);    padding: 36px;    box-shadow: var(--ep-shadow);    position: relative;    transition: all 0.35s ease;}    .bento-card.card-large {        grid-column: span 2;    }.card-badge {    position: absolute;    top: 24px;    left: 24px;    background: var(--ep-secondary);    color: #ffffff;    font-size: 0.75rem;    padding: 5px 14px;    border-radius: 20px;    font-weight: 800;}.bento-icon {    font-size: 2.4rem;    margin-bottom: 20px;}.bento-card h3 {    font-size: 1.4rem;    font-weight: 800;    margin-bottom: 12px;    color: var(--ep-title);}.bento-card p {    color: var(--ep-muted);    font-size: 0.95rem;    line-height: 1.75;}/* 9. REAL ROADMAP / مسیر موفقیت سه بعدی واقعی */.process-section {    background: var(--ep-section-bg);    padding: 100px 0;    border-top: 1px solid var(--ep-border);    border-bottom: 1px solid var(--ep-border);    position: relative;}.roadmap-journey-container {    position: relative;    margin-top: 50px;}/* افکت جاده/مسیر سه‌بعدی */.roadmap-line-holder {    position: absolute;    top: 0;    bottom: 0;    right: 50%;    width: 12px;    transform: translateX(50%);    background: rgba(24, 70, 141, 0.08);    border-radius: 10px;    z-index: 1;}.roadmap-pulse-line {    width: 100%;    height: 100%;    background: linear-gradient(180deg, var(--ep-primary) 0%, var(--ep-secondary) 100%);    border-radius: 10px;    box-shadow: 0 0 15px var(--ep-secondary);}.roadmap-timeline {    display: flex;    flex-direction: column;    gap: 50px;    position: relative;    z-index: 2;}.timeline-step {    display: flex;    align-items: center;    position: relative;    width: 100%;}.step-odd {    flex-direction: row-reverse;}.step-even {    flex-direction: row;}.step-node {    position: absolute;    right: 50%;    transform: translateX(50%);    width: 65px;    height: 65px;    border-radius: 50%;    background: var(--ep-card-bg);    border: 4px solid var(--ep-primary);    display: flex;    align-items: center;    justify-content: center;    z-index: 3;    box-shadow: 0 0 20px rgba(24, 70, 141, 0.25);    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);}.node-number {    font-weight: 900;    font-size: 1.2rem;    color: var(--ep-title);}.timeline-step:hover .step-node {    transform: translateX(50%) scale(1.2);    background: var(--ep-primary);    border-color: var(--ep-secondary);}.timeline-step:hover .node-number {    color: #ffffff;}.node-final {    border-color: var(--ep-secondary) !important;    background: linear-gradient(135deg, var(--ep-secondary), var(--ep-secondary-dark));}    .node-final .node-number {        color: #ffffff;    }.step-content-card {    width: 42%;    background: var(--ep-card-bg);    border: 1px solid var(--ep-card-border);    border-radius: var(--ep-radius);    padding: 32px;    box-shadow: var(--ep-shadow);    transition: all 0.35s ease;}.timeline-step:hover .step-content-card {    transform: translateY(-6px);    border-color: var(--ep-secondary);}.step-badge {    display: inline-block;    font-size: 0.78rem;    font-weight: 800;    padding: 4px 14px;    border-radius: 12px;    background: rgba(24, 70, 141, 0.1);    color: var(--ep-primary);    margin-bottom: 12px;}.highlight-badge {    background: rgba(131, 187, 50, 0.15);    color: var(--ep-secondary-dark);}.step-header {    display: flex;    align-items: center;    gap: 12px;    margin-bottom: 10px;}.step-icon {    font-size: 1.7rem;}.step-content-card h4 {    font-size: 1.3rem;    font-weight: 800;    color: var(--ep-title);    margin: 0;}.step-content-card p {    font-size: 0.95rem;    color: var(--ep-muted);    line-height: 1.7;    margin: 0;}/* 10. CIRCULAR 3D TOP STUDENTS SLIDER (کاملاً دایره‌ای بدون باکس دور) */.top-students-section {    padding: 90px 0;    position: relative;    overflow: hidden;}.slider-wrapper {    position: relative;    width: 100%;    margin-top: 40px;}.slider-container {    display: flex;    align-items: center;    gap: 30px;    padding: 50px 20px;    scrollbar-width: none;    cursor: grab;}    .slider-container::-webkit-scrollbar {        display: none;    }/* ساختار دایره‌ای دانش‌آموز (بدون باکس کادر مستطیلی) */.student-card {    flex: 0 0 240px;    scroll-snap-align: center;    background: transparent !important;    border: none !important;    box-shadow: none !important;    text-align: center;    position: relative;    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);    opacity: 0.55;    transform: scale(0.82);}    /* افکت بزرگتر شدن کارت وسط (Center Scale Boost) */    .student-card.active-center,    .student-card:hover {        opacity: 1;        transform: scale(1.15);        z-index: 10;    }.swiper-slide-active .student-card {    opacity: 1;    transform: scale(1.15);    z-index: 10;}.rank-badge {    position: absolute;    top: 0;    right: 15px;    background: linear-gradient(135deg, var(--ep-secondary), var(--ep-secondary-dark));    color: #ffffff;    font-size: 0.82rem;    font-weight: 800;    padding: 5px 14px;    border-radius: 20px;    box-shadow: 0 6px 15px rgba(131, 187, 50, 0.35);    z-index: 5;}/* دایره اصلی آواتار */.avatar-wrapper {    position: relative;    margin: 20px auto 20px;}.student-avatar {    width: 170px;    height: 170px;    object-fit: cover;    border-radius: 50%; /* دایره کامل */    border: 5px solid var(--ep-card-bg);    box-shadow: 0 12px 30px rgba(24, 70, 141, 0.25);    position: relative;    z-index: 2;    transition: border-color 0.3s ease;}.student-card.active-center .student-avatar {    border-color: var(--ep-secondary);}.avatar-glow {    position: absolute;    inset: -8px;    border-radius: 50%;    background: linear-gradient(135deg, var(--ep-primary), var(--ep-secondary));    z-index: 1;    opacity: 0.8;    animation: pulseGlow 3s infinite;}.student-name {    font-size: 1.25rem;    font-weight: 900;    color: var(--ep-title);    margin-bottom: 6px;}.student-info-tag {    font-size: 0.88rem;    color: var(--ep-muted);    font-weight: 600;    margin-bottom: 12px;}.university-tag {    display: inline-flex;    align-items: center;    gap: 6px;    font-size: 0.85rem;    font-weight: 800;    color: var(--ep-primary);    background: rgba(24, 70, 141, 0.08);    padding: 6px 16px;    border-radius: 30px;}[data-bs-theme="dark"] .university-tag {    background: rgba(255, 255, 255, 0.08);    color: var(--ep-secondary);}/* RESPONSIVE */@media (max-width: 1024px) {    .hero-grid {        grid-template-columns: 1fr;    }    .bento-container {        grid-template-columns: 1fr;    }    .bento-card.card-large {        grid-column: span 1;    }    .proof-grid {        grid-template-columns: 1fr;    }    .hero-title {        font-size: 2.6rem;        z-index: 9;        position: relative;    }    .roadmap-line-holder {        right: 30px;        transform: none;    }    .timeline-step {        flex-direction: row-reverse !important;    }    .step-node {        right: 30px;        transform: translateX(50%);    }    .step-content-card {        width: calc(100% - 90px);    }}@media (max-width: 640px) {    .hero-cta-group {        flex-direction: column;    }    .student-card {        flex: 0 0 200px;    }}.footer-card {    background: rgba(255, 255, 255, 0.85);    backdrop-filter: blur(16px);    -webkit-backdrop-filter: blur(16px);    border: 1px solid rgba(0, 0, 0, 0.06);    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.08);    border-radius: 1.5rem;    transition: all 0.3s ease;}[data-bs-theme="dark"] .footer-card {    background: rgba(30, 41, 59, 0.85);    border: 1px solid rgba(255, 255, 255, 0.08);    box-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.3);}.footer-contact-item {    display: flex;    align-items: center;    gap: 0.75rem;    margin-bottom: 0.85rem;    padding: 0.5rem 0.75rem;    border-radius: 0.75rem;    transition: background-color 0.2s ease, transform 0.2s ease;}    .footer-contact-item:hover {        background-color: rgba(13, 110, 253, 0.05);        transform: translateX(-4px);    }[data-bs-theme="dark"] .footer-contact-item:hover {    background-color: rgba(255, 255, 255, 0.05);}.icon-shape {    width: 38px;    height: 38px;    min-width: 38px;    display: flex;    align-items: center;    justify-content: center;    border-radius: 10px;    background: rgba(13, 110, 253, 0.1);    color: var(--bs-primary);}.footer-link {    color: var(--bs-body-color);    text-decoration: none;    padding: 0.4rem 0.8rem;    border-radius: 0.5rem;    display: inline-block;    transition: all 0.2s ease;    font-weight: 500;}    .footer-link:hover {        color: var(--bs-primary);        background-color: rgba(13, 110, 253, 0.08);    }.map-container iframe {    border-radius: 1rem;    box-shadow: 0 4px 12px rgba(0,0,0,0.08);    width: 100%;    height: 160px;    border: 0;}.copyright-bar {    background: linear-gradient(135deg, #0d6efd 0%, #0b5ed7 100%);    border-radius: 1rem;}/* جعل هدر به صورت شناور و ترکیب آن با بدنه اصلی */.header-wrapper {    position: absolute; /* قرارگیری شناور روی بدنه */    top: 0;    left: 0;    right: 0;    z-index: 1050;}.custom-navbar {    background: rgba(255, 255, 255, 0.9) !important;    backdrop-filter: blur(12px);    -webkit-backdrop-filter: blur(12px);    border: 1px solid rgba(255, 255, 255, 0.4);    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.08);    transition: all 0.3s ease;}[data-bs-theme="dark"] .custom-navbar {    background: rgba(18, 24, 38, 0.88) !important;    border: 1px solid rgba(255, 255, 255, 0.08);    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);}.nav-link {    font-weight: 500;    color: var(--bs-body-color);    padding: 0.55rem 0.95rem !important;    border-radius: 8px;    transition: all 0.2s ease;}    .nav-link:hover, .nav-link.active {        color: var(--bs-primary) !important;        background-color: rgba(13, 110, 253, 0.08);    }/* باز شدن کاملاً روان و صحیح زیرمنوها فوق لایه‌ها */.navbar .dropdown-menu {    z-index: 1060 !important;    border: none;    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);    border-radius: 12px;    margin-top: 8px !important;}[data-bs-theme="dark"] .navbar .dropdown-menu {    border: 1px solid rgba(255, 255, 255, 0.1);    background-color: #0f172a;}.avatar-wrapper {    position: relative;    display: inline-block;}.avatar-online-dot {    position: absolute;    bottom: 2px;    right: 2px;    width: 10px;    height: 10px;    background-color: #198754;    border: 2px solid #fff;    border-radius: 50%;}.notification-box {    max-height: 320px;    overflow-y: auto;}/* ==========================================================================   STYLISH ALL-NEWS BUTTONS   ========================================================================== */.view-all-btn {    display: inline-flex;    align-items: center;    justify-content: center;    gap: 0.5rem;    margin: 1.25rem auto 0 auto;    padding: 0.65rem 1.6rem;    border-radius: 14px;    font-size: 0.875rem;    font-weight: 700;    text-decoration: none;    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);    backdrop-filter: blur(8px);    -webkit-backdrop-filter: blur(8px);}    /* دکمه اطلاعیه‌ها (Warning) */    .view-all-btn.btn-warning-glow {        background: rgba(245, 158, 11, 0.1);        color: #d97706;        border: 1px solid rgba(245, 158, 11, 0.3);    }        .view-all-btn.btn-warning-glow:hover {            background: #f59e0b;            color: #ffffff;            box-shadow: 0 8px 20px -4px rgba(245, 158, 11, 0.4);            transform: translateY(-2px);        }    /* دکمه اخبار (Primary) */    .view-all-btn.btn-primary-glow {        background: rgba(1, 72, 139, 0.08);        color: #01488b;        border: 1px solid rgba(1, 72, 139, 0.25);    }[data-bs-theme=dark] .view-all-btn.btn-primary-glow {    background: rgba(96, 165, 250, 0.12);    color: #60a5fa;    border-color: rgba(96, 165, 250, 0.3);}.view-all-btn.btn-primary-glow:hover {    background: #01488b;    color: #ffffff;    box-shadow: 0 8px 20px -4px rgba(1, 72, 139, 0.35);    transform: translateY(-2px);}[data-bs-theme=dark] .view-all-btn.btn-primary-glow:hover {    background: #3b82f6;    color: #ffffff;    box-shadow: 0 8px 20px -4px rgba(59, 130, 246, 0.4);}/* فلش آیکون داخل دکمه */.view-all-btn .arrow-icon {    transition: transform 0.25s ease;}.view-all-btn:hover .arrow-icon {    transform: translateX(-4px);}/* ==========================================================================    1. VISUAL TIMELINE ROADMAP (طراحی خلاقانه و گرافیکی)    ========================================================================== */.visual-roadmap-section {    padding: 5rem 1rem;    position: relative;    overflow: hidden;    /* تصویر پس‌زمینه مفهوم پرواز/شب و صعود */    background-image: url('/content/images/roadMapBack.webp');    background-size: cover;    background-position: center;    background-attachment: fixed;}/* لایه اورلی برای خوانایی متن در تم روشن و تیره */.roadmap-bg-overlay {    position: absolute;    inset: 0;    background: linear-gradient(180deg, var(--gk-body-bg, #ffffff) 0%, rgba(255, 255, 255, 0.88) 50%, var(--gk-body-bg, #ffffff) 100%);    z-index: 1;}[data-bs-theme=dark] .roadmap-bg-overlay {    background: linear-gradient(180deg, var(--gk-body-bg, #0b1329) 0%, rgba(11, 19, 41, 0.92) 50%, var(--gk-body-bg, #0b1329) 100%);}.roadmap-ambient-glow {    position: absolute;    top: 30%;    left: 50%;    transform: translate(-50%, -50%);    width: 600px;    height: 600px;    background: radial-gradient(circle, rgba(1, 72, 139, 0.15) 0%, rgba(245, 158, 11, 0.08) 50%, transparent 70%);    filter: blur(60px);    z-index: 1;    pointer-events: none;}[data-bs-theme=dark] .roadmap-ambient-glow {    background: radial-gradient(circle, rgba(59, 130, 246, 0.25) 0%, rgba(245, 158, 11, 0.12) 50%, transparent 70%);}.relative-z {    position: relative;    z-index: 2;}.glow-tag {    box-shadow: 0 0 15px rgba(1, 72, 139, 0.2);}.roadmap-timeline {    position: relative;    max-width: 900px;    margin: 3.5rem auto 0 auto;    padding: 1rem 0;}/* خط مرکزی با نور زنده */.timeline-line {    position: absolute;    top: 0;    bottom: 0;    right: 50%;    width: 4px;    background: linear-gradient(180deg, rgba(1, 72, 139, 0.2) 0%, #01488b 40%, #f59e0b 100%);    transform: translateX(50%);    border-radius: 4px;    box-shadow: 0 0 10px rgba(1, 72, 139, 0.3);}[data-bs-theme=dark] .timeline-line {    background: linear-gradient(180deg, rgba(96, 165, 250, 0.2) 0%, #3b82f6 50%, #f59e0b 100%);    box-shadow: 0 0 12px rgba(96, 165, 250, 0.4);}.roadmap-node {    position: relative;    display: flex;    align-items: center;    margin-bottom: 3rem;    width: 100%;}    .roadmap-node:last-child {        margin-bottom: 0;    }.step-left {    flex-direction: row-reverse;}    .step-left .node-card {        margin-left: 3rem;        text-align: left;    }.step-right .node-card {    margin-right: 3rem;    text-align: right;}/* کارت‌های شیشه‌ای مدرن (Glassmorphism) */.roadmap-node .node-card {    width: calc(50% - 3rem);    background: rgba(255, 255, 255, 0.75);    backdrop-filter: blur(12px);    -webkit-backdrop-filter: blur(12px);    border: 1px solid rgba(255, 255, 255, 0.6);    border-radius: 22px;    padding: 1.5rem;    box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.07);    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);}[data-bs-theme=dark] .roadmap-node .node-card {    background: rgba(15, 23, 42, 0.75);    border-color: rgba(255, 255, 255, 0.12);    box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.4);}.roadmap-node:hover .node-card {    transform: translateY(-6px) scale(1.02);    box-shadow: 0 20px 40px -10px rgba(1, 72, 139, 0.2);    border-color: rgba(1, 72, 139, 0.4);}[data-bs-theme=dark] .roadmap-node:hover .node-card {    border-color: rgba(96, 165, 250, 0.5);    box-shadow: 0 20px 40px -10px rgba(59, 130, 246, 0.3);}/* نشانگر مرکزی با افکت پالس (Pulse Animation) */.node-marker {    position: absolute;    right: 50%;    transform: translateX(50%);    width: 60px;    height: 60px;    border-radius: 50%;    background: var(--gk-card-background, #fff);    border: 3px solid #01488b;    display: flex;    align-items: center;    justify-content: center;    z-index: 2;    box-shadow: 0 0 20px rgba(1, 72, 139, 0.3);    transition: transform 0.3s ease;}.roadmap-node:hover .node-marker {    transform: translateX(50%) scale(1.15);}[data-bs-theme=dark] .node-marker {    border-color: #60a5fa;    box-shadow: 0 0 20px rgba(96, 165, 250, 0.4);}.moon-glow {    border-color: #f59e0b !important;    background: radial-gradient(circle, #fff 30%, #fef3c7 100%) !important;    box-shadow: 0 0 25px rgba(245, 158, 11, 0.6) !important;    animation: moonPulse 2s infinite alternate;}[data-bs-theme=dark] .moon-glow {    background: radial-gradient(circle, #1e293b 30%, #78350f 100%) !important;}@keyframes moonPulse {    0% {        box-shadow: 0 0 15px rgba(245, 158, 11, 0.4);    }    100% {        box-shadow: 0 0 30px rgba(245, 158, 11, 0.8);    }}.node-icon {    font-size: 1.4rem;}.node-number {    position: absolute;    top: -5px;    left: -5px;    background: #01488b;    color: #fff;    font-size: 0.7rem;    font-weight: 800;    width: 22px;    height: 22px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    box-shadow: 0 2px 6px rgba(0,0,0,0.2);}[data-bs-theme=dark] .node-number {    background: #3b82f6;}.node-header h4 {    font-size: 1.15rem;    font-weight: 800;    margin-bottom: 0.5rem;}.node-card p {    font-size: 0.875rem;    opacity: 0.85;    line-height: 1.6;    margin: 0;}.highlight-card {    border: 1.5px solid rgba(245, 158, 11, 0.5) !important;    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(245, 158, 11, 0.12)) !important;}[data-bs-theme=dark] .highlight-card {    background: linear-gradient(135deg, rgba(15, 23, 42, 0.9), rgba(245, 158, 11, 0.15)) !important;}/* ریسپانسیو برای موبایل */@media (max-width: 768px) {    .visual-roadmap-section {        background-attachment: scroll; /* جلوگیر از لگ در موبایل */    }    .timeline-line {        right: 25px;        transform: none;    }    .roadmap-node {        flex-direction: row !important;        margin-bottom: 2rem;    }    .node-marker {        right: 0;        transform: none;        width: 50px;        height: 50px;    }    .roadmap-node .node-card {        width: calc(100% - 70px) !important;        margin-right: 70px !important;        margin-left: 0 !important;        text-align: right !important;    }}/* ==========================================================================    2. DUAL COLUMN NEWS & NOTIFICATIONS (دو ستون کنار هم 50%)    ========================================================================== */.updates-dual-section {    padding: 3.5rem 1rem;}.dual-updates-grid {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 2rem;}.update-column {    display: flex;    flex-direction: column;}.column-header {    display: flex;    align-items: center;    justify-content: space-between;    margin-bottom: 1.25rem;    padding-bottom: 0.75rem;    border-bottom: 2px solid rgba(0, 0, 0, 0.05);}[data-bs-theme=dark] .column-header {    border-bottom-color: rgba(255, 255, 255, 0.08);}.header-title-wrap {    display: flex;    align-items: center;    gap: 0.5rem;}    .header-title-wrap h3 {        font-size: 1.2rem;        font-weight: 800;        margin: 0;    }.badge-dot.warning {    background-color: #f59e0b;}.badge-dot.primary {    background-color: #01488b;}[data-bs-theme=dark] .badge-dot.primary {    background-color: #60a5fa;}.column-tag {    font-size: 0.75rem;    font-weight: 700;    padding: 0.2rem 0.6rem;    border-radius: 12px;    background: rgba(0, 0, 0, 0.05);}[data-bs-theme=dark] .column-tag {    background: rgba(255, 255, 255, 0.1);}.micro-news-list {    display: flex;    flex-direction: column;    gap: 1rem;}.micro-news-card {    display: flex;    align-items: center;    gap: 1rem;    background: var(--gk-card-background);    border: 1px solid rgba(0, 0, 0, 0.06);    border-radius: 14px;    padding: 0.75rem;    transition: transform 0.25 ease, box-shadow 0.25s ease;}[data-bs-theme=dark] .micro-news-card {    border-color: rgba(255, 255, 255, 0.06);}.micro-news-card:hover {    transform: translateY(-2px);    box-shadow: 0 8px 20px -5px rgba(0, 0, 0, 0.08);}.micro-thumb {    width: 85px;    height: 85px;    flex-shrink: 0;    border-radius: 10px;    overflow: hidden;}    .micro-thumb img {        width: 100%;        height: 100%;        object-fit: cover;    }.micro-body {    display: flex;    flex-direction: column;    justify-content: center;    flex-grow: 1;    overflow: hidden;}.micro-meta {    margin-bottom: 0.25rem;}.micro-date {    font-size: 0.725rem;    opacity: 0.6;}.micro-title {    font-size: 0.95rem;    font-weight: 700;    margin: 0 0 0.25rem 0;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}    .micro-title a {        color: inherit;        text-decoration: none;    }        .micro-title a:hover {            color: #01488b;        }[data-bs-theme=dark] .micro-title a:hover {    color: #60a5fa;}/* محدود کردن متن خلاصه خبر به حداکثر ۲ خط */.micro-excerpt {    font-size: 0.8rem;    opacity: 0.75;    margin: 0;    line-height: 1.4;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    text-overflow: ellipsis;}/* ==========================================================================    RESPONSIVE ADJUSTMENTS (موبایل و تبلت)    ========================================================================== */@media (max-width: 992px) {    .dual-updates-grid {        grid-template-columns: 1fr;        gap: 2.5rem;    }}@media (max-width: 768px) {    .timeline-line {        right: 24px;        transform: none;    }    .roadmap-node {        flex-direction: row !important;        margin-bottom: 1.5rem;    }    .node-marker {        right: 0;        transform: none;        width: 48px;        height: 48px;    }    .roadmap-node .node-card {        width: calc(100% - 65px) !important;        margin-right: 65px !important;        margin-left: 0 !important;        text-align: right !important;    }}/* ==========================================================================   FIX MOBILE OVERFLOW FOR NEWS & NOTIFICATIONS   ========================================================================== */.updates-dual-section {    overflow: hidden; /* جلوگیری از اسکرول افقی کل بخش */}.micro-news-card {    width: 100%;    box-sizing: border-box; /* محاسبه دقیق پدینگ داخل عرض کارت */}@media (max-width: 576px) {    /* کاهش فواصل کل بخش در موبایل */    .updates-dual-section {        padding: 2rem 0.75rem;    }    .dual-updates-grid {        gap: 1.75rem;    }    /* بهینه‌سازی کارت‌های اخبار برای موبایل */    .micro-news-card {        padding: 0.6rem;        gap: 0.75rem;    }    /* کوچک‌تر کردن تصویر در موبایل تا فضا برای متن باز شود */    .micro-thumb {        width: 65px;        height: 65px;        border-radius: 8px;    }    .micro-title {        font-size: 0.875rem;        white-space: normal; /* اجازه دادن به شکستن تیترهای خیلی بلند */        display: -webkit-box;        -webkit-line-clamp: 2;        -webkit-box-orient: vertical;        overflow: hidden;    }    .micro-excerpt {        font-size: 0.775rem;        line-height: 1.35;        -webkit-line-clamp: 1; /* در موبایل‌های خیلی کوچک خلاصه ۱ خط بشه تا تمیزتر بمونه */    }    .column-header h3 {        font-size: 1.05rem;    }}/* ==========================================================================    FLOATING QUICK NAV (منوی چسبان سمت چپ)    ========================================================================== */.quick-nav-wrapper {    position: fixed;    left: 20px;    top: 50%;    transform: translateY(-50%);    z-index: 999;}.quick-nav-inner {    display: flex;    flex-direction: column;    gap: 0.75rem;    background: rgba(255, 255, 255, 0.75);    backdrop-filter: blur(12px);    -webkit-backdrop-filter: blur(12px);    padding: 0.75rem 0.5rem;    border-radius: 30px;    border: 1px solid rgba(0, 0, 0, 0.08);    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);}[data-bs-theme=dark] .quick-nav-inner {    background: rgba(15, 23, 42, 0.75);    border-color: rgba(255, 255, 255, 0.1);    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.4);}.quick-nav-item {    position: relative;    width: 42px;    height: 42px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    color: inherit;    text-decoration: none;    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}    .quick-nav-item .nav-icon {        font-size: 1.15rem;        transition: transform 0.3s ease;    }/* Tooltip کشویی با هاور */.nav-tooltip {    position: absolute;    left: 55px;    background: #01488b;    color: #fff;    font-size: 0.75rem;    font-weight: 700;    padding: 0.35rem 0.75rem;    border-radius: 8px;    white-space: nowrap;    opacity: 0;    visibility: hidden;    transform: translateX(-10px);    transition: all 0.25s ease;    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);    pointer-events: none;}[data-bs-theme=dark] .nav-tooltip {    background: #3b82f6;}/* فلش کوچیک کنار Tooltip */.nav-tooltip::before {    content: '';    position: absolute;    right: 100%;    top: 50%;    transform: translateY(-50%);    border-width: 5px;    border-style: solid;    border-color: transparent #01488b transparent transparent;}[data-bs-theme=dark] .nav-tooltip::before {    border-color: transparent #3b82f6 transparent transparent;}/* حالت هاور */.quick-nav-item:hover {    background: rgba(1, 72, 139, 0.12);    transform: scale(1.1);}[data-bs-theme=dark] .quick-nav-item:hover {    background: rgba(96, 165, 250, 0.2);}.quick-nav-item:hover .nav-tooltip {    opacity: 1;    visibility: visible;    transform: translateX(0);}/* مخفی کردن در موبایل جهت خلوت ماندن صفحه */@media (max-width: 768px) {    .quick-nav-wrapper {        display: none;    }}/* ==========================================================================    ADVANCED SERVICES (BENTO GRID WITH SUBTLE PATTERN BG)    ========================================================================== */.services-section {    padding: 5.5rem 1rem;    position: relative;    overflow: hidden;    background-color: var(--gk-body-bg, #ffffff);}/* پترن شبکه‌ای مدرن و ظریف در پس‌زمینه */.services-grid-pattern {    position: absolute;    inset: 0;    background-image: radial-gradient(rgba(1, 72, 139, 0.08) 1px, transparent 1px), radial-gradient(rgba(1, 72, 139, 0.04) 1px, transparent 1px);    background-size: 30px 30px;    background-position: 0 0, 15px 15px;    opacity: 0.8;    z-index: 1;}[data-bs-theme=dark] .services-grid-pattern {    background-image: radial-gradient(rgba(96, 165, 250, 0.12) 1px, transparent 1px), radial-gradient(rgba(96, 165, 250, 0.05) 1px, transparent 1px);}/* نور نرم مرکز */.services-ambient-glow {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    width: 700px;    height: 500px;    background: radial-gradient(circle, rgba(1, 72, 139, 0.08) 0%, rgba(245, 158, 11, 0.04) 50%, transparent 70%);    filter: blur(80px);    pointer-events: none;    z-index: 1;}[data-bs-theme=dark] .services-ambient-glow {    background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, rgba(245, 158, 11, 0.06) 50%, transparent 70%);}.relative-z {    position: relative;    z-index: 2;}/* ساختار Bento Grid */.bento-container {    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 1.5rem;    margin-top: 3rem;}/* کارت‌های بنتوی پایه */.bento-card {    position: relative;    background: rgba(255, 255, 255, 0.75);    backdrop-filter: blur(14px);    -webkit-backdrop-filter: blur(14px);    border: 1px solid rgba(0, 0, 0, 0.07);    border-radius: 24px;    padding: 2rem;    display: flex;    flex-direction: column;    justify-content: flex-start;    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.04);}[data-bs-theme=dark] .bento-card {    background: rgba(15, 23, 42, 0.65);    border-color: rgba(255, 255, 255, 0.08);    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.3);}.bento-card:hover {    transform: translateY(-6px);    box-shadow: 0 20px 40px -12px rgba(1, 72, 139, 0.15);    border-color: rgba(1, 72, 139, 0.3);}[data-bs-theme=dark] .bento-card:hover {    box-shadow: 0 20px 40px -12px rgba(59, 130, 246, 0.25);    border-color: rgba(96, 165, 250, 0.4);}/* کارت بزرگ ویژه (Feature Card) */.card-large.feature-bento {    grid-column: span 2;    grid-row: span 1;    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(1, 72, 139, 0.03));    border: 1.5px solid rgba(1, 72, 139, 0.2);    overflow: hidden;}[data-bs-theme=dark] .card-large.feature-bento {    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(59, 130, 246, 0.08));    border-color: rgba(96, 165, 250, 0.3);}.card-badge {    align-self: flex-start;    background: linear-gradient(135deg, #01488b, #0264bf);    color: #fff;    font-size: 0.75rem;    font-weight: 700;    padding: 0.3rem 0.85rem;    border-radius: 20px;    margin-bottom: 1.25rem;    box-shadow: 0 4px 12px rgba(1, 72, 139, 0.25);}[data-bs-theme=dark] .card-badge {    background: linear-gradient(135deg, #2563eb, #3b82f6);}/* آیکون مدرن دایره‌ای */.bento-icon-wrap {    width: 54px;    height: 54px;    border-radius: 16px;    background: rgba(1, 72, 139, 0.06);    display: flex;    align-items: center;    justify-content: center;    margin-bottom: 1.25rem;    transition: transform 0.3s ease;}[data-bs-theme=dark] .bento-icon-wrap {    background: rgba(96, 165, 250, 0.12);}.bento-card:hover .bento-icon-wrap {    transform: scale(1.1) rotate(4deg);}.bento-icon {    font-size: 1.6rem;}.bento-card h3 {    font-size: 1.2rem;    font-weight: 800;    margin-bottom: 0.75rem;    line-height: 1.4;}.bento-card p {    font-size: 0.9rem;    opacity: 0.82;    line-height: 1.7;    margin: 0;}/* بخش آکسان پایین کارت اصلی */.card-footer-accent {    margin-top: 1.5rem;    padding-top: 1rem;    border-top: 1px stroke rgba(0, 0, 0, 0.06);    font-size: 0.825rem;    font-weight: 700;    color: #01488b;    display: flex;    align-items: center;    gap: 0.4rem;}[data-bs-theme=dark] .card-footer-accent {    color: #60a5fa;    border-top-color: rgba(255, 255, 255, 0.08);}/* ریسپانس اولیه در تبلت و موبایل */@media (max-width: 992px) {    .bento-container {        grid-template-columns: repeat(2, 1fr);    }    .card-large.feature-bento {        grid-column: span 2;    }}@media (max-width: 768px) {    .bento-container {        grid-template-columns: 1fr;    }    .card-large.feature-bento {        grid-column: span 1;    }}/* ==========================================================================    ALL NEWS PAGE STYLES    ========================================================================== */.news-page-wrapper {    padding-bottom: 4rem;}/* Hero Header */.news-hero-header {    position: relative;    padding: 4.5rem 1rem 3.5rem 1rem;    background: var(--gk-card-background);    border-bottom: 1px solid rgba(0, 0, 0, 0.06);    overflow: hidden;}[data-bs-theme=dark] .news-hero-header {    border-bottom-color: rgba(255, 255, 255, 0.08);}.news-hero-bg {    position: absolute;    inset: 0;    background: radial-gradient(circle at 50% 0%, rgba(1, 72, 139, 0.08) 0%, transparent 70%);    pointer-events: none;}[data-bs-theme=dark] .news-hero-bg {    background: radial-gradient(circle at 50% 0%, rgba(59, 130, 246, 0.12) 0%, transparent 70%);}.hero-content h1 {    font-size: 2rem;    font-weight: 800;    margin: 0.75rem 0;}.hero-content p {    font-size: 1rem;    opacity: 0.8;    max-width: 600px;    margin: 0 auto 2rem auto;}/* Filter & Search Bar */.news-filter-bar {    display: flex;    align-items: center;    justify-content: space-between;    gap: 1rem;    max-width: 900px;    margin: 0 auto;    background: rgba(255, 255, 255, 0.8);    backdrop-filter: blur(12px);    padding: 0.6rem 0.75rem;    border-radius: 20px;    border: 1px solid rgba(0, 0, 0, 0.08);    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);}[data-bs-theme=dark] .news-filter-bar {    background: rgba(15, 23, 42, 0.8);    border-color: rgba(255, 255, 255, 0.1);}.search-box {    display: flex;    align-items: center;    gap: 0.5rem;    flex-grow: 1;    background: var(--gk-body-bg);    padding: 0.4rem 0.85rem;    border-radius: 14px;}    .search-box input {        border: none;        background: transparent;        outline: none;        width: 100%;        font-size: 0.875rem;        color: inherit;    }.filter-tabs {    display: flex;    gap: 0.4rem;}.tab-btn {    border: none;    background: transparent;    padding: 0.5rem 1rem;    border-radius: 12px;    font-size: 0.825rem;    font-weight: 700;    color: inherit;    opacity: 0.7;    cursor: pointer;    transition: all 0.25s ease;}    .tab-btn:hover {        opacity: 1;        background: rgba(0, 0, 0, 0.04);    }[data-bs-theme=dark] .tab-btn:hover {    background: rgba(255, 255, 255, 0.08);}.tab-btn.active {    opacity: 1;    background: #01488b;    color: #fff;    box-shadow: 0 4px 12px rgba(1, 72, 139, 0.25);}[data-bs-theme=dark] .tab-btn.active {    background: #3b82f6;}/* Grid Grid Layout */.all-news-section {    padding-top: 3rem;}.all-news-grid {    display: grid;    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));    gap: 1.75rem;}/* Archive Cards */.news-archive-card {    background: var(--gk-card-background);    border: 1px solid rgba(0, 0, 0, 0.07);    border-radius: 20px;    overflow: hidden;    display: flex;    flex-direction: column;    box-sizing: border-box;    transition: transform 0.3s ease, box-shadow 0.3s ease;}[data-bs-theme=dark] .news-archive-card {    border-color: rgba(255, 255, 255, 0.08);}.news-archive-card:hover {    transform: translateY(-5px);    box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.1);}.archive-thumb {    position: relative;    width: 100%;    height: 190px;    overflow: hidden;}    .archive-thumb img {        width: 100%;        height: 100%;        object-fit: cover;        transition: transform 0.4s ease;    }.news-archive-card:hover .archive-thumb img {    transform: scale(1.06);}.archive-badge {    position: absolute;    top: 12px;    right: 12px;    font-size: 0.725rem;    font-weight: 700;    padding: 0.25rem 0.75rem;    border-radius: 10px;    color: #fff;}.badge-primary {    background: #01488b;}.badge-warning {    background: #f59e0b;}.archive-date {    position: absolute;    bottom: 10px;    left: 10px;    background: rgba(0, 0, 0, 0.65);    color: #fff;    font-size: 0.725rem;    padding: 0.2rem 0.6rem;    border-radius: 6px;    backdrop-filter: blur(4px);}.archive-content {    padding: 1.25rem;    display: flex;    flex-direction: column;    flex-grow: 1;}.archive-title {    font-size: 1.05rem;    font-weight: 700;    margin-bottom: 0.6rem;    line-height: 1.45;}    .archive-title a {        color: inherit;        text-decoration: none;    }.archive-excerpt {    font-size: 0.85rem;    opacity: 0.8;    line-height: 1.6;    margin-bottom: 1.25rem;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;    flex-grow: 1;}.archive-footer {    padding-top: 0.75rem;    border-top: 1px solid rgba(0, 0, 0, 0.05);}[data-bs-theme=dark] .archive-footer {    border-top-color: rgba(255, 255, 255, 0.08);}.read-more-btn {    display: inline-flex;    align-items: center;    gap: 0.4rem;    font-size: 0.825rem;    font-weight: 700;    color: #01488b;    text-decoration: none;    transition: gap 0.25s ease;}[data-bs-theme=dark] .read-more-btn {    color: #60a5fa;}.read-more-btn:hover {    gap: 0.7rem;}/* Empty State */.no-results-state {    text-align: center;    padding: 4rem 1rem;}.no-results-icon {    font-size: 3rem;    margin-bottom: 1rem;}.d-none {    display: none !important;}/* Mobile Responsive */@media (max-width: 768px) {    .news-filter-bar {        flex-direction: column;        background: transparent;        border: none;        box-shadow: none;        padding: 0;    }    .search-box {        width: 100%;    }    .filter-tabs {        width: 100%;        justify-content: center;    }    .all-news-grid {        grid-template-columns: 1fr;    }}/* ==========================================================================       NEWS DETAIL PAGE STYLES (2026 EDITION)       ========================================================================== */.news-detail-wrapper {    padding-bottom: 5rem;}.main-container {    max-width: 1200px;    margin: 0 auto;    padding: 0 1.25rem;}/* Top Bar & Hero Header */.detail-hero-section {    padding: 2.5rem 0 1.5rem 0;    background: var(--gk-card-background);    border-bottom: 1px solid rgba(0, 0, 0, 0.06);}[data-bs-theme=dark] .detail-hero-section {    border-bottom-color: rgba(255, 255, 255, 0.08);}.detail-top-bar {    display: flex;    align-items: center;    justify-content: space-between;    margin-bottom: 1.5rem;}.back-link-btn {    display: inline-flex;    align-items: center;    gap: 0.5rem;    font-size: 0.875rem;    font-weight: 700;    color: inherit;    opacity: 0.75;    text-decoration: none;    transition: all 0.25s ease;}    .back-link-btn:hover {        opacity: 1;        color: #01488b;        transform: translateX(4px);    }[data-bs-theme=dark] .back-link-btn:hover {    color: #60a5fa;}.detail-badge {    font-size: 0.8rem;    font-weight: 700;    padding: 0.35rem 0.9rem;    border-radius: 12px;    color: #fff;}.badge-primary {    background: #01488b;}.badge-warning {    background: #f59e0b;}.detail-title {    font-size: 1.85rem;    font-weight: 850;    line-height: 1.45;    margin-bottom: 1.25rem;    color: var(--gk-body-color);}.detail-meta-list {    display: flex;    flex-wrap: wrap;    gap: 1.5rem;    font-size: 0.875rem;    opacity: 0.8;}.meta-item {    display: flex;    align-items: center;    gap: 0.4rem;}/* Grid Layout */.detail-body-section {    padding-top: 2.5rem;}.detail-grid {    display: grid;    grid-template-columns: 1fr 300px;    gap: 2.5rem;}/* Main Content Styling */.detail-cover-wrapper {    width: 100%;    max-height: 480px;    border-radius: 24px;    overflow: hidden;    margin-bottom: 2rem;    box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.1);}.detail-cover-img {    width: 100%;    height: 100%;    object-fit: cover;    display: block;}.detail-lead-box {    background: rgba(1, 72, 139, 0.05);    border-right: 4px solid #01488b;    padding: 1.25rem 1.5rem;    border-radius: 0 16px 16px 0;    font-size: 1.05rem;    font-weight: 600;    line-height: 1.7;    margin-bottom: 2rem;}[data-bs-theme=dark] .detail-lead-box {    background: rgba(96, 165, 250, 0.08);    border-right-color: #60a5fa;}/* HTML Description Typography */.detail-html-content {    font-size: 1.05rem;    line-height: 1.9;    color: var(--gk-body-color);    margin-bottom: 3rem;}    .detail-html-content img {        max-width: 100%;        height: auto;        border-radius: 16px;        margin: 1.5rem 0;    }    .detail-html-content p {        margin-bottom: 1.25rem;    }/* Attachments Card */.detail-attachments-card {    background: var(--gk-card-background);    border: 1px solid rgba(0, 0, 0, 0.08);    border-radius: 20px;    padding: 1.5rem;    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.03);}[data-bs-theme=dark] .detail-attachments-card {    border-color: rgba(255, 255, 255, 0.1);}.attachments-header {    display: flex;    align-items: center;    gap: 0.6rem;    margin-bottom: 1.25rem;    padding-bottom: 0.75rem;    border-bottom: 1px solid rgba(0,0,0,0.06);}    .attachments-header h4 {        font-size: 1.1rem;        font-weight: 700;        margin: 0;    }.attachments-list {    display: flex;    flex-direction: column;    gap: 0.75rem;}.attachment-download-item {    display: flex;    align-items: center;    justify-content: space-between;    padding: 0.85rem 1.25rem;    background: var(--gk-body-bg);    border: 1px solid rgba(0, 0, 0, 0.05);    border-radius: 14px;    text-decoration: none;    color: inherit;    transition: all 0.25s ease;}    .attachment-download-item:hover {        border-color: #01488b;        transform: translateY(-2px);        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);    }.attach-info {    display: flex;    align-items: center;    gap: 0.75rem;    font-weight: 600;    font-size: 0.925rem;}.attach-action {    display: flex;    align-items: center;    gap: 0.4rem;    font-size: 0.825rem;    font-weight: 700;    color: #01488b;}[data-bs-theme=dark] .attach-action {    color: #60a5fa;}/* Sidebar Styling */.sidebar-sticky-wrap {    position: sticky;    top: 2rem;    display: flex;    flex-direction: column;    gap: 1.5rem;}.sidebar-card {    background: var(--gk-card-background);    border: 1px solid rgba(0, 0, 0, 0.08);    border-radius: 20px;    padding: 1.5rem;}[data-bs-theme=dark] .sidebar-card {    border-color: rgba(255, 255, 255, 0.1);}.sidebar-card h5 {    font-size: 1rem;    font-weight: 700;    margin-bottom: 0.5rem;}.share-buttons {    display: flex;    justify-content: center;    gap: 0.75rem;}.share-btn {    width: 42px;    height: 42px;    border-radius: 12px;    border: 1px solid rgba(0, 0, 0, 0.08);    background: var(--gk-body-bg);    display: flex;    align-items: center;    justify-content: center;    font-size: 1.2rem;    cursor: pointer;    text-decoration: none;    transition: all 0.25s ease;}    .share-btn:hover {        transform: translateY(-3px);        background: rgba(1, 72, 139, 0.1);    }.quick-links {    list-style: none;    padding: 0;    margin: 0;}    .quick-links li {        margin-top: 0.75rem;    }    .quick-links a {        color: inherit;        text-decoration: none;        font-size: 0.875rem;        opacity: 0.8;        transition: opacity 0.2s ease;    }        .quick-links a:hover {            opacity: 1;            color: #01488b;        }/* Mobile Responsive */@media (max-width: 992px) {    .detail-grid {        grid-template-columns: 1fr;    }    .detail-title {        font-size: 1.45rem;    }    .sidebar-sticky-wrap {        position: static;    }}/* ==========================================================================   2026 ULTRA-MODERN GLOW PRELOADER (LIGHT & DARK DYNAMIC)   ========================================================================== *//* --- پایه و حالت روشن (Light Mode Default) --- */#app-preloader {    position: fixed;    inset: 0;    z-index: 9999999;    background: #f8fafc;    display: flex;    align-items: center;    justify-content: center;    overflow: hidden;    font-family: inherit;    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.8s, background-color 0.4s ease;}    #app-preloader.loaded {        opacity: 0;        transform: scale(1.08);        visibility: hidden;        pointer-events: none;    }/* نور محیطی پس‌زمینه (Light Mode) */.loader-ambient-light {    position: absolute;    width: 400px;    height: 400px;    background: radial-gradient(circle, rgba(1, 72, 139, 0.15) 0%, rgba(59, 130, 246, 0.08) 50%, transparent 70%);    filter: blur(60px);    border-radius: 50%;    animation: ambientPulse 4s infinite alternate ease-in-out;}@keyframes ambientPulse {    0% {        transform: scale(0.8);        opacity: 0.6;    }    100% {        transform: scale(1.3);        opacity: 1;    }}/* کارت شیشه‌ای کریستالی (Light Mode) */.loader-card {    position: relative;    z-index: 2;    background: rgba(255, 255, 255, 0.75);    backdrop-filter: blur(20px);    -webkit-backdrop-filter: blur(20px);    border: 1px solid rgba(255, 255, 255, 0.8);    box-shadow: 0 25px 50px -12px rgba(1, 72, 139, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.03);    padding: 3rem 2.5rem;    border-radius: 32px;    text-align: center;    max-width: 380px;    width: 90%;    transition: background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;}/* حلقه‌های چرخان ۳ بعدی */.loader-rings-wrapper {    position: relative;    width: 110px;    height: 110px;    margin: 0 auto 2rem auto;    display: flex;    align-items: center;    justify-content: center;}.ring {    position: absolute;    inset: 0;    border-radius: 50%;    border: 2.5px solid transparent;}.ring-1 {    border-top-color: #01488b;    border-right-color: #01488b;    animation: ringRotate 1.2s infinite cubic-bezier(0.5, 0, 0.5, 1);    filter: drop-shadow(0 0 6px rgba(1, 72, 139, 0.3));}.ring-2 {    inset: -8px;    border-bottom-color: #84bc3b;    border-left-color: #84bc3b;    animation: ringRotateReverse 1.8s infinite linear;    filter: drop-shadow(0 0 6px rgba(245, 158, 11, 0.4));}.ring-3 {    inset: 8px;    border-top-color: rgba(0, 0, 0, 0.08);    animation: ringRotate 2.5s infinite linear;}@keyframes ringRotate {    0% {        transform: rotate(0deg);    }    100% {        transform: rotate(360deg);    }}@keyframes ringRotateReverse {    0% {        transform: rotate(0deg);    }    100% {        transform: rotate(-360deg);    }}/* لوگوی مرکز */.brand-core {    width: 52px;    height: 52px;    background: linear-gradient(135deg, #01488b, #1d4ed8);    border-radius: 16px;    display: flex;    align-items: center;    justify-content: center;    box-shadow: 0 8px 20px rgba(1, 72, 139, 0.3);}.core-symbol {    font-size: 1.8rem;    font-weight: 900;    color: #ffffff;}/* بخش متون (Light Mode) */.brand-name {    color: #0f172a;    font-size: 1.2rem;    font-weight: 850;    margin-bottom: 0.5rem;}    .brand-name .highlight {        background: linear-gradient(90deg, #01488b, #84bc3b);        -webkit-background-clip: text;        -webkit-text-fill-color: transparent;    }.status-pulse {    display: inline-flex;    align-items: center;    gap: 0.5rem;    margin-bottom: 1.75rem;}.pulse-dot {    width: 8px;    height: 8px;    background: #84bc3b;    border-radius: 50%;    box-shadow: 0 0 8px #84bc3b;    animation: dotPulse 1.2s infinite alternate;}@keyframes dotPulse {    0% {        opacity: 0.3;        transform: scale(0.8);    }    100% {        opacity: 1;        transform: scale(1.2);    }}.status-text {    font-size: 0.825rem;    color: #475569;    font-weight: 600;}/* نوار پیشرفت کریستالی (Light Mode) */.crystal-progress-track {    width: 100%;    height: 6px;    background: rgba(0, 0, 0, 0.06);    border-radius: 100px;    overflow: hidden;    position: relative;}.crystal-progress-bar {    position: absolute;    inset: 0;    background: linear-gradient(90deg, #01488b, #3b82f6, #84bc3b);    background-size: 200% 100%;    border-radius: 100px;    animation: crystalShimmer 2s infinite linear, crystalMove 2.5s infinite ease-in-out;}@keyframes crystalShimmer {    0% {        background-position: 0% 50%;    }    100% {        background-position: 200% 50%;    }}@keyframes crystalMove {    0% {        transform: translateX(-100%);    }    50% {        transform: translateX(0%);    }    100% {        transform: translateX(100%);    }}/* ==========================================================================   DARK MODE OVERRIDES (تنظیمات هوشمند حالت تاریک)   ========================================================================== */[data-bs-theme=dark] #app-preloader,body.dark-mode #app-preloader {    background: #080c14;}[data-bs-theme=dark] .loader-ambient-light,body.dark-mode .loader-ambient-light {    background: radial-gradient(circle, rgba(59, 130, 246, 0.22) 0%, rgba(1, 72, 139, 0.08) 50%, transparent 70%);}[data-bs-theme=dark] .loader-card,body.dark-mode .loader-card {    background: rgba(15, 23, 42, 0.7);    border-color: rgba(255, 255, 255, 0.12);    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2);}[data-bs-theme=dark] .ring-1,body.dark-mode .ring-1 {    border-top-color: #3b82f6;    border-right-color: #3b82f6;    filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.6));}[data-bs-theme=dark] .ring-3,body.dark-mode .ring-3 {    border-top-color: rgba(255, 255, 255, 0.2);}[data-bs-theme=dark] .brand-name,body.dark-mode .brand-name {    color: #ffffff;}    [data-bs-theme=dark] .brand-name .highlight,    body.dark-mode .brand-name .highlight {        background: linear-gradient(90deg, #60a5fa, #f59e0b);        -webkit-background-clip: text;        -webkit-text-fill-color: transparent;    }[data-bs-theme=dark] .status-text,body.dark-mode .status-text {    color: rgba(255, 255, 255, 0.65);}[data-bs-theme=dark] .crystal-progress-track,body.dark-mode .crystal-progress-track {    background: rgba(255, 255, 255, 0.08);}/* ==========================================================================       SCOPED STYLES - #eps-login-scope       تمامی استایل‌ها کاملا یونیک بوده و تداخلی ایجاد نمی‌کنند.       ========================================================================== */#eps-login-scope {    min-height: 100vh;    width: 100%;    display: flex;    align-items: center;    justify-content: center;    position: relative;    padding: 2rem 1rem;    overflow: hidden;    box-sizing: border-box;}/* Mesh Animated Background */#eps-login-scope .eps-bg-mesh {    position: absolute;    inset: 0;    z-index: 1;    overflow: hidden;    pointer-events: none;}#eps-login-scope .eps-blob {    position: absolute;    border-radius: 50%;    filter: blur(100px);    opacity: 0.6;    animation: epsFloat 12s infinite alternate ease-in-out;}/* بلاب اول: رنگ اصلی تیره‌تر */#eps-login-scope .eps-blob-1 {    width: 500px;    height: 500px;    background: #01488b;    top: -120px;    right: -120px;}/* بلاب دوم: رنگ اصلی روشن‌تر */#eps-login-scope .eps-blob-2 {    width: 450px;    height: 450px;    background: #3b82f6;    bottom: -120px;    left: -120px;    animation-delay: -5s;}@keyframes epsFloat {    0% {        transform: translate(0, 0) scale(1);    }    100% {        transform: translate(40px, 50px) scale(1.15);    }}#eps-login-scope .eps-grid-overlay {    position: absolute;    inset: 0;    background-image: radial-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px);    background-size: 24px 24px;}[data-bs-theme=dark] #eps-login-scope .eps-grid-overlay {    background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);}/* Back Button */#eps-login-scope .eps-back-btn {    position: absolute;    top: 2rem;    right: 2rem;    z-index: 10;    display: flex;    align-items: center;    gap: 0.5rem;    padding: 0.6rem 1.2rem;    background: rgba(255, 255, 255, 0.85);    backdrop-filter: blur(12px);    -webkit-backdrop-filter: blur(12px);    border: 1px solid rgba(255, 255, 255, 0.9);    border-radius: 100px;    color: #01488b;    font-weight: 700;    font-size: 0.85rem;    text-decoration: none;    box-shadow: 0 10px 20px rgba(0,0,0,0.08);    transition: all 0.25s ease;}[data-bs-theme=dark] #eps-login-scope .eps-back-btn {    background: rgba(1, 72, 139, 0.5);    border-color: rgba(255, 255, 255, 0.15);    color: #f8fafc;}#eps-login-scope .eps-back-btn:hover {    transform: translateY(-2px);    background: #ffffff;    color: #01488b;}/* Main Glass Card */#eps-login-scope .eps-glass-container {    position: relative;    z-index: 5;    width: 100%;    max-width: 430px;}#eps-login-scope .eps-glass-card {    background: rgba(255, 255, 255, 0.88);    backdrop-filter: blur(24px);    -webkit-backdrop-filter: blur(24px);    border: 1px solid rgba(255, 255, 255, 0.9);    border-radius: 28px;    padding: 2.5rem 2rem;    box-shadow: 0 25px 50px -12px rgba(1, 72, 139, 0.3);}[data-bs-theme=dark] #eps-login-scope .eps-glass-card {    background: rgba(7, 24, 46, 0.85);    border-color: rgba(255, 255, 255, 0.12);    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);}/* Header Brand */#eps-login-scope .eps-brand-header {    text-align: center;    margin-bottom: 1.75rem;}#eps-login-scope .eps-brand-icon {    width: 52px;    height: 52px;    background: linear-gradient(135deg, #01488b, #3b82f6);    border-radius: 16px;    display: flex;    align-items: center;    justify-content: center;    margin: 0 auto 0.75rem auto;    color: #fff;    font-size: 1.8rem;    font-weight: 900;    box-shadow: 0 10px 20px rgba(1, 72, 139, 0.3);}#eps-login-scope .eps-brand-title {    font-size: 1.25rem;    font-weight: 850;    margin-bottom: 0.2rem;    color: var(--gk-body-color, #0f172a);}#eps-login-scope .eps-brand-subtitle {    font-size: 0.8rem;    color: #64748b;    margin: 0;}/* Form Section Header */#eps-login-scope .eps-form-header {    text-align: center;    margin-bottom: 1.5rem;}    #eps-login-scope .eps-form-header h2 {        font-size: 1.35rem;        font-weight: 800;        margin-bottom: 0.2rem;    }    #eps-login-scope .eps-form-header p {        font-size: 0.85rem;        color: #64748b;        margin: 0;    }#eps-login-scope .eps-register-link {    color: #01488b;    font-weight: 700;    text-decoration: none;}[data-bs-theme=dark] #eps-login-scope .eps-register-link {    color: #60a5fa;}/* Inputs */#eps-login-scope .eps-input-group {    margin-bottom: 1rem;}#eps-login-scope .eps-field-box {    position: relative;    display: flex;    align-items: center;}#eps-login-scope .eps-input-icon {    position: absolute;    right: 14px;    font-size: 1.1rem;    color: #94a3b8;    z-index: 2;    pointer-events: none;}#eps-login-scope .eps-input {    width: 100%;    height: 52px;    padding: 1.1rem 2.8rem 0.3rem 2.5rem;    font-size: 0.925rem;    font-weight: 600;    background: rgba(255, 255, 255, 0.7);    border: 1.5px solid rgba(0, 0, 0, 0.08);    border-radius: 14px;    color: var(--gk-body-color, #0f172a);    outline: none;    transition: all 0.2s ease;    box-sizing: border-box;}[data-bs-theme=dark] #eps-login-scope .eps-input {    background: rgba(255, 255, 255, 0.05);    border-color: rgba(255, 255, 255, 0.12);    color: #fff;}#eps-login-scope .eps-label {    position: absolute;    right: 2.8rem;    top: 50%;    transform: translateY(-50%);    font-size: 0.85rem;    color: #94a3b8;    pointer-events: none;    transition: all 0.2s ease;}/* Floating Labels */#eps-login-scope .eps-input:focus ~ .eps-label,#eps-login-scope .eps-input:not(:placeholder-shown) ~ .eps-label {    top: 12px;    font-size: 0.7rem;    font-weight: 700;    color: #01488b;}[data-bs-theme=dark] #eps-login-scope .eps-input:focus ~ .eps-label,[data-bs-theme=dark] #eps-login-scope .eps-input:not(:placeholder-shown) ~ .eps-label {    color: #60a5fa;}#eps-login-scope .eps-input:focus {    border-color: #01488b;    background: #ffffff;    box-shadow: 0 0 0 4px rgba(1, 72, 139, 0.15);}[data-bs-theme=dark] #eps-login-scope .eps-input:focus {    border-color: #60a5fa;    background: rgba(15, 23, 42, 0.9);    box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.15);}#eps-login-scope .eps-btn-eye {    position: absolute;    left: 10px;    background: none;    border: none;    color: #94a3b8;    cursor: pointer;    padding: 0.4rem;    display: flex;    align-items: center;}/* Checkbox */#eps-login-scope .eps-options-row {    margin-bottom: 1.25rem;}#eps-login-scope .eps-checkbox-label {    display: inline-flex;    align-items: center;    gap: 0.5rem;    cursor: pointer;    user-select: none;    font-size: 0.825rem;    color: var(--gk-body-color);}    #eps-login-scope .eps-checkbox-label input {        display: none;    }#eps-login-scope .eps-checkbox-custom {    width: 18px;    height: 18px;    border-radius: 6px;    border: 1.5px solid rgba(0, 0, 0, 0.15);    background: rgba(255, 255, 255, 0.5);    position: relative;    transition: all 0.2s ease;}[data-bs-theme=dark] #eps-login-scope .eps-checkbox-custom {    border-color: rgba(255, 255, 255, 0.2);    background: rgba(255, 255, 255, 0.05);}#eps-login-scope .eps-checkbox-label input:checked + .eps-checkbox-custom {    background: #01488b;    border-color: #01488b;}    #eps-login-scope .eps-checkbox-label input:checked + .eps-checkbox-custom::after {        content: '';        position: absolute;        left: 5px;        top: 2px;        width: 4px;        height: 8px;        border: solid #fff;        border-width: 0 2px 2px 0;        transform: rotate(45deg);    }/* Submit Button (Anchor) */#eps-login-scope .eps-btn-submit {    width: 100%;    height: 50px;    background: linear-gradient(135deg, #01488b, #3b82f6);    border: none;    border-radius: 14px;    color: #ffffff !important;    font-weight: 800;    font-size: 0.95rem;    display: flex;    align-items: center;    justify-content: center;    gap: 0.5rem;    cursor: pointer;    text-decoration: none !important;    transition: all 0.25s ease;    box-shadow: 0 10px 20px -4px rgba(1, 72, 139, 0.4);    box-sizing: border-box;}    #eps-login-scope .eps-btn-submit:hover {        transform: translateY(-2px);        box-shadow: 0 14px 25px -4px rgba(1, 72, 139, 0.55);    }/* Divider & Alt Actions */#eps-login-scope .eps-divider {    display: flex;    align-items: center;    text-align: center;    color: #94a3b8;    font-size: 0.75rem;    font-weight: 700;    margin: 1.25rem 0 0.75rem 0;}    #eps-login-scope .eps-divider::before,    #eps-login-scope .eps-divider::after {        content: '';        flex: 1;        border-bottom: 1px dashed rgba(0, 0, 0, 0.12);    }[data-bs-theme=dark] #eps-login-scope .eps-divider::before,[data-bs-theme=dark] #eps-login-scope .eps-divider::after {    border-bottom-color: rgba(255, 255, 255, 0.1);}#eps-login-scope .eps-divider span {    padding: 0 0.5rem;}#eps-login-scope .eps-actions-grid {    display: flex;    flex-direction: column;    gap: 0.5rem;}#eps-login-scope .eps-btn-alt {    width: 100%;    padding: 0.7rem 1rem;    background: rgba(255, 255, 255, 0.5);    border: 1px solid rgba(0, 0, 0, 0.08);    border-radius: 12px;    font-size: 0.8rem;    font-weight: 700;    color: var(--gk-body-color, #0f172a);    display: flex;    align-items: center;    gap: 0.5rem;    text-decoration: none;    cursor: pointer;    transition: all 0.2s ease;    box-sizing: border-box;}[data-bs-theme=dark] #eps-login-scope .eps-btn-alt {    background: rgba(255, 255, 255, 0.03);    border-color: rgba(255, 255, 255, 0.08);    color: #f8fafc;}#eps-login-scope .eps-btn-alt:hover {    border-color: #01488b;    color: #01488b;    background: rgba(1, 72, 139, 0.06);}[data-bs-theme=dark] #eps-login-scope .eps-btn-alt:hover {    color: #60a5fa;    background: rgba(96, 165, 250, 0.08);}/* Floating Theme Switcher */#eps-login-scope .eps-theme-switcher {    position: absolute;    bottom: 1.5rem;    left: 1.5rem;    z-index: 10;}#eps-login-scope .eps-theme-btn {    width: 42px;    height: 42px;    border-radius: 50%;    background: rgba(255, 255, 255, 0.85);    backdrop-filter: blur(8px);    border: 1px solid rgba(255, 255, 255, 0.9);    color: #01488b;    display: flex;    align-items: center;    justify-content: center;    font-size: 1.1rem;    cursor: pointer;    box-shadow: 0 8px 16px rgba(0,0,0,0.08);}[data-bs-theme=dark] #eps-login-scope .eps-theme-btn {    background: rgba(1, 72, 139, 0.6);    border-color: rgba(255, 255, 255, 0.15);    color: #fff;}/* User Logged In */#eps-login-scope .eps-user-card {    text-align: center;}#eps-login-scope .eps-avatar-wrap {    width: 68px;    height: 68px;    background: linear-gradient(135deg, #10b981, #059669);    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    margin: 0 auto 0.75rem auto;    color: #fff;    font-size: 2.2rem;    box-shadow: 0 10px 20px rgba(16, 185, 129, 0.25);}#eps-login-scope .eps-user-name {    font-weight: 850;    margin-bottom: 0.25rem;}#eps-login-scope .eps-user-badge {    display: inline-block;    padding: 0.2rem 0.75rem;    background: rgba(16, 185, 129, 0.12);    color: #10b981;    font-size: 0.775rem;    font-weight: 700;    border-radius: 100px;    margin-bottom: 1.5rem;}#eps-login-scope .eps-btn-logout {    display: flex;    align-items: center;    justify-content: center;    width: 100%;    padding: 0.75rem;    border: 1.5px solid #ef4444;    color: #ef4444;    font-weight: 800;    border-radius: 12px;    text-decoration: none;    transition: all 0.2s ease;}    #eps-login-scope .eps-btn-logout:hover {        background: #ef4444;        color: #fff;    }/* ==========================================================================   GOLDEN HERO BUTTON (تالار افتخارات)   ========================================================================== */.hero-cta-group .warning-btn {    position: relative;    background: linear-gradient(135deg, #f59e0b 0%, #d97706 50%, #b45309 100%) !important;    color: #ffffff !important;    font-weight: 800 !important;    border: 1px solid #fef3c7 !important;    box-shadow: 0 10px 25px -5px rgba(217, 119, 6, 0.4), 0 0 15px rgba(245, 158, 11, 0.2) !important;    overflow: hidden;    transition: all 0.35s ease !important;    text-decoration: none;    z-index: 1;}    /* افکت نور برّاق در هنگام هوور (Shine Effect) */    .hero-cta-group .warning-btn::before {        content: '';        position: absolute;        top: -50%;        left: -75%;        width: 50%;        height: 200%;        background: linear-gradient( 90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 50%, rgba(255,255,255,0) 100% );        transform: rotate(25deg);        transition: all 0.6s ease;        z-index: 2;    }    /* افکت رفتن ماوس روی دکمه (Hover) */    .hero-cta-group .warning-btn:hover {        transform: translateY(-3px) scale(1.02) !important;        background: linear-gradient(135deg, #fbbf24 0%, #d97706 50%, #92400e 100%) !important;        box-shadow: 0 15px 30px -5px rgba(217, 119, 6, 0.6), 0 0 25px rgba(251, 191, 36, 0.4) !important;        color: #ffffff !important;    }        .hero-cta-group .warning-btn:hover::before {            left: 125%;        }/*    ==================================================    Products Categories    Bootstrap Light / Dark Compatible    ==================================================    */.products-category-page {    --category-primary: #82ba26;    --category-primary-soft: rgba(131, 187, 50, .12);    padding-bottom: 30px;}/*    ==================================================    Page Hero    ==================================================    */.products-category-hero {    position: relative;    overflow: hidden;    padding: 28px 30px;    margin-bottom: 24px;    border-radius: 20px;    background: linear-gradient( 135deg, rgba(131, 187, 50, .10), rgba(18, 55, 112, .04) );    border: 1px solid var(--bs-border-color);    transition: .25s ease;}[data-bs-theme="dark"] .products-category-hero {    background: linear-gradient( 135deg, rgba(131, 187, 50, .10), rgba(255,255,255,.015) );}.products-category-hero::before {    content: "";    position: absolute;    width: 180px;    height: 180px;    left: -70px;    top: -90px;    border-radius: 50%;    background: rgba(131, 187, 50, .10);    pointer-events: none;}.products-category-hero-content {    position: relative;    z-index: 2;}.products-category-hero-icon {    width: 62px;    height: 62px;    display: flex;    align-items: center;    justify-content: center;    border-radius: 18px;    background: var(--category-primary);    color: #fff;    font-size: 26px;    box-shadow: 0 10px 25px rgba(131, 187, 50, .25);}.products-category-title {    color: var(--bs-heading-color);    font-size: 18px;    font-weight: 800;    margin-bottom: 6px;}.products-category-subtitle {    color: var(--bs-secondary-color);    font-size: 13px;    margin: 0;}/*    ==================================================    Category Card    ==================================================    */.product-category-card {    position: relative;    height: 100%;    padding: 22px;    border-radius: 20px;    background: var(--bs-tertiary-bg);    border: 1px solid var(--bs-border-color);    overflow: hidden;    box-shadow: 0 3px 10px rgba(0,0,0,.035);    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease;}/* دارک مود */[data-bs-theme="dark"] .product-category-card {    box-shadow: 0 5px 16px rgba(0,0,0,.18);}/* Hover */.product-category-card:hover {    transform: translateY(-6px);    border-color: rgba(131, 187, 50, .65);    background: var(--bs-body-bg);    box-shadow: 0 18px 38px rgba(0,0,0,.10);}[data-bs-theme="dark"] .product-category-card:hover {    box-shadow: 0 20px 45px rgba(0,0,0,.40);}.product-category-card::before {    content: "";    position: absolute;    top: 0;    right: 0;    width: 100%;    height: 3px;    background: linear-gradient( 90deg, transparent, var(--category-primary), transparent );    opacity: 0;    transition: .25s ease;}.product-category-card:hover {    transform: translateY(-6px);    border-color: rgba(131, 187, 50, .55);    box-shadow: 0 16px 35px rgba(0,0,0,.08);}[data-bs-theme="dark"] .product-category-card:hover {    box-shadow: 0 18px 40px rgba(0,0,0,.30);}.product-category-card:hover::before {    opacity: 1;}/*    ==================================================    Icon    ==================================================    */.product-category-icon {    width: 58px;    height: 58px;    display: flex;    align-items: center;    justify-content: center;    border-radius: 17px;    background: var(--category-primary-soft);    color: var(--category-primary);    font-size: 24px;    transition: .25s ease;}.product-category-card:hover .product-category-icon {    background: var(--category-primary);    color: #fff;    transform: rotate(-4deg) scale(1.06);}/*    ==================================================    Number    ==================================================    */.product-category-number {    color: var(--bs-secondary-color);    opacity: .22;    font-size: 13px;    font-weight: 800;}/*    ==================================================    Content    ==================================================    */.product-category-name {    color: var(--bs-heading-color);    font-size: 15px;    font-weight: 800;    margin-top: 18px;    margin-bottom: 7px;}.product-category-text {    color: var(--bs-secondary-color);    font-size: 12px;    line-height: 1.9;    margin-bottom: 22px;}/*    ==================================================    Button    ==================================================    */.product-category-action {    width: 100%;    display: flex;    align-items: center;    justify-content: space-between;    padding-top: 15px;    border-top: 1px solid var(--bs-border-color);    color: var(--bs-body-color);    background: transparent;    border-left: none;    border-right: none;    border-bottom: none;    font-size: 12px;    font-weight: 700;    cursor: pointer;    transition: .2s ease;}    .product-category-action:hover {        color: var(--category-primary);    }    .product-category-action i {        width: 30px;        height: 30px;        display: flex;        align-items: center;        justify-content: center;        border-radius: 50%;        background: var(--category-primary-soft);        color: var(--category-primary);        transition: .2s ease;    }.product-category-card:hover.product-category-action i {    background: var(--category-primary);    color: #fff;    transform: translateX(-4px);}/*    ==================================================    Stats    ==================================================    */.category-total-badge {    display: inline-flex;    align-items: center;    padding: 7px 13px;    border-radius: 50px;    background: var(--bs-tertiary-bg);    color: var(--bs-secondary-color);    font-size: 11px;    font-weight: 700;    white-space: nowrap;}    .category-total-badge strong {        color: var(--category-primary);        margin-right: 4px;        margin-left: 4px;    }/*    ==================================================    Responsive    ==================================================    */@@media (max-width: 767px) {    .products-category-hero {        padding: 22px 18px;        border-radius: 16px;    }    .products-category-hero-icon {        width: 52px;        height: 52px;        font-size: 22px;    }    .product-category-card {        padding: 18px;        border-radius: 16px;    }}.product-category-count {    display: inline-flex;    align-items: center;    gap: 5px;    padding: 7px 11px;    border-radius: 10px;    background: rgba(131, 187, 50, .10);    color: var(--category-primary);    font-size: 11px;    font-weight: 800;    white-space: nowrap;}    .product-category-count i {        font-size: 13px;    }/* ==========================================       Ultra-Modern Glassmorphic Floating Header       ========================================== */:root {    --header-primary-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);    --header-glass-bg: rgba(255, 255, 255, 0.82);    --header-glass-border: rgba(255, 255, 255, 0.6);    --header-shadow: 0 10px 30px -10px rgba(99, 102, 241, 0.12);}[data-bs-theme="dark"] {    --header-glass-bg: rgba(15, 23, 42, 0.85);    --header-glass-border: rgba(255, 255, 255, 0.08);    --header-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);}/* Fixed Sticky Container */.header-wrapper {    position: fixed;    top: 0;    left: 0;    right: 0;    z-index: 1050;    padding-top: 1rem;    padding-bottom: 0.5rem;    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);}    /* Sticky State on Scroll */    .header-wrapper.is-sticky {        padding-top: 0.4rem;        padding-bottom: 0.4rem;    }        .header-wrapper.is-sticky .custom-navbar {            background: var(--header-glass-bg);            box-shadow: 0 15px 35px -10px rgba(99, 102, 241, 0.25);            border-color: var(--header-glass-border);        }/* Custom Glass Navbar */.custom-navbar {    background: var(--header-glass-bg);    backdrop-filter: blur(20px) saturate(190%);    -webkit-backdrop-filter: blur(20px) saturate(190%);    border: 1px solid var(--header-glass-border);    box-shadow: var(--header-shadow);    transition: all 0.3s ease;    position: relative;    overflow: visible !important; /* رفع مشکل مخفی شدن زیرمنوها */}    /* Top Glowing Gradient Accent Line */    .custom-navbar::before {        content: '';        position: absolute;        top: -1px;        left: 20px;        right: 20px;        height: 3px;        background: var(--header-primary-gradient);        border-radius: 3px;        opacity: 0.9;    }/* Logo Styling */.navbar-brand-logo {    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.05));}.navbar-brand:hover .navbar-brand-logo {    transform: scale(1.08) rotate(-3deg);}/* Modern Navigation Links */.navbar-nav .nav-link {    color: var(--bs-body-color);    font-weight: 600;    font-size: 0.93rem;    padding: 0.55rem 1.1rem !important;    border-radius: 12px;    transition: all 0.25s ease;    position: relative;}    .navbar-nav .nav-link:hover,    .navbar-nav .nav-link.show {        color: #6366f1;        background: rgba(99, 102, 241, 0.08);    }/* Dropdown Menus (Fixed Visibility & Depth) */.dropdown-menu {    z-index: 1060 !important;    border: 1px solid var(--header-glass-border);    border-radius: 18px;    background: var(--header-glass-bg);    backdrop-filter: blur(24px) saturate(200%);    -webkit-backdrop-filter: blur(24px) saturate(200%);    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;    animation: dropMenuFade 0.25s cubic-bezier(0.16, 1, 0.3, 1);    margin-top: 0.75rem !important;}@keyframes dropMenuFade {    from {        opacity: 0;        transform: translateY(12px) scale(0.97);    }    to {        opacity: 1;        transform: translateY(0) scale(1);    }}.dropdown-item {    font-weight: 500;    font-size: 0.9rem;    transition: all 0.2s ease;}    .dropdown-item:hover {        background: rgba(99, 102, 241, 0.1);        color: #6366f1;        transform: translateX(-4px);    }/* Modern Action Icons & Buttons */.btn-glass-icon {    width: 42px;    height: 42px;    border-radius: 14px;    background: rgba(0, 0, 0, 0.03);    border: 1px solid var(--bs-border-color-translucent);    color: var(--bs-body-color);    display: flex;    align-items: center;    justify-content: center;    transition: all 0.25s ease;}    .btn-glass-icon:hover {        background: var(--header-primary-gradient);        color: #ffffff !important;        border-color: transparent;        transform: translateY(-2px);        box-shadow: 0 8px 20px rgba(99, 102, 241, 0.35);    }/* User Profile Pill */.user-profile-pill {    border-radius: 30px;    background: rgba(99, 102, 241, 0.06);    border: 1px solid rgba(99, 102, 241, 0.18);    transition: all 0.25s ease;}    .user-profile-pill:hover {        background: rgba(99, 102, 241, 0.12);        border-color: #6366f1;        transform: translateY(-1px);        box-shadow: 0 6px 15px rgba(99, 102, 241, 0.15);    }/* Glow Login Button */.btn-gradient-glow {    background: var(--header-primary-gradient);    color: #fff !important;    border: none;    box-shadow: 0 8px 20px rgba(99, 102, 241, 0.28);    transition: all 0.3s ease;}    .btn-gradient-glow:hover {        transform: translateY(-2px);        box-shadow: 0 12px 25px rgba(99, 102, 241, 0.45);        opacity: 0.95;    }.avatar-online-dot {    position: absolute;    bottom: 1px;    right: 1px;    width: 10px;    height: 10px;    background-color: #10b981;    border: 2px solid #ffffff;    border-radius: 50%;}/* Mobile Collapse Adjustment */@media (max-width: 991.98px) {    .navbar-collapse {        background: var(--header-glass-bg);        backdrop-filter: blur(20px);        border-radius: 16px;        padding: 1rem;        margin-top: 0.75rem;        border: 1px solid var(--header-glass-border);        box-shadow: 0 15px 30px rgba(0,0,0,0.1);    }}/*    =========================================================    ROTBINO PRODUCTS 2026    Brand:    Green : #89bc24    Blue  : #113367    =========================================================    */.rb-products-page {    --rb-green: #89bc24;    --rb-green-dark: #6f9f1b;    --rb-blue: #113367;    --rb-blue-light: #1c4d92;    --rb-green-rgb: 137, 188, 36;    --rb-blue-rgb: 17, 51, 103;    padding-bottom: 40px;}/*    =========================================================    HERO    =========================================================    */.rb-products-hero {    position: relative;    overflow: hidden;    padding: 24px 28px;    margin-bottom: 20px;    border-radius: 24px;    border: 1px solid var(--bs-border-color);    background: linear-gradient( 135deg, rgba(var(--rb-blue-rgb), .10), rgba(var(--rb-green-rgb), .12) );    box-shadow: 0 8px 30px rgba(var(--rb-blue-rgb), .05);}[data-bs-theme="dark"] .rb-products-hero {    background: linear-gradient( 135deg, rgba(var(--rb-blue-rgb), .35), rgba(var(--rb-green-rgb), .08) );}.rb-products-hero:before {    content: "";    position: absolute;    width: 230px;    height: 230px;    top: -130px;    left: -70px;    border-radius: 50%;    background: rgba(var(--rb-green-rgb), .16);}.rb-products-hero:after {    content: "";    position: absolute;    width: 180px;    height: 180px;    bottom: -120px;    right: 10%;    border-radius: 50%;    background: rgba(var(--rb-blue-rgb), .08);}.rb-products-hero-content {    position: relative;    z-index: 2;}.rb-products-icon {    width: 58px;    height: 58px;    display: flex;    align-items: center;    justify-content: center;    flex-shrink: 0;    border-radius: 18px;    color: #fff;    background: linear-gradient( 135deg, var(--rb-blue), var(--rb-blue-light) );    font-size: 23px;    box-shadow: 0 12px 25px rgba(var(--rb-blue-rgb), .22);}.rb-products-title {    color: var(--bs-heading-color);    font-size: 18px;    font-weight: 900;    margin: 0 0 4px;}.rb-products-subtitle {    color: var(--bs-secondary-color);    font-size: 11px;    margin: 0;}/*    =========================================================    CURRENT CATEGORY    =========================================================    */.rb-current-category {    display: inline-flex;    align-items: center;    gap: 8px;    padding: 8px 13px;    margin-top: 9px;    border-radius: 50px;    background: rgba(var(--rb-green-rgb), .12);    border: 1px solid rgba(var(--rb-green-rgb), .20);    color: var(--rb-green-dark);    font-size: 11px;    font-weight: 800;}[data-bs-theme="dark"] .rb-current-category {    color: var(--rb-green);}.rb-current-category i {    width: 22px;    height: 22px;    display: flex;    align-items: center;    justify-content: center;    border-radius: 50%;    background: var(--rb-green);    color: #fff;    font-size: 11px;}/*    =========================================================    SEARCH    =========================================================    */.rb-search-box {    position: relative;    min-width: 280px;}    .rb-search-box > i {        position: absolute;        right: 15px;        top: 50%;        transform: translateY(-50%);        color: var(--rb-green);        z-index: 2;        font-size: 16px;    }    .rb-search-box input {        height: 46px;        padding-right: 44px;        border-radius: 14px;        border: 1px solid var(--bs-border-color);        background: var(--bs-body-bg);        color: var(--bs-body-color);        font-size: 12px;        font-weight: 600;        transition: border-color .25s ease, box-shadow .25s ease;    }        .rb-search-box input:focus {            border-color: var(--rb-green);            box-shadow: 0 0 0 4px rgba(var(--rb-green-rgb), .10);        }/*    =========================================================    PRODUCT GRID    =========================================================    */#items {    min-height: 200px;}/*    =========================================================    PRODUCT CARD    =========================================================    */.rb-product-card {    --type-color: var(--rb-green);    --type-rgb: var(--rb-green-rgb);    position: relative;    height: 100%;    display: flex;    flex-direction: column;    overflow: hidden;    border-radius: 20px;    background: var(--bs-body-bg);    border: 1px solid var(--bs-border-color);    box-shadow: 0 5px 16px rgba(0,0,0,.055);    transition: transform .32s cubic-bezier(.2,.8,.2,1), box-shadow .32s ease, border-color .32s ease;    cursor: pointer;}    /*    کارت‌ها در حالت عادی مشخص باشند    */    .rb-product-card::before {        content: "";        position: absolute;        top: 0;        right: 0;        left: 0;        height: 5px;        z-index: 5;        background: linear-gradient( 90deg, var(--type-color), var(--rb-blue) );        opacity: .9;    }    /*    Decorative Shape    */    .rb-product-card::after {        content: "";        position: absolute;        width: 110px;        height: 110px;        top: -55px;        left: -45px;        border-radius: 50%;        background: rgba(var(--type-rgb), .06);        pointer-events: none;        transition: transform .45s ease, opacity .45s ease;    }    .rb-product-card:hover {        transform: translateY(-8px);        border-color: rgba(var(--type-rgb), .60);        box-shadow: 0 12px 25px rgba(0,0,0,.09), 0 25px 50px rgba(0,0,0,.12), 0 0 0 4px rgba(var(--type-rgb), .055);    }        .rb-product-card:hover::after {            transform: scale(1.7);            opacity: 1;        }[data-bs-theme="dark"] .rb-product-card {    background: linear-gradient( 145deg, var(--bs-body-bg), var(--bs-tertiary-bg) );    border-color: rgba(255,255,255,.10);    box-shadow: 0 7px 22px rgba(0,0,0,.25);}    [data-bs-theme="dark"] .rb-product-card:hover {        box-shadow: 0 15px 32px rgba(0,0,0,.35), 0 28px 55px rgba(0,0,0,.38), 0 0 0 4px rgba(var(--type-rgb), .08);    }/*    =========================================================    PRODUCT TYPE COLORS    =========================================================    */.rb-type-vip {    --type-color: #83bb26;    --type-rgb: 240, 180, 41;}.rb-type-counseling {    --type-color: #7c5cff;    --type-rgb: 124, 92, 255;}.rb-type-onlineclass {    --type-color: #00a8ff;    --type-rgb: 0, 168, 255;}.rb-type-inperson {    --type-color: #ff6b6b;    --type-rgb: 255, 107, 107;}.rb-type-exam {    --type-color: var(--rb-green);    --type-rgb: var(--rb-green-rgb);}.rb-type-book {    --type-color: #e67e22;    --type-rgb: 230, 126, 34;}.rb-type-boarding {    --type-color: #8e6e53;    --type-rgb: 142, 110, 83;}.rb-type-summerschool {    --type-color: #ff8a00;    --type-rgb: 255, 138, 0;}.rb-type-smspackage {    --type-color: #00b894;    --type-rgb: 0, 184, 148;}.rb-type-chooseafield {    --type-color: var(--rb-blue);    --type-rgb: var(--rb-blue-rgb);}.rb-type-conference {    --type-color: #e84393;    --type-rgb: 232, 67, 147;}/*    =========================================================    IMAGE    =========================================================    */.rb-product-image {    position: relative;    height: 145px;    margin: 10px 10px 0;    overflow: hidden;    border-radius: 14px;    background: var(--bs-tertiary-bg);}    .rb-product-image img {        width: 100%;        height: 100%;        display: block;        object-fit: cover;        transition: transform .55s cubic-bezier(.2,.8,.2,1), filter .4s ease;    }.rb-product-card:hover.rb-product-image img {    transform: scale(1.10) rotate(.5deg);    filter: saturate(1.12) contrast(1.03);}.rb-product-image-overlay {    position: absolute;    inset: 0;    background: linear-gradient( to top, rgba(0,0,0,.45), transparent 65% );    opacity: .45;    transition: .35s ease;}.rb-product-card:hover.rb-product-image-overlay {    opacity: .85;}/*    =========================================================    TYPE BADGE    =========================================================    */.rb-product-type {    position: absolute;    top: 10px;    right: 10px;    z-index: 3;    display: inline-flex;    align-items: center;    gap: 5px;    padding: 6px 10px;    border-radius: 9px;    background: rgba(255,255,255,.94);    color: var(--type-color);    font-size: 9px;    font-weight: 900;    box-shadow: 0 5px 15px rgba(0,0,0,.13);    backdrop-filter: blur(10px);}    .rb-product-type i {        font-size: 11px;    }[data-bs-theme="dark"] .rb-product-type {    background: rgba(20,25,30,.88);    border: 1px solid rgba(255,255,255,.08);}/*    =========================================================    BODY    =========================================================    */.rb-product-body {    position: relative;    z-index: 3;    flex: 1;    display: flex;    flex-direction: column;    padding: 14px 16px 16px;}/*    =========================================================    TITLE    =========================================================    */.rb-product-title {    color: var(--bs-heading-color);    font-size: 13px;    font-weight: 900;    line-height: 1.8;    height: 46px;    overflow: hidden;    margin-bottom: 7px;    transition: color .25s ease;}.rb-product-card:hover.rb-product-title {    color: var(--type-color);}/*    =========================================================    DESCRIPTION    =========================================================    */.rb-product-description {    color: var(--bs-secondary-color);    font-size: 10px;    line-height: 1.8;    height: 35px;    overflow: hidden;    margin-bottom: 10px;}/*    =========================================================    INFO ROW    =========================================================    */.rb-product-info {    display: flex;    align-items: center;    justify-content: space-between;    gap: 8px;    margin-bottom: 11px;}.rb-info-item {    flex: 1;    display: flex;    align-items: center;    gap: 5px;    min-width: 0;    padding: 7px 8px;    border-radius: 9px;    background: var(--bs-tertiary-bg);    border: 1px solid var(--bs-border-color);    color: var(--bs-secondary-color);    font-size: 9px;    white-space: nowrap;    overflow: hidden;}    .rb-info-item i {        color: var(--type-color);        font-size: 11px;        flex-shrink: 0;    }    .rb-info-item span {        overflow: hidden;        text-overflow: ellipsis;    }/*    =========================================================    FOOTER    =========================================================    */.rb-product-footer {    display: flex;    align-items: center;    justify-content: space-between;    gap: 10px;    padding-top: 11px;    border-top: 1px dashed var(--bs-border-color);}.rb-price-box {    min-width: 0;}.rb-price-label {    display: block;    color: var(--bs-secondary-color);    font-size: 9px;    margin-bottom: 2px;}.rb-price-value {    color: var(--type-color);    font-size: 14px;    font-weight: 900;    white-space: nowrap;}.rb-price-unit {    color: var(--bs-secondary-color);    font-size: 9px;}/*    =========================================================    ACTION    =========================================================    */.rb-product-action {    position: relative;    width: 42px;    height: 42px;    flex-shrink: 0;    border: none;    border-radius: 13px;    display: flex;    align-items: center;    justify-content: center;    overflow: hidden;    background: linear-gradient( 135deg, var(--type-color), var(--rb-blue) );    color: #fff;    font-size: 17px;    box-shadow: 0 7px 16px rgba(var(--type-rgb), .22);    transition: width .30s cubic-bezier(.2,.8,.2,1), transform .25s ease, box-shadow .25s ease;}    .rb-product-action span {        position: absolute;        opacity: 0;        transform: translateX(10px);        white-space: nowrap;        font-size: 10px;        font-weight: 800;        transition: opacity .20s ease, transform .25s ease;    }    .rb-product-action i {        transition: opacity .20s ease, transform .25s ease;    }/*    Hover Desktop    */@@media(min-width:768px) {    .rb-product-card:hover    .rb-product-action {        width: 125px;    }        .rb-product-card:hover        .rb-product-action span {            opacity: 1;            transform: translateX(0);        }        .rb-product-card:hover        .rb-product-action i {            opacity: 0;            transform: translateX(-10px);        }}.rb-product-action:hover {    transform: scale(1.06);    color: #fff;    box-shadow: 0 10px 23px rgba(var(--type-rgb), .35);}/*    =========================================================    LOADING SKELETON    =========================================================    */.rb-skeleton {    overflow: hidden;    border-radius: 20px;    border: 1px solid var(--bs-border-color);    background: var(--bs-body-bg);    box-shadow: 0 5px 15px rgba(0,0,0,.04);}.rb-skeleton-item {    position: relative;    overflow: hidden;    background: var(--bs-tertiary-bg);}    .rb-skeleton-item:after {        content: "";        position: absolute;        top: 0;        right: -100%;        width: 100%;        height: 100%;        background: linear-gradient( 90deg, transparent, rgba(255,255,255,.35), transparent );        animation: rbShimmer 1.3s infinite;    }[data-bs-theme="dark"].rb-skeleton-item:after {    background: linear-gradient( 90deg, transparent, rgba(255,255,255,.07), transparent );}@@keyframes rbShimmer {    0% {        right: -100%;    }    100% {        right: 100%;    }}.rb-skeleton-image {    height: 145px;    margin: 10px 10px 0;    border-radius: 14px;}.rb-skeleton-body {    padding: 15px;}.rb-skeleton-title {    height: 18px;    border-radius: 6px;    margin-bottom: 9px;}    .rb-skeleton-title.small {        width: 65%;    }.rb-skeleton-text {    height: 10px;    border-radius: 5px;    margin-bottom: 7px;}.rb-skeleton-footer {    height: 42px;    border-radius: 12px;    margin-top: 15px;}/*    =========================================================    EMPTY    =========================================================    */.rb-empty {    padding: 70px 20px;    text-align: center;    border-radius: 22px;    border: 1px dashed var(--bs-border-color);    background: linear-gradient( 135deg, rgba(var(--rb-blue-rgb), .04), rgba(var(--rb-green-rgb), .05) );}.rb-empty-icon {    width: 72px;    height: 72px;    display: flex;    align-items: center;    justify-content: center;    margin: auto auto 16px;    border-radius: 22px;    background: linear-gradient( 135deg, var(--rb-blue), var(--rb-green) );    color: #fff;    font-size: 28px;    box-shadow: 0 15px 30px rgba(var(--rb-blue-rgb), .16);}/*    =========================================================    PAGING    =========================================================    */#paging {    display: flex;    justify-content: center;    margin-top: 30px;}/*    =========================================================    MOBILE    =========================================================    */@@media(max-width:767px) {    .rb-products-hero {        padding: 20px;        border-radius: 18px;    }    .rb-products-icon {        width: 50px;        height: 50px;        border-radius: 15px;        font-size: 20px;    }    .rb-products-title {        font-size: 16px;    }    .rb-search-box {        width: 100%;        min-width: 100%;    }    .rb-product-image {        height: 165px;    }    .rb-product-card {        border-radius: 17px;    }    .rb-product-action {        width: 105px;        padding: 0 10px;    }        .rb-product-action span {            position: static;            opacity: 1;            transform: none;            font-size: 9px;        }        .rb-product-action i {            font-size: 14px;        }}/* ---- دراور: خوانایی در هر دو تم ---- */#db-wrapper .navbar-vertical .navbar-heading {    color: #94a3b8;}/* آیتم فعال که با JS کلاس bg-light می‌گیرد؛ در تم تیره زمینهٔ سفید روی متن خاکستری خوانا نبود */[data-bs-theme=dark] #sideNavbar .nav-item.bg-light {    background-color: rgba(255, 255, 255, .07) !important;}[data-bs-theme=dark] #sideNavbar .nav-item.bg-light > .nav-link,[data-bs-theme=dark] #sideNavbar .nav-item.bg-light > .nav-link .nav-icon {    color: #e2e8f0;}[data-bs-theme=light] #sideNavbar .nav-item.bg-light {    background-color: #eef4fb !important;    border-radius: .5rem;}[data-bs-theme=light] #sideNavbar .nav-item.bg-light > .nav-link,[data-bs-theme=light] #sideNavbar .nav-item.bg-light > .nav-link .nav-icon {    color: #01488b;}.navbar-vertical .eps-drawer-user {    color: var(--gk-form-label-color, #334155);    font-weight: 600;}/* موبایل: لایهٔ تیره روی صفحه وقتی دراور باز است (با کلیک بسته می‌شود) */@media (max-width: 767.98px) {    #db-wrapper.toggled #page-content::after {        content: "";        position: fixed;        inset: 0;        background: rgba(15, 23, 42, .35);        z-index: 5;    }}