.form-text,
p {
    overflow-wrap: break-word
}

.a_link,
.a_link:hover,
.dropdown-item.link_none,
.link_none:hover,
a,
a:link,
a:link button,
a:visited,
footer .nav li a:hover {
    text-decoration: none
}

.btn-outline-success,
.btn-success {
    --bs-btn-border-color: #3b82f6 !important
}

.btn-outline-success,
.btn-success,
[data-bs-theme=dark] .btn-outline-success {
    --bs-btn-active-color: #ffffff !important;
    --bs-btn-hover-color: #ffffff !important
}

.menu_right_ul li a.active,
label {
    color: var(--bs-body-color) !important
}

.btn-bd-primary[data-bs-target="#navbarSearch"]:hover,
[data-bs-theme=dark] .btn-bd-primary[data-bs-target="#navbarSearch"]:hover {
    animation: none
}

.btn-feedback-text svg,
.feedback-icon svg {
    fill: #fff
}

#wrapper,
header {
    max-width: 1350px;
    margin: 0 auto
}

#wrapper li {
    margin-top: 5px
}

p {
    white-space: normal;
    word-wrap: break-word
}

.lang_flag {
    width: 28px;
    height: 21px;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    transition: all .2s ease;
    border: 1px solid rgba(0, 0, 0, .08);
    display: inline-block;
    object-fit: cover;
    vertical-align: middle
}

.btn-bd-primary,
.dropdown-item {
    font-size: .85rem;
    transition: all .15s ease
}

.lang_flag:hover {
    transform: scale(1.08);
    box-shadow: 0 3px 8px rgba(0, 0, 0, .15)
}

.dropdown-menu {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .06);
    backdrop-filter: blur(12px);
    background: rgba(255, 255, 255, .98);
    padding: 6px;
    margin-top: 6px;
    min-width: 165px;
    transform-origin: top center
}

[data-bs-theme=dark],
[data-bs-theme=dark] body {
    background: #111827
}

[data-bs-theme=dark] {
    --dark-primary: #60a5fa;
    --dark-primary-light: #93c5fd;
    --dark-primary-dark: #3b82f6;
    --dark-secondary: #38bdf8;
    --dark-accent: #fbbf24;
    --dark-bg-primary: #111827;
    --dark-bg-secondary: #1f2937;
    --dark-bg-tertiary: #374151;
    --dark-text-primary: #f3f4f6;
    --dark-text-secondary: #d1d5db;
    --dark-text-muted: #9ca3af;
    min-height: 100vh
}

[data-bs-theme=dark] body {
    color: var(--dark-text-primary)
}

[data-bs-theme=dark] .dropdown-menu {
    background: rgba(31, 41, 55, .97);
    border: 1px solid #374151;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .4);
    backdrop-filter: blur(12px)
}

[data-bs-theme=dark] .dropdown-item {
    color: var(--dark-text-secondary);
    border: 1px solid transparent
}

[data-bs-theme=dark] .dropdown-item:focus,
[data-bs-theme=dark] .dropdown-item:hover {
    background: rgba(96, 165, 250, .08);
    border-color: rgba(96, 165, 250, .12);
    color: var(--dark-primary-light);
    box-shadow: none
}

[data-bs-theme=dark] .dropdown-item.active {
    background: rgba(96, 165, 250, .12);
    border-color: rgba(96, 165, 250, .2);
    color: var(--dark-primary-light)
}

[data-bs-theme=dark] .btn-bd-primary {
    background: rgba(31, 41, 55, .8);
    border-color: #374151;
    color: var(--dark-text-secondary);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

[data-bs-theme=dark] .btn-bd-primary:hover {
    background: rgba(96, 165, 250, .08);
    border-color: rgba(96, 165, 250, .25);
    color: var(--dark-primary-light);
    box-shadow: 0 2px 8px rgba(96, 165, 250, .1);
    transform: translateY(-1px)
}

[data-bs-theme=dark] .btn-bd-primary:focus {
    box-shadow: 0 0 0 3px rgba(96, 165, 250, .15);
    border-color: rgba(96, 165, 250, .3)
}

[data-bs-theme=dark] .btn-bd-primary:active {
    background: rgba(96, 165, 250, .12);
    transform: translateY(0)
}

[data-bs-theme=dark] .w-logo .w-logo-name {
    color: #fff !important;
    text-shadow: none
}

[data-bs-theme=dark] .w-logo .w-logo-des {
    color: #9ca3af
}

[data-bs-theme=dark] .w-logo-icon {
    filter: brightness(1.1)
}

[data-bs-theme=dark] .container {
    background: rgba(31, 41, 55, .5);
    border-radius: 12px;
    backdrop-filter: blur(8px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    border: 1px solid #374151
}

[data-bs-theme=dark] #form_tool,
[data-bs-theme=dark] .form_tool {
    background: rgba(31, 41, 55, .7) !important;
    border: 1px solid #374151 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
    backdrop-filter: blur(4px)
}

[data-bs-theme=dark] .border-bottom {
    border-color: #374151 !important
}

[data-bs-theme=dark] .menu_right_title {
    background: #1f2937 !important;
    border-color: #374151 !important;
    color: #e5e7eb
}

[data-bs-theme=dark] .menu_right_ul {
    border-color: #374151 !important;
    background: rgba(31, 41, 55, .5)
}

[data-bs-theme=dark] .form-control {
    background: #1f2937;
    border: 1px solid #374151;
    color: #e5e7eb;
    box-shadow: none
}

[data-bs-theme=dark] .form-control:focus {
    background: #1f2937;
    border-color: var(--dark-primary);
    box-shadow: 0 0 0 3px rgba(96, 165, 250, .12);
    color: #fff
}

[data-bs-theme=dark] .form-control:disabled,
[data-bs-theme=dark] .form-control[readonly] {
    background: #111827;
    border-color: #374151
}

[data-bs-theme=dark] .btn-success {
    background: var(--dark-primary);
    border: 1px solid var(--dark-primary);
    color: #fff;
    box-shadow: 0 2px 8px rgba(96, 165, 250, .2)
}

[data-bs-theme=dark] .btn-success:hover {
    background: var(--dark-primary-dark);
    border-color: var(--dark-primary-dark);
    box-shadow: 0 4px 12px rgba(96, 165, 250, .25);
    transform: translateY(-1px)
}

.dropdown-item:hover .lang_flag,
.w-logo:hover .w-logo-icon {
    transform: scale(1.05)
}

[data-bs-theme=dark] .btn-outline-primary-emphasis {
    color: var(--dark-primary-light);
    border-color: rgba(96, 165, 250, .3)
}

[data-bs-theme=dark] .btn-outline-primary-emphasis:hover {
    background: rgba(96, 165, 250, .1);
    border-color: rgba(96, 165, 250, .5);
    color: var(--dark-primary-light);
    box-shadow: 0 2px 8px rgba(96, 165, 250, .1)
}

.btn-outline-success:hover,
.btn-outline-success:hover *,
.btn-outline-success:hover img,
[data-bs-theme=dark] .btn-outline-success:hover,
[data-bs-theme=dark] .btn-outline-success:hover * {
    color: #fff !important
}

.btn img {
    width: 16px;
    height: 16px
}

[data-bs-theme=dark] .btn-outline-success {
    --bs-btn-color: var(--dark-primary-light) !important;
    --bs-btn-border-color: var(--dark-primary-light) !important;
    --bs-btn-hover-bg: var(--dark-primary) !important;
    --bs-btn-hover-border-color: var(--dark-primary) !important;
    --bs-btn-active-bg: var(--dark-primary-dark) !important;
    --bs-btn-active-border-color: var(--dark-primary-dark) !important
}

[data-bs-theme=dark] .btn-outline-success:hover {
    box-shadow: 0 2px 8px rgba(96, 165, 250, .2)
}

[data-bs-theme=dark] .btn-outline-success:hover .filter-svg {
    filter: brightness(0) invert(1) !important
}

[data-bs-theme=dark] .btn-check:checked+.btn-outline-success {
    background-color: var(--dark-primary) !important;
    border-color: var(--dark-primary) !important;
    color: #fff !important
}

[data-bs-theme=dark] .btn-check:focus+.btn-outline-success {
    box-shadow: 0 0 0 .25rem rgba(96, 165, 250, .25) !important
}

[data-bs-theme=dark] .table {
    color: #e5e7eb
}

[data-bs-theme=dark] .table th {
    border-color: #374151;
    background: #1f2937;
    color: #f3f4f6
}

[data-bs-theme=dark] .table td {
    border-color: #374151
}

[data-bs-theme=dark] .table-striped tbody tr:nth-of-type(odd) {
    background: rgba(255, 255, 255, .02)
}

[data-bs-theme=dark] a {
    color: var(--dark-primary)
}

[data-bs-theme=dark] a:hover {
    color: var(--dark-primary-light)
}

[data-bs-theme=dark] .text-body-secondary {
    color: var(--dark-text-muted) !important
}

[data-bs-theme=dark] .shadow {
    box-shadow: 0 4px 16px rgba(0, 0, 0, .3) !important
}

[data-bs-theme=dark] .lang_flag {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    border: 1px solid rgba(255, 255, 255, .08)
}

[data-bs-theme=dark] .lang_flag:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .4);
    border-color: rgba(96, 165, 250, .3)
}

[data-bs-theme=dark] .container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(96, 165, 250, .2), transparent);
    z-index: 1
}

[data-bs-theme=dark] .navbar-search .form-control {
    background: #1f2937;
    border: 1px solid #374151;
    color: var(--dark-text-secondary)
}

[data-bs-theme=dark] .breadcrumb-item.active,
[data-bs-theme=dark] .math,
[data-bs-theme=dark] .math-sm {
    color: #e5e7eb
}

[data-bs-theme=dark] .navbar-search .form-control:focus {
    border-color: var(--dark-primary);
    box-shadow: 0 0 0 3px rgba(96, 165, 250, .1);
    background: #111827
}

[data-bs-theme=dark] .nav-breadcrumb {
    border-color: #374151
}

[data-bs-theme=dark] .breadcrumb-item a {
    color: var(--dark-secondary)
}

[data-bs-theme=dark] footer {
    background: #111827;
    border-top: 1px solid #1f2937;
    backdrop-filter: none
}

[data-bs-theme=dark] footer .nav-link {
    color: #9ca3af;
    transition: color .2s
}

[data-bs-theme=dark] footer .nav-link:hover {
    color: var(--dark-primary)
}

[data-bs-theme=dark] #Wradical,
[data-bs-theme=dark] #Wradical2 {
    color: #9ca3af
}

[data-bs-theme=dark] #Wnum,
[data-bs-theme=dark] #Wnum2 {
    border-color: #9ca3af
}

[data-bs-theme=dark] .fraction span.fdn {
    border-color: #e5e7eb
}

[data-bs-theme=dark] ::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

[data-bs-theme=dark] ::-webkit-scrollbar-track {
    background: #111827;
    border-radius: 4px
}

[data-bs-theme=dark] ::-webkit-scrollbar-thumb {
    background: #374151;
    border-radius: 4px
}

[data-bs-theme=dark] ::-webkit-scrollbar-thumb:hover {
    background: #4b5563
}

.dropdown-item {
    border-radius: 8px;
    margin: 2px 0;
    padding: 8px 12px;
    border: 1px solid transparent
}

.dropdown-item:focus,
.dropdown-item:hover {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #1e3a5f;
    transform: translateX(2px)
}

.dropdown-item:active {
    background: #e5e7eb;
    transform: translateX(1px)
}

.dropdown-item.active {
    background: rgba(59, 130, 246, .08);
    border-color: rgba(59, 130, 246, .15);
    color: #2563eb;
    font-weight: 500
}

.dropdown-item .lang_flag {
    margin-right: 10px;
    vertical-align: middle;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .08);
    transition: transform .15s
}

.dropdown-item .fsvg {
    margin-right: 10px;
    opacity: .7;
    transition: opacity .15s
}

.dropdown-item:hover .fsvg {
    opacity: 1
}

.dropdown-item.active .fsvg {
    opacity: 1;
    filter: brightness(0) saturate(100%) invert(37%) sepia(74%) saturate(1900%) hue-rotate(212deg) brightness(100%) contrast(96%)
}

.dropdown-divider {
    margin: 6px 0;
    border-color: #e5e7eb
}

.dropdown-item .bi {
    color: #3b82f6;
    opacity: 0;
    transition: opacity .15s
}

.a_link,
.a_link:hover,
footer .nav li a:hover,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1e3a5f !important
}

.dropdown-item.active .bi,
.dropdown-item[aria-pressed=true] .bi {
    opacity: 1
}

.btn-bd-primary {
    border-radius: 8px;
    padding: 4px 8px;
    border: 1px solid #e5e7eb;
    background: #fff;
    font-weight: 400;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap
}

.btn-bd-primary:hover {
    background: #f9fafb;
    border-color: #d1d5db;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06)
}

.btn-bd-primary:focus {
    box-shadow: 0 0 0 2px rgba(59, 130, 246, .12);
    outline: 0
}

.btn-bd-primary:active {
    background: #f3f4f6;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .04)
}

nav.d-inline-flex {
    gap: 6px
}

.btn-bd-primary .fsvg {
    margin-bottom: 0 !important;
    vertical-align: middle;
    width: 16px !important;
    height: 16px !important
}

.btn-bd-primary .lang_flag {
    margin-right: 8px;
    vertical-align: middle;
    flex-shrink: 0;
    width: 20px !important;
    height: 15px !important
}

.btn-bd-primary.dropdown-toggle::after {
    margin-left: 6px;
    vertical-align: middle
}

footer .lang_flag {
    margin-right: 4px;
    vertical-align: middle
}

footer .nav li a {
    display: flex;
    align-items: center;
    transition: color .2s
}

.footer-heart {
    width: 24px;
    height: 24px;
    vertical-align: middle;
    filter: invert(31%) sepia(98%) saturate(1234%) hue-rotate(330deg) brightness(91%) contrast(89%)
}

.filter-svg,
.tool-count-icon img {
    filter: brightness(0) saturate(100%) invert(37%) sepia(74%) saturate(1900%) hue-rotate(212deg) brightness(100%) contrast(96%)
}

@media (max-width:767px) {

    .btn-bd-primary,
    .btn-bd-primary .btn-text {
        font-size: .75rem
    }

    .lang_flag {
        width: 18px;
        height: 14px
    }

    .btn-bd-primary .lang_flag {
        margin-right: 3px;
        width: 18px !important;
        height: 14px !important
    }

    .dropdown-item .lang_flag {
        margin-right: 6px
    }

    .btn-bd-primary {
        padding: 3px 6px;
        min-height: 26px
    }

    .btn-bd-primary .fsvg {
        width: 14px !important;
        height: 14px !important;
        margin-right: 4px !important
    }

    nav.d-inline-flex {
        gap: 4px
    }
}

@media (max-width:576px) {

    .btn-bd-primary,
    .btn-bd-primary .btn-text {
        font-size: .7rem
    }

    .btn-bd-primary .fsvg,
    .btn-bd-primary .lang_flag {
        height: 12px !important;
        margin-right: 3px !important
    }

    .btn-bd-primary {
        padding: 3px 5px;
        min-height: 28px
    }

    .btn-bd-primary .fsvg {
        width: 12px !important
    }

    .btn-bd-primary .lang_flag {
        width: 16px !important
    }

    nav.d-inline-flex {
        gap: 3px
    }

    .dropdown-menu {
        min-width: 140px;
        padding: 4px;
        margin-top: 2px
    }

    .dropdown-item {
        padding: 6px 8px;
        font-size: .8rem
    }

    .dropdown-item .fsvg,
    .dropdown-item .lang_flag {
        margin-right: 6px
    }
}

a,
a:link,
a:visited {
    color: #2563eb
}

[data-bs-theme=dark] .menu_right_ul li a.active,
[data-bs-theme=dark] .menu_right_ul li span.active,
[data-bs-theme=dark] h1,
[data-bs-theme=dark] h2,
[data-bs-theme=dark] h3,
[data-bs-theme=dark] h4,
[data-bs-theme=dark] h5,
[data-bs-theme=dark] h6 {
    color: var(--dark-text-primary) !important
}

a:link button {
    color: var(--bs-white)
}

a:active,
a:hover {
    text-decoration: underline
}

.e-mail:before {
    content: attr(data-website) "\0040" attr(data-user);
    unicode-bidi: bidi-override;
    direction: rtl
}

.w-60 {
    width: 60% !important
}

.btn-group-xs>.btn,
.btn-xs {
    --bs-btn-padding-y: 0.2rem;
    --bs-btn-padding-x: 0.4rem;
    --bs-btn-font-size: 0.700rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.btnShare:hover {
    background: var(--bs-secondary-bg-subtle) !important
}

#form_tool,
.form_tool {
    padding: 14px;
    background: #f9fafb !important;
    border-radius: 10px;
    border: 1px solid #e5e7eb !important;
    max-width: 966px
}

.ft-500 {
    max-width: 500px !important
}

h1 {
    font-size: 2rem
}

h2 {
    font-size: 1.75rem
}

h3 {
    font-size: 1.5rem
}

h4 {
    font-size: 1.25rem
}

h5 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

.form-check-input:checked {
    background-color: #3b82f6 !important;
    border-color: #3b82f6 !important
}

.calc_type1 input[type=text],
.calc_type1 select {
    width: 150px;
    display: inline-block
}

@media (max-width:1199px) {

    .calc_type1 input[type=text],
    .calc_type1 select {
        width: 120px
    }
}

.badge {
    white-space: normal !important
}

.btn-success {
    --bs-btn-bg: #3b82f6 !important;
    --bs-btn-color: #ffffff !important;
    --bs-btn-hover-bg: #2563eb !important;
    --bs-btn-hover-border-color: #2563eb !important;
    --bs-btn-active-bg: #1d4ed8 !important;
    --bs-btn-active-border-color: #1d4ed8 !important
}

.btn-outline-success {
    --bs-btn-color: #3b82f6 !important;
    --bs-btn-hover-bg: #3b82f6 !important;
    --bs-btn-hover-border-color: #3b82f6 !important;
    --bs-btn-active-bg: #2563eb !important;
    --bs-btn-active-border-color: #2563eb !important
}

.btn-outline-success:hover .filter-svg {
    filter: brightness(0) invert(1) !important
}

[data-bs-theme=dark] .btn-bd-primary .filter-svg,
[data-bs-theme=dark] .dropdown-item .filter-svg,
[data-bs-theme=dark] .filter-svg {
    filter: brightness(0) saturate(100%) invert(75%) sepia(20%) saturate(400%) hue-rotate(190deg) brightness(95%) contrast(90%)
}

.btn-check:checked+.btn-outline-success {
    background-color: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: #fff !important
}

.btn-check:focus+.btn-outline-success {
    box-shadow: 0 0 0 .25rem rgba(59, 130, 246, .25) !important
}

.progress-bar,
.progress-bar.bg-success {
    background-color: #3b82f6 !important
}

.progress-bar-striped,
.progress-bar.bg-success.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) !important;
    background-size: 1rem 1rem !important
}

.fsvg {
    margin-bottom: .18rem !important
}

.filter-white {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)
}

.filter-primary {
    filter: brightness(0) saturate(100%) invert(37%) sepia(74%) saturate(1900%) hue-rotate(212deg) brightness(100%) contrast(96%)
}

.filter-info {
    filter: brightness(0) saturate(100%) invert(19%) sepia(95%) saturate(942%) hue-rotate(156deg) brightness(96%) contrast(96%)
}

.filter-danger {
    filter: brightness(0) saturate(100%) invert(34%) sepia(21%) saturate(5454%) hue-rotate(329deg) brightness(87%) contrast(99%)
}

[data-bs-theme=dark] .filter-svg {
    transition: filter .2s
}

[data-bs-theme=dark] .btn-bd-primary:hover .filter-svg,
[data-bs-theme=dark] .dropdown-item.active .filter-svg,
[data-bs-theme=dark] .dropdown-item:hover .filter-svg,
[data-bs-theme=dark] .filter-primary,
[data-bs-theme=dark] .mini-tool-btn:hover .mini-tool-icon {
    filter: brightness(0) saturate(100%) invert(62%) sepia(60%) saturate(1500%) hue-rotate(199deg) brightness(102%) contrast(96%)
}

[data-bs-theme=dark] .dropdown-item .filter-svg {
    transition: filter .15s
}

[data-bs-theme=dark] .filter-info {
    filter: brightness(0) saturate(100%) invert(62%) sepia(98%) saturate(1151%) hue-rotate(152deg) brightness(97%) contrast(96%)
}

[data-bs-theme=dark] .filter-danger {
    filter: brightness(0) saturate(100%) invert(55%) sepia(92%) saturate(4566%) hue-rotate(7deg) brightness(103%) contrast(101%)
}

[data-bs-theme=dark] .filter-white,
[data-bs-theme=dark] .mini-tool-icon,
[data-bs-theme=dark] .tool-count-icon img {
    filter: brightness(0) saturate(100%) invert(75%) sepia(20%) saturate(400%) hue-rotate(190deg) brightness(95%) contrast(90%)
}

.w-logo-icon {
    transition: transform .2s
}

.w-logo-text {
    display: flex;
    flex-direction: column;
    line-height: 1
}

.w-logo .w-logo-name {
    font-family: Impact, sans-serif;
    font-weight: 400;
    font-size: 34px;
    line-height: 1.1;
    letter-spacing: 2px;
    color: #1e3a5f
}

.tool-count-label,
.w-logo .w-logo-des {
    font-weight: 600;
    text-transform: uppercase
}

.w-logo .w-logo-des {
    font-size: 10px;
    letter-spacing: 3px;
    color: #6b7280;
    margin-bottom: 0;
    margin-top: 3px
}

@media (max-width:767px) {
    h1 {
        font-size: 1.75rem
    }

    h2 {
        font-size: 1.5rem
    }

    h3 {
        font-size: 1.375rem
    }

    h4 {
        font-size: 1.125rem
    }

    h5 {
        font-size: 1rem
    }

    h6 {
        font-size: .9375rem
    }

    .w-logo {
        margin-bottom: 10px;
        width: 100%
    }

    .w-logo a {
        justify-content: center
    }

    .w-logo-icon {
        width: 56px;
        height: 56px
    }

    .w-logo .w-logo-name {
        font-size: 28px
    }

    .w-logo .w-logo-des {
        font-size: 9px;
        letter-spacing: 2.5px
    }
}

.menu_right_title {
    text-transform: uppercase;
    background: #f3f4f6 !important;
    margin-bottom: 0 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px 8px 0 0;
    color: #1e3a5f
}

.menu_right_ul {
    border: 1px solid #e5e7eb !important;
    border-radius: 0 0 8px 8px
}

.menu_right_ul li a.active {
    font-weight: 700;
    cursor: default;
    pointer-events: none
}

.menu_right_ul li span.active {
    font-weight: 700;
    color: var(--bs-body-color)
}

.menu_right_ul li.show-more-item {
    list-style: none;
    margin-left: -20px
}

.tool-count-highlight {
    background: #f9fafb;
    border-radius: 10px;
    padding: 18px 16px;
    text-align: center;
    border: 1px solid #e5e7eb;
    transition: all .2s;
    cursor: pointer
}

.tool-count-highlight:hover {
    border-color: #3b82f6;
    box-shadow: 0 2px 8px rgba(59, 130, 246, .08)
}

.tool-count-icon {
    margin-bottom: 10px
}

.tool-count-icon img {
    width: 32px !important;
    height: 32px !important
}

.tool-count-content {
    color: var(--bs-body-color)
}

.tool-count-label {
    font-size: .75rem;
    letter-spacing: .5px;
    color: var(--bs-secondary-color);
    margin-bottom: 6px
}

.tool-count-number {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 4px;
    color: #3b82f6;
    font-family: system-ui, -apple-system, sans-serif
}

.tool-count-sublabel {
    font-size: .85rem;
    font-weight: 500;
    color: var(--bs-secondary-color);
    text-transform: uppercase;
    letter-spacing: .3px
}

[data-bs-theme=dark] .tool-count-highlight {
    background: #1f2937;
    border-color: #374151
}

[data-bs-theme=dark] .tool-count-highlight:hover {
    border-color: var(--dark-primary);
    box-shadow: 0 2px 8px rgba(96, 165, 250, .08)
}

[data-bs-theme=dark] .tool-count-label {
    color: var(--dark-text-muted)
}

[data-bs-theme=dark] .tool-count-number {
    color: var(--dark-primary)
}

[data-bs-theme=dark] .tool-count-sublabel {
    color: var(--dark-text-muted)
}

@media (max-width:767px) {
    .tool-count-highlight {
        margin-bottom: 20px;
        padding: 16px 14px
    }

    .tool-count-number {
        font-size: 2.2rem
    }

    .tool-count-icon img {
        width: 28px !important;
        height: 28px !important
    }
}

.math,
.math-sm {
    padding-left: 6px;
    font-family: times new roman;
    font-weight: 400
}

.btn-outline-danger img.fsvg {
    filter: brightness(0) saturate(100%) invert(27%) sepia(93%) saturate(7471%) hue-rotate(3deg) brightness(93%) contrast(115%)
}

.btn-outline-success img.fsvg {
    filter: brightness(0) saturate(100%) invert(37%) sepia(74%) saturate(1900%) hue-rotate(212deg) brightness(100%) contrast(96%)
}

.btn-outline-primary img.fsvg {
    filter: brightness(0) saturate(100%) invert(37%) sepia(74%) saturate(1900%) hue-rotate(212deg) brightness(100%) contrast(96%)
}

.btn-primary img.fsvg,
.btn-secondary img.fsvg,
.btn-success img.fsvg {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%)
}

.btn-outline-primary:hover img.fsvg,
.btn-outline-success:hover img.fsvg {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(105%) contrast(105%)
}

.btn-outline-danger:hover img.fsvg {
    filter: brightness(0) saturate(100%) invert(22%) sepia(92%) saturate(5030%) hue-rotate(354deg) brightness(105%) contrast(108%)
}

#feedback_form textarea {
    max-width: 500px;
    width: 100%;
    font-size: 15px;
    border: 1px solid #e5e7eb !important
}

.table-right tr td {
    text-align: right
}

.table-right th {
    border-right: 1px solid var(--bs-tertiary-bg) !important
}

.bi {
    vertical-align: -.125em;
    fill: currentColor
}

#Wradical,
#Wradical2 {
    font-size: 3em;
    padding-top: 0;
    margin-right: -5px;
    color: #6b7280
}

#Wnum,
#Wnum2 {
    border-top: 2px solid #6b7280;
    padding-top: 5px;
    margin-top: 20px;
    width: calc(100% - 40px)
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e5e7eb;
    color: #374151 !important;
    opacity: 1
}

[data-bs-theme=dark] .form-control:disabled,
[data-bs-theme=dark] .form-control[readonly] {
    background-color: #111827;
    color: #d1d5db !important;
    opacity: 1
}

[data-bs-theme=dark] .input-group-text {
    background-color: #1f2937;
    border-color: #374151;
    color: #e5e7eb
}

.td11,
.td14 {
    display: none
}

.td12,
.td31,
.td34 {
    padding-bottom: 3px
}

.td21,
.td22,
.td41,
.td42 {
    border-top: var(--bs-secondary) 2px solid;
    padding-top: 3px
}

.math {
    font-size: 1.5em
}

.math-sm {
    font-size: 1.2em
}

mjx-container.MathJax {
    pointer-events: none
}

.math-mini {
    font-family: times new roman;
    font-style: italic;
    font-weight: 700
}

.btn-outline-primary-emphasis {
    --bs-btn-color: #1e3a5f !important;
    --bs-btn-border-color: #1e3a5f !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1e3a5f !important;
    --bs-btn-hover-border-color: #1e3a5f !important;
    --bs-btn-focus-shadow-rgb: 59, 130, 246;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1e3a5f !important;
    --bs-btn-active-border-color: #1e3a5f !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #1e3a5f !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1e3a5f !important;
    --bs-btn-gradient: none
}

.btn-outline-primary,
.btn-primary {
    --bs-btn-border-color: #3b82f6 !important;
    --bs-btn-disabled-border-color: #3b82f6 !important
}

.fraction {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    letter-spacing: .001em;
    text-align: center
}

.fraction>span {
    display: block;
    padding: .1em
}

.fraction span.fdn {
    border-top: 2px solid #374151
}

.cursorPointer {
    cursor: pointer !important
}

.minitools {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 2px 0 0
}

.mini-tool-btn {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    font-size: 13px;
    color: #4b5563;
    text-decoration: none !important;
    transition: all .15s;
    background-color: transparent;
    border: none;
    cursor: pointer;
    user-select: none;
    position: relative
}

.mini-tool-btn:hover {
    color: #2563eb;
    text-decoration: none !important
}

.custom-hidden-input-file:hover,
.telegram-banner .telegram-username:hover {
    text-decoration: underline
}

.mini-tool-btn:active {
    color: #4b5563
}

.mini-tool-btn:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background-color: #e5e7eb
}

.mini-tool-icon {
    width: 14px;
    height: 14px;
    margin-right: 6px;
    opacity: .6;
    transition: opacity .2s
}

.mini-tool-btn:hover .mini-tool-icon {
    opacity: 1
}

.alert .btn-close:hover,
.alert img,
.alert svg,
.search-input-wrapper.focused .search-input-icon {
    opacity: .8
}

[data-bs-theme=dark] .mini-tool-btn {
    background-color: transparent;
    border: none;
    color: #d1d5db
}

[data-bs-theme=dark] .mini-tool-btn:hover {
    color: var(--dark-primary)
}

[data-bs-theme=dark] .mini-tool-btn:active {
    color: #d1d5db
}

[data-bs-theme=dark] .mini-tool-btn:not(:last-child)::after {
    background-color: #374151
}

@media (max-width:576px) {
    .minitools {
        gap: 4px
    }

    .mini-tool-btn {
        padding: 4px 8px;
        font-size: 12px
    }

    .mini-tool-icon {
        width: 12px;
        height: 12px;
        margin-right: 4px
    }
}

.mini-action {
    border-right: 1px solid #9ca3af;
    padding-right: 5px;
    margin-right: 3px
}

.hidden-input-file {
    display: none
}

.custom-hidden-input-file {
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
    color: #2563eb !important
}

.nav-breadcrumb {
    --bs-breadcrumb-divider: '›';
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 10px
}

.nav-breadcrumb>ol {
    margin-bottom: 2px
}

.telegram-banner {
    font-size: 13px;
    color: #6b7280;
    margin-top: -22px
}

.telegram-banner .telegram-icon {
    vertical-align: middle;
    margin-right: 4px;
    filter: invert(38%) sepia(82%) saturate(1698%) hue-rotate(172deg) brightness(92%) contrast(101%)
}

.telegram-banner>span {
    margin-right: 4px
}

.telegram-banner .telegram-username {
    color: #2563eb;
    font-weight: 500;
    text-decoration: none
}

[data-bs-theme=dark] .telegram-banner {
    color: #9ca3af
}

[data-bs-theme=dark] .telegram-banner .telegram-icon {
    filter: invert(68%) sepia(51%) saturate(531%) hue-rotate(163deg) brightness(96%) contrast(91%)
}

[data-bs-theme=dark] .telegram-banner .telegram-username {
    color: var(--dark-primary)
}

@media screen and (max-width:576px) {
    .telegram-banner {
        font-size: 12px;
        margin-top: -18px
    }
}

@media screen and (max-width:767px) {
    .lead {
        font-size: 1.01rem;
        font-weight: 300
    }
}

.category-list,
.tool-list {
    list-style-type: disc;
    padding-left: 20px;
    font-size: 16px;
    line-height: 1.8
}

.category-list li,
.tool-list li {
    margin-bottom: 8px
}

.category-list a,
.tool-list a {
    color: #2563eb;
    text-decoration: none;
    font-weight: 400
}

.category-list a:hover,
.tool-list a:hover {
    text-decoration: underline;
    color: #3b82f6
}

.category-list ul {
    list-style-type: circle;
    margin-top: 8px;
    margin-bottom: 12px;
    padding-left: 20px
}

.category-list ul li {
    margin-bottom: 4px;
    font-size: 15px
}

.fs-3 {
    font-weight: 500;
    margin-bottom: 25px;
    color: #1e3a5f !important
}

.admin-section-wrapper {
    margin-bottom: 20px;
    background: 0 0;
    border: none
}

.btn-admin-toggle {
    width: auto;
    background: #3b82f6;
    color: #fff;
    border: none;
    padding: .35rem .85rem;
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer;
    display: inline-block;
    border-radius: 8px;
    transition: all .2s;
    box-shadow: 0 1px 3px rgba(59, 130, 246, .2)
}

.btn-admin-toggle:hover {
    background: #2563eb;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(59, 130, 246, .25)
}

.btn-admin-toggle .admin-toggle-arrow {
    font-size: .7rem;
    transition: transform .3s;
    display: inline-block;
    margin-left: .25rem
}

.btn-admin-toggle.active .admin-toggle-arrow {
    transform: rotate(180deg)
}

.admin-form-container {
    background: #fff;
    padding: 25px;
    border-top: 2px solid #e5e7eb;
    animation: .3s slideDown
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.admin-form {
    max-width: 100%
}

.admin-group {
    height: 100%
}

.admin-group-title {
    font-size: 16px;
    font-weight: 600;
    color: #3b82f6;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #f3f4f6;
    text-transform: uppercase;
    letter-spacing: .5px
}

.admin-form .form-label {
    font-size: 13px;
    font-weight: 600;
    color: #4b5563;
    margin-bottom: 5px;
    text-transform: capitalize
}

.admin-form .form-control {
    font-size: 14px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
    transition: all .2s
}

.admin-form .form-control:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .1)
}

.admin-form textarea.form-control {
    resize: vertical
}

.admin-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 2px solid #f3f4f6
}

.admin-actions .btn {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    transition: all .2s
}

.admin-actions .btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}

.admin-message {
    padding: 12px 15px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    animation: .3s slideIn
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.admin-message-error,
.admin-message-info,
.admin-message-success {
    background: #f9fafb;
    color: var(--bs-body-color);
    border: 1px solid #e5e7eb;
    border-left: 3px solid #3b82f6
}

[data-bs-theme=dark] .admin-section-wrapper {
    background: 0 0;
    border: none
}

[data-bs-theme=dark] .admin-form-container {
    background: #1f2937;
    border-top-color: #374151
}

[data-bs-theme=dark] .admin-group-title {
    color: var(--dark-primary);
    border-bottom-color: #374151
}

[data-bs-theme=dark] .admin-form .form-label {
    color: #e5e7eb
}

[data-bs-theme=dark] .admin-form .form-control {
    background: #111827;
    border-color: #374151;
    color: #e5e7eb
}

[data-bs-theme=dark] .admin-form .form-control:focus {
    background: #111827;
    border-color: var(--dark-primary);
    box-shadow: 0 0 0 3px rgba(96, 165, 250, .12)
}

[data-bs-theme=dark] .admin-message-error,
[data-bs-theme=dark] .admin-message-info,
[data-bs-theme=dark] .admin-message-success {
    background: #1f2937;
    color: var(--dark-text-primary);
    border: 1px solid #374151;
    border-left: 3px solid var(--dark-primary)
}

[data-bs-theme=dark] .admin-actions {
    border-top-color: #374151
}

@media (max-width:768px) {
    .admin-form-container {
        padding: 15px
    }

    .admin-actions {
        flex-direction: column
    }

    .admin-actions .btn {
        width: 100%
    }
}

.alert {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-left: 3px solid #3b82f6 !important;
    border-radius: 8px;
    color: var(--bs-body-color) !important;
    padding: 16px 20px;
    box-shadow: none
}

.alert-danger,
.alert-dark,
.alert-info,
.alert-light,
.alert-primary,
.alert-secondary,
.alert-success,
.alert-warning {
    --bs-alert-color: var(--bs-body-color) !important;
    --bs-alert-bg: #f9fafb !important;
    --bs-alert-border-color: #e5e7eb !important;
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    border-left: 3px solid #3b82f6 !important;
    color: var(--bs-body-color) !important
}

.accordion-item,
.home-feature-box {
    background: #fff
}

.alert .alert-heading {
    color: #1e3a5f !important;
    font-weight: 600;
    margin-bottom: 8px
}

.alert .alert-link,
.alert a {
    color: #2563eb !important;
    font-weight: 500;
    text-decoration: underline
}

.alert .alert-link:hover,
.alert a:hover {
    color: #3b82f6 !important
}

.alert .btn-close {
    opacity: .5;
    filter: none
}

[data-bs-theme=dark] .alert {
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-left: 3px solid var(--dark-primary) !important;
    color: var(--dark-text-primary) !important;
    box-shadow: none
}

[data-bs-theme=dark] .alert-danger,
[data-bs-theme=dark] .alert-dark,
[data-bs-theme=dark] .alert-info,
[data-bs-theme=dark] .alert-light,
[data-bs-theme=dark] .alert-primary,
[data-bs-theme=dark] .alert-secondary,
[data-bs-theme=dark] .alert-success,
[data-bs-theme=dark] .alert-warning {
    --bs-alert-color: var(--dark-text-primary) !important;
    --bs-alert-bg: #1f2937 !important;
    --bs-alert-border-color: #374151 !important;
    background: #1f2937 !important;
    border: 1px solid #374151 !important;
    border-left: 3px solid var(--dark-primary) !important;
    color: var(--dark-text-primary) !important
}

[data-bs-theme=dark] .alert .alert-heading,
[data-bs-theme=dark] .alert .alert-link,
[data-bs-theme=dark] .alert a {
    color: var(--dark-primary) !important
}

[data-bs-theme=dark] .alert .alert-link:hover,
[data-bs-theme=dark] .alert a:hover {
    color: var(--dark-primary-light) !important
}

[data-bs-theme=dark] .alert .btn-close {
    filter: brightness(0) invert(1)
}

.btn-outline-primary:hover .filter-svg,
[data-bs-theme=dark] .btn-outline-primary:hover .filter-svg {
    filter: brightness(0) invert(1) !important
}

@media (max-width:767px) {
    .alert {
        padding: 12px 16px;
        font-size: 14px
    }

    .alert .alert-heading {
        font-size: 16px
    }
}

.home-feature-box {
    padding: 18px;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    transition: all .2s
}

.home-feature-box:hover {
    border-color: #d1d5db;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
    transform: translateY(-1px)
}

.accordion {
    --bs-accordion-border-radius: 10px;
    --bs-accordion-inner-border-radius: 9px
}

.accordion-item {
    border: 1px solid #e5e7eb;
    margin-bottom: 10px;
    border-radius: 10px !important;
    overflow: hidden
}

.accordion-button {
    padding: 14px 18px;
    font-size: 15px;
    font-weight: 500;
    color: var(--bs-body-color);
    background: 0 0;
    border: none
}

.nav-link.active,
.search-result-name,
[data-bs-theme=dark] .nav-link.active {
    font-weight: 600
}

.accordion-button:not(.collapsed) {
    background: rgba(59, 130, 246, .04);
    color: #1e3a5f;
    box-shadow: none
}

.accordion-button:focus {
    box-shadow: none;
    border-color: #d1d5db
}

.accordion-button::after {
    background-size: 1rem;
    width: 1rem;
    height: 1rem
}

.accordion-body {
    padding: 14px 18px;
    font-size: 14px;
    line-height: 1.6;
    color: var(--bs-secondary-color);
    background: #fff
}

[data-bs-theme=dark] .home-feature-box {
    background: #1f2937;
    border-color: #374151
}

[data-bs-theme=dark] .home-feature-box:hover {
    border-color: #4b5563;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2)
}

[data-bs-theme=dark] .accordion-item {
    background: #1f2937;
    border-color: #374151
}

[data-bs-theme=dark] .accordion-button {
    color: var(--dark-text-primary);
    background: 0 0
}

[data-bs-theme=dark] .accordion-button:not(.collapsed) {
    background: rgba(96, 165, 250, .06);
    color: var(--dark-primary)
}

[data-bs-theme=dark] .accordion-body {
    background: #111827;
    color: var(--dark-text-secondary)
}

@media (max-width:767px) {
    .home-feature-box {
        padding: 14px
    }

    .accordion-button {
        padding: 12px 14px;
        font-size: 14px
    }

    .accordion-body {
        padding: 12px 14px;
        font-size: 13px
    }
}

.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 1040;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s;
    backdrop-filter: blur(4px)
}

.search-clear-btn,
.search-input-icon {
    top: 50%;
    transform: translateY(-50%);
    opacity: .5
}

.search-overlay.active {
    opacity: 1;
    visibility: visible
}

#navbarSearch {
    position: relative;
    margin-bottom: .5rem
}

.search-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    transition: all .3s
}

.search-input-wrapper.focused {
    position: relative;
    z-index: 1050
}

.search-input-icon {
    position: absolute;
    left: 16px;
    pointer-events: none;
    z-index: 1052;
    transition: all .3s
}

.search-input-field {
    border-radius: 10px;
    border: 2px solid #d1d5db;
    padding: 12px 48px !important;
    font-size: 15px;
    transition: all .2s;
    width: 100%;
    background: #fff;
    color: #111827;
    position: relative;
    z-index: 1051
}

.search-input-field::placeholder {
    color: #9ca3af
}

.search-input-field:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .1), 0 2px 8px rgba(59, 130, 246, .08);
    outline: 0;
    background: #fff
}

.search-clear-btn {
    position: absolute;
    right: 14px;
    background: 0 0;
    border: none;
    padding: 6px;
    cursor: pointer;
    transition: all .2s;
    display: none;
    z-index: 1052
}

.search-clear-btn:hover {
    opacity: 1;
    transform: translateY(-50%) scale(1.1)
}

.search-clear-btn:active {
    transform: translateY(-50%) scale(.9)
}

#navbarSearch .form-control {
    border-radius: 8px;
    border: 1px solid #d1d5db;
    padding: 10px 16px;
    font-size: 15px;
    transition: all .2s
}

#navbarSearch .form-control:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .08);
    outline: 0
}

.search-results-container {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    max-height: 500px;
    overflow-y: auto;
    z-index: 1051;
    display: none;
    animation: .2s searchResultsSlideIn
}

@keyframes searchResultsSlideIn {
    from {
        opacity: 0;
        transform: translateY(-8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.search-result-item {
    padding: 16px 20px;
    border-bottom: 1px solid #f3f4f6;
    transition: all .15s;
    cursor: pointer;
    text-decoration: none !important;
    display: block;
    color: inherit;
    position: relative
}

.search-result-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: #3b82f6;
    transform: scaleY(0);
    transition: transform .15s;
    border-radius: 0 2px 2px 0
}

.search-result-item:last-child {
    border-bottom: none
}

.search-result-item:hover {
    background: #f9fafb;
    text-decoration: none !important
}

.search-result-item:hover::before {
    transform: scaleY(1)
}

.search-result-item.loading,
.search-result-item.no-results {
    text-align: center;
    color: #6b7280;
    font-style: italic;
    cursor: default;
    pointer-events: none;
    padding: 32px 20px
}

.search-result-item.loading:hover,
.search-result-item.no-results:hover {
    background: 0 0
}

.search-result-item.loading::before,
.search-result-item.no-results::before {
    display: none
}

.search-result-name {
    font-size: 16px;
    color: #1e3a5f;
    margin-bottom: 6px;
    line-height: 1.4
}

.search-result-breadcrumb {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: .4px;
    font-weight: 500
}

.search-result-slug {
    font-size: 11px;
    color: #9ca3af;
    text-transform: none;
    letter-spacing: .2px;
    font-weight: 400;
    font-family: 'Courier New', monospace;
    opacity: .85
}

.search-result-description {
    font-size: 13px;
    color: #4b5563;
    line-height: 1.5;
    margin-top: 4px
}

.search-result-breadcrumb mark,
.search-result-description mark,
.search-result-name mark {
    background-color: #dbeafe;
    color: #1d4ed8;
    font-weight: 700;
    padding: 2px 4px;
    border-radius: 3px
}

.search-results-container::-webkit-scrollbar {
    width: 8px
}

.search-results-container::-webkit-scrollbar-track {
    background: #f9fafb;
    border-radius: 0 12px 12px 0
}

.search-results-container::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 10px
}

.search-results-container::-webkit-scrollbar-thumb:hover {
    background: #9ca3af
}

[data-bs-theme=dark] .search-overlay {
    background: rgba(0, 0, 0, .6)
}

[data-bs-theme=dark] .search-input-field {
    background: #1f2937;
    border-color: #374151;
    color: #f3f4f6
}

[data-bs-theme=dark] .search-input-field::placeholder {
    color: #6b7280
}

[data-bs-theme=dark] .search-input-field:focus {
    border-color: var(--dark-primary);
    box-shadow: 0 0 0 3px rgba(96, 165, 250, .12), 0 2px 8px rgba(96, 165, 250, .08);
    background: #111827
}

[data-bs-theme=dark] .search-clear-btn img,
[data-bs-theme=dark] .search-input-icon {
    filter: brightness(0) saturate(100%) invert(75%) sepia(20%) saturate(400%) hue-rotate(190deg) brightness(95%) contrast(90%)
}

[data-bs-theme=dark] .search-results-container {
    background: #1f2937;
    border-color: #374151;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .4)
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus,
.btn-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(59, 130, 246, .3) !important
}

[data-bs-theme=dark] .search-result-item {
    border-bottom-color: #374151
}

[data-bs-theme=dark] .search-result-item::before {
    background: var(--dark-primary)
}

[data-bs-theme=dark] .search-result-item:hover {
    background: #111827
}

[data-bs-theme=dark] .search-result-name {
    color: #f3f4f6
}

[data-bs-theme=dark] .search-result-breadcrumb {
    color: #9ca3af
}

[data-bs-theme=dark] .search-result-slug {
    color: #6b7280;
    opacity: .9
}

[data-bs-theme=dark] .search-result-description {
    color: #d1d5db
}

[data-bs-theme=dark] .search-result-breadcrumb mark,
[data-bs-theme=dark] .search-result-description mark,
[data-bs-theme=dark] .search-result-name mark {
    background-color: rgba(96, 165, 250, .2);
    color: var(--dark-primary-light)
}

[data-bs-theme=dark] .search-results-container::-webkit-scrollbar-track {
    background: #111827
}

[data-bs-theme=dark] .search-results-container::-webkit-scrollbar-thumb {
    background: #4b5563
}

[data-bs-theme=dark] .search-results-container::-webkit-scrollbar-thumb:hover {
    background: #6b7280
}

@keyframes searchButtonPulse {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(59, 130, 246, .3)
    }

    50% {
        box-shadow: 0 0 0 6px rgba(59, 130, 246, 0)
    }
}

.btn-bd-primary[data-bs-target="#navbarSearch"] {
    animation: 3s ease-in-out infinite searchButtonPulse;
    position: relative
}

[data-bs-theme=dark] .btn-bd-primary[data-bs-target="#navbarSearch"] {
    animation: 3s ease-in-out infinite searchButtonPulseDark
}

@keyframes searchButtonPulseDark {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(96, 165, 250, .3)
    }

    50% {
        box-shadow: 0 0 0 6px rgba(96, 165, 250, 0)
    }
}

@media (max-width:767px) {
    .search-results-container {
        max-height: 400px
    }

    .search-result-item {
        padding: 12px 14px
    }

    .search-result-name {
        font-size: 14px
    }

    .search-result-breadcrumb {
        font-size: 11px
    }

    .search-result-slug {
        font-size: 10px
    }

    .search-result-description {
        font-size: 12px
    }
}

@media (max-width:576px) {
    .search-results-container {
        max-height: 350px;
        top: calc(100% + 4px)
    }

    .search-result-item {
        padding: 10px 12px
    }

    .search-result-name {
        font-size: 13px
    }
}

.btn-primary {
    --bs-btn-bg: #3b82f6 !important;
    --bs-btn-color: #ffffff !important;
    --bs-btn-hover-bg: #2563eb !important;
    --bs-btn-hover-border-color: #2563eb !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-active-bg: #1d4ed8 !important;
    --bs-btn-active-border-color: #1d4ed8 !important;
    --bs-btn-active-color: #ffffff !important;
    --bs-btn-disabled-bg: #3b82f6 !important;
    --bs-btn-disabled-color: #ffffff !important
}

.btn-outline-primary,
[data-bs-theme=dark] .btn-primary {
    --bs-btn-active-bg: #3b82f6 !important;
    --bs-btn-active-border-color: #3b82f6 !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-active-color: #ffffff !important
}

.btn-outline-primary {
    --bs-btn-color: #3b82f6 !important;
    --bs-btn-hover-bg: #3b82f6 !important;
    --bs-btn-hover-border-color: #3b82f6 !important;
    --bs-btn-disabled-color: #3b82f6 !important;
    --bs-btn-disabled-bg: transparent !important
}

.btn-check:checked+.btn-outline-primary {
    background-color: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: #fff !important
}

[data-bs-theme=dark] .btn-primary {
    --bs-btn-bg: #3b82f6 !important;
    --bs-btn-border-color: #3b82f6 !important;
    --bs-btn-color: #ffffff !important;
    --bs-btn-hover-bg: #60a5fa !important;
    --bs-btn-hover-border-color: #60a5fa !important
}

[data-bs-theme=dark] .btn-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(96, 165, 250, .3) !important
}

[data-bs-theme=dark] .btn-outline-primary {
    --bs-btn-color: #60a5fa !important;
    --bs-btn-border-color: #60a5fa !important;
    --bs-btn-hover-bg: #3b82f6 !important;
    --bs-btn-hover-border-color: #3b82f6 !important;
    --bs-btn-hover-color: #ffffff !important;
    --bs-btn-active-bg: #2563eb !important;
    --bs-btn-active-border-color: #2563eb !important;
    --bs-btn-active-color: #ffffff !important
}

[data-bs-theme=dark] .btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(96, 165, 250, .3) !important
}

[data-bs-theme=dark] .btn-check:checked+.btn-outline-primary {
    background-color: #3b82f6 !important;
    border-color: #3b82f6 !important;
    color: #fff !important
}

.nav-link {
    color: #1e3a5f !important;
    font-weight: 500;
    transition: color .2s
}

.nav-link:hover {
    color: #2563eb !important
}

.nav-link.active,
.nav-link:focus {
    color: #1e3a5f !important
}

[data-bs-theme=dark] .nav-link {
    color: var(--dark-primary) !important
}

[data-bs-theme=dark] .nav-link:hover {
    color: var(--dark-primary-light) !important
}

[data-bs-theme=dark] .nav-link.active,
[data-bs-theme=dark] .nav-link:focus {
    color: var(--dark-primary) !important
}

.bg-primary {
    background-color: #3b82f6 !important
}

.drag-drop-zone {
    border: 2px dashed #d1d5db;
    border-radius: 10px;
    padding: 1.5rem;
    text-align: center;
    background-color: #f9fafb;
    transition: all .2s;
    cursor: pointer;
    user-select: none
}

.drag-drop-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .5rem
}

.drag-drop-svg {
    width: 32px;
    height: 32px;
    opacity: .5;
    transition: all .2s;
    filter: grayscale(100%)
}

.drag-drop-zone:hover .drag-drop-svg {
    opacity: 1;
    filter: grayscale(0%);
    transform: scale(1.1)
}

.drag-drop-zone.drag-over .drag-drop-svg {
    opacity: 1;
    filter: grayscale(0%);
    transform: scale(1.2);
    animation: .6s ease-in-out bounce
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        transform: scale(1.2) translateY(0)
    }

    40% {
        transform: scale(1.2) translateY(-10px)
    }

    60% {
        transform: scale(1.2) translateY(-5px)
    }
}

.drag-drop-zone:hover {
    border-color: #3b82f6;
    background-color: #eff6ff
}

.drag-drop-zone.drag-over {
    border-color: #3b82f6;
    background-color: #dbeafe;
    transform: scale(1.02)
}

.drag-drop-text {
    color: #4b5563 !important;
    font-size: 1.1rem;
    margin-bottom: .5rem;
    font-weight: 500;
    user-select: none;
    cursor: pointer
}

.drag-drop-hint {
    color: #6b7280 !important;
    font-size: .9rem;
    font-weight: 400;
    user-select: none;
    cursor: pointer
}

[data-bs-theme=dark] .drag-drop-zone {
    border-color: #4b5563;
    background-color: #1f2937
}

[data-bs-theme=dark] .drag-drop-zone:hover {
    border-color: var(--dark-primary);
    background-color: rgba(96, 165, 250, .05)
}

[data-bs-theme=dark] .drag-drop-text {
    color: #e5e7eb !important
}

[data-bs-theme=dark] .drag-drop-hint {
    color: #9ca3af !important
}

[data-bs-theme=dark] .drag-drop-svg {
    filter: grayscale(100%) brightness(0) invert(1);
    opacity: .6
}

.btn-feedback-float img,
.btn-feedback-text img,
.btn-pin-tool.pinned .pin-icon,
.drag-drop-overlay .drag-drop-svg,
.feedback-icon img,
.toolBtn.btn-success .filter-svg,
.toolBtn.btn-success img {
    filter: brightness(0) invert(1)
}

.drag-drop-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(59, 130, 246, .9);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 10;
    backdrop-filter: blur(4px)
}

.home-tags-wrapper a,
.tool-tags-wrapper a {
    font-weight: 400;
    display: inline-flex;
    align-items: center
}

.drag-drop-overlay-content {
    text-align: center;
    color: #fff
}

.drag-drop-overlay .drag-drop-text {
    color: #fff !important;
    font-size: 1.2rem;
    font-weight: 600
}

.drag-drop-overlay .drag-drop-svg {
    opacity: 1
}

[data-bs-theme=dark] .drag-drop-overlay {
    background: rgba(59, 130, 246, .92)
}

.social-share-wrapper {
    display: inline-block;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 6px
}

.share-label-btn,
.share-label-btn:hover {
    background-color: transparent !important;
    border-color: transparent !important
}

.share-label-btn {
    font-weight: 600 !important;
    cursor: default !important;
    opacity: 1 !important;
    pointer-events: none !important;
    color: #4b5563 !important
}

.share-label-btn:hover {
    transform: none !important;
    box-shadow: none !important
}

.btnShare {
    border-color: #e5e7eb !important;
    transition: all .2s;
    padding: .2rem .4rem !important;
    font-size: .75rem !important
}

.btnShare img {
    height: 16px !important;
    width: 16px !important
}

.btnShare:hover {
    border-color: #d1d5db !important;
    transform: translateY(-1px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06)
}

.btnShare:active {
    transform: translateY(0)
}

[data-bs-theme=dark] .social-share-wrapper {
    border-bottom-color: #374151
}

[data-bs-theme=dark] .share-label-btn,
[data-bs-theme=dark] .share-label-btn:hover {
    background-color: transparent !important;
    border-color: transparent !important
}

[data-bs-theme=dark] .share-label-btn {
    color: var(--dark-text-secondary) !important
}

[data-bs-theme=dark] .btnShare {
    border-color: #374151 !important
}

[data-bs-theme=dark] .btnShare:hover {
    border-color: #4b5563 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

[data-bs-theme=dark] .btnShare .text-dark {
    color: var(--dark-text-primary) !important
}

[data-bs-theme=dark] .btnShare .text-secondary {
    color: var(--dark-text-secondary) !important
}

@media (max-width:576px) {
    .share-label-btn {
        font-size: .7rem !important
    }

    .btnShare {
        font-size: .65rem !important;
        padding: .15rem .35rem !important
    }

    .btnShare img {
        height: 14px !important;
        width: 14px !important
    }
}

.home-tags-wrapper {
    text-align: justify;
    text-align-last: left
}

.home-tags-wrapper::after {
    content: '';
    display: inline-block;
    width: 100%
}

.home-tags-wrapper a {
    font-size: .775rem;
    cursor: pointer;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    text-decoration: none !important;
    padding: .25rem .5rem;
    color: #1e3a5f !important;
    transition: all .15s
}

.home-tags-wrapper a:hover {
    text-decoration: none !important;
    background-color: #eff6ff;
    border-color: #bfdbfe
}

.home-tags-wrapper a img {
    vertical-align: middle;
    margin-right: .25rem;
    width: 12px;
    height: 12px
}

.tool-tags-wrapper a {
    font-size: 9.5px;
    cursor: pointer
}

.tool-tags-wrapper a img {
    vertical-align: middle;
    margin-right: 1px
}

.btn-feedback-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1040;
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .5rem .9rem;
    background: #3b82f6;
    color: #fff;
    border: none;
    border-radius: 50px;
    box-shadow: 0 2px 8px rgba(59, 130, 246, .25);
    font-size: .9rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .2s
}

.btn-feedback-float:hover {
    background: #2563eb;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, .3)
}

.btn-feedback-inline:hover,
[data-bs-theme=dark] .btn-feedback-inline:hover {
    background: #5a6268;
    animation: none
}

.btn-feedback-float img {
    width: 22px;
    height: 22px
}

.btn-feedback-text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.2
}

.btn-feedback-title {
    font-size: .85rem;
    font-weight: 600
}

.btn-feedback-subtitle {
    font-size: .65rem;
    font-weight: 400;
    opacity: .8
}

[data-bs-theme=dark] .btn-feedback-float {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .3)
}

[data-bs-theme=dark] .btn-feedback-float:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, .4)
}

@media (max-width:576px) {
    .btn-feedback-float {
        display: none !important
    }
}

.feedback-inline-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .75rem 1rem;
    margin: 1.5rem 0;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    transition: all .2s
}

.feedback-inline-wrapper:hover {
    border-color: #d1d5db
}

.feedback-inline-content {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex: 1
}

.feedback-inline-icon {
    flex-shrink: 0;
    fill: #4b5563;
    opacity: .8
}

.feedback-inline-text {
    font-size: .875rem;
    color: #374151;
    font-weight: 500;
    line-height: 1.4
}

@keyframes feedbackInlinePulse {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(108, 117, 125, .5)
    }

    50% {
        box-shadow: 0 0 0 6px rgba(108, 117, 125, 0)
    }
}

@keyframes feedbackInlinePulseDark {

    0%,
    100% {
        box-shadow: 0 0 0 0 rgba(96, 165, 250, .4)
    }

    50% {
        box-shadow: 0 0 0 6px rgba(96, 165, 250, 0)
    }
}

.btn-feedback-inline {
    flex-shrink: 0;
    padding: .5rem 1rem;
    background: #6c757d;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: .875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background .2s, transform .2s;
    white-space: nowrap;
    animation: 3s ease-in-out infinite feedbackInlinePulse
}

.btn-feedback-inline:active {
    transform: scale(.98)
}

[data-bs-theme=dark] .feedback-inline-wrapper {
    background: #1f2937;
    border-color: #374151
}

[data-bs-theme=dark] .feedback-inline-wrapper:hover {
    border-color: #4b5563
}

[data-bs-theme=dark] .feedback-inline-icon {
    fill: #d1d5db;
    opacity: .85
}

[data-bs-theme=dark] .feedback-inline-text {
    color: #e5e7eb;
    font-weight: 500
}

[data-bs-theme=dark] .btn-feedback-inline {
    background: #6c757d;
    animation: 3s ease-in-out infinite feedbackInlinePulseDark
}

@media (max-width:768px) {
    .feedback-inline-wrapper {
        flex-direction: column;
        align-items: flex-start;
        padding: .75rem;
        gap: .5rem
    }

    .feedback-inline-text {
        font-size: .8125rem
    }

    .btn-feedback-inline {
        width: 100%;
        padding: .6rem;
        font-size: .8125rem
    }
}

.btn-feedback-loading,
.btn-feedback-text {
    display: inline-flex;
    align-items: center
}

.btn-feedback {
    font-weight: 500;
    transition: all .2s
}

.btn-feedback:disabled {
    opacity: .7;
    cursor: not-allowed
}

.alert-sm {
    padding: .5rem .75rem;
    font-size: .85rem;
    margin-bottom: 0
}

.alert-sm .btn-close {
    font-size: .7rem;
    padding: .4rem;
    width: 1rem;
    height: 1rem;
    background-size: .6rem
}

.feedback-modal-dialog {
    max-width: 800px;
    margin: 80px auto
}

.feedback-modal-content {
    border: none;
    border-radius: 16px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, .12);
    padding: 2rem;
    position: relative
}

.feedback-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    opacity: .5;
    transition: opacity .2s
}

.mode-option,
.toggle-switch {
    position: relative
}

.feedback-close:hover {
    opacity: 1
}

.feedback-header {
    text-align: center;
    margin-bottom: 1.5rem
}

.feedback-icon {
    width: 56px;
    height: 56px;
    background: #3b82f6;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem
}

.feedback-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 .5rem
}

.feedback-subtitle {
    font-size: .9rem;
    color: #6b7280;
    margin: 0
}

.feedback-form {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.feedback-page-info {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .625rem .875rem;
    background: #f9fafb;
    border-radius: 8px;
    font-size: .85rem
}

.feedback-page-label {
    color: #6b7280
}

.feedback-page-name {
    color: #2563eb;
    font-weight: 600
}

.feedback-textarea {
    border-radius: 10px;
    border: 1.5px solid #d1d5db;
    padding: .875rem 1rem;
    font-size: .95rem;
    resize: none;
    transition: border-color .2s, box-shadow .2s
}

.feedback-textarea:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .1)
}

.feedback-textarea::placeholder {
    color: #9ca3af
}

.feedback-options {
    display: flex;
    flex-direction: column;
    gap: .75rem
}

.feedback-contact-toggle {
    display: flex;
    align-items: center;
    gap: .75rem;
    cursor: pointer;
    user-select: none
}

.feedback-contact-toggle input {
    display: none
}

.toggle-switch {
    width: 44px;
    height: 24px;
    background: #d1d5db;
    border-radius: 12px;
    transition: background .2s;
    flex-shrink: 0
}

.toggle-switch::after {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 50%;
    top: 3px;
    left: 3px;
    transition: transform .2s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12)
}

.feedback-contact-toggle input:checked+.toggle-switch {
    background: #3b82f6
}

.feedback-contact-toggle input:checked+.toggle-switch::after {
    transform: translateX(20px)
}

.toggle-label {
    font-size: .9rem;
    color: #4b5563
}

.feedback-email-container {
    display: none;
    flex-direction: column;
    gap: .375rem;
    padding-left: 3.25rem;
    animation: .2s slideDown
}

.feedback-email-container.show {
    display: flex
}

@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.feedback-email-container .form-control {
    border-radius: 8px;
    font-size: .9rem;
    padding: .625rem .875rem
}

.feedback-email-hint {
    font-size: .8rem;
    color: #6b7280
}

.btn-feedback-cancel,
.btn-feedback-submit {
    font-size: .9rem;
    font-weight: 500;
    transition: all .2s;
    cursor: pointer
}

.feedback-actions {
    display: flex;
    gap: .75rem;
    margin-top: .5rem
}

.btn-feedback-cancel {
    flex: 1;
    padding: .75rem 1rem;
    background: #f9fafb;
    border: 1.5px solid #e5e7eb;
    border-radius: 10px;
    color: #4b5563
}

.btn-feedback-cancel:hover {
    background: #f3f4f6;
    border-color: #d1d5db
}

.btn-feedback-submit {
    flex: 2;
    padding: .75rem 1.25rem;
    background: #3b82f6;
    border: none;
    border-radius: 10px;
    color: #fff
}

.btn-feedback-submit:hover {
    background: #2563eb
}

.btn-feedback-submit:active {
    transform: translateY(0)
}

.btn-feedback-submit:disabled {
    opacity: .7;
    cursor: not-allowed;
    transform: none
}

.btn-feedback-loading,
.btn-feedback-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.feedback-note {
    font-size: .8rem;
    color: #9ca3af;
    text-align: center;
    margin: .5rem 0 0
}

#feedbackAlert .alert {
    border-radius: 10px;
    font-size: .875rem;
    margin-bottom: 0
}

.feedback-success {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2rem 1rem
}

.feedback-success-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 1.5rem
}

.feedback-checkmark {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #22c55e;
    stroke-miterlimit: 10;
    animation: .3s ease-in-out .6s both feedbackScale
}

.feedback-checkmark-circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #22c55e;
    fill: none;
    animation: .6s cubic-bezier(.65, 0, .45, 1) forwards feedbackStroke
}

.feedback-checkmark-check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    stroke-width: 3;
    animation: .3s cubic-bezier(.65, 0, .45, 1) .6s forwards feedbackStroke
}

@keyframes feedbackStroke {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes feedbackScale {

    0%,
    100% {
        transform: none
    }

    50% {
        transform: scale3d(1.1, 1.1, 1)
    }
}

.feedback-success-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: .75rem
}

.feedback-success-desc {
    font-size: 1rem;
    color: #6b7280;
    max-width: 320px;
    line-height: 1.6;
    margin-bottom: 1.5rem
}

.btn-feedback-close {
    width: 100%;
    padding: .75rem 2rem;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    background: #3b82f6;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: all .2s
}

.btn-feedback-close:hover {
    background: #2563eb;
    transform: translateY(-1px)
}

[data-bs-theme=dark] .feedback-modal-content {
    background: #1f2937;
    box-shadow: 0 16px 48px rgba(0, 0, 0, .4)
}

[data-bs-theme=dark] .feedback-title {
    color: #f3f4f6
}

[data-bs-theme=dark] .feedback-subtitle {
    color: #9ca3af
}

[data-bs-theme=dark] .feedback-page-info {
    background: #111827
}

[data-bs-theme=dark] .feedback-page-name {
    color: var(--dark-primary)
}

[data-bs-theme=dark] .feedback-textarea {
    background: #111827;
    border-color: #374151;
    color: #f3f4f6
}

[data-bs-theme=dark] .feedback-textarea:focus {
    border-color: var(--dark-primary);
    box-shadow: 0 0 0 3px rgba(96, 165, 250, .12)
}

[data-bs-theme=dark] .feedback-textarea::placeholder {
    color: #6b7280
}

[data-bs-theme=dark] .toggle-switch {
    background: #4b5563
}

[data-bs-theme=dark] .toggle-label {
    color: #d1d5db
}

[data-bs-theme=dark] .feedback-email-container .form-control {
    background: #111827;
    border-color: #374151;
    color: #f3f4f6
}

[data-bs-theme=dark] .btn-feedback-cancel {
    background: #111827;
    border-color: #374151;
    color: #d1d5db
}

[data-bs-theme=dark] .btn-feedback-cancel:hover {
    background: #1f2937;
    border-color: #4b5563
}

[data-bs-theme=dark] .feedback-note {
    color: #6b7280
}

[data-bs-theme=dark] .feedback-success-title {
    color: #f3f4f6
}

[data-bs-theme=dark] .feedback-success-desc {
    color: #9ca3af
}

@media (max-width:576px) {
    .feedback-modal-dialog {
        margin: 1rem;
        max-width: calc(100% - 2rem)
    }

    .feedback-modal-content {
        padding: 1.5rem;
        border-radius: 12px
    }

    .feedback-icon {
        width: 48px;
        height: 48px;
        border-radius: 12px
    }

    .feedback-icon svg {
        width: 20px;
        height: 20px
    }

    .feedback-title {
        font-size: 1.125rem
    }

    .feedback-actions {
        flex-direction: column-reverse
    }

    .btn-feedback-cancel,
    .btn-feedback-submit {
        flex: none;
        width: 100%
    }

    .feedback-email-container {
        padding-left: 0
    }

    .feedback-checkmark,
    .feedback-success-icon {
        width: 64px;
        height: 64px
    }

    .feedback-success-title {
        font-size: 1.5rem
    }

    .feedback-success-desc {
        font-size: .9rem
    }
}

.icon-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    min-height: 48px
}

.hover-shadow {
    transition: all .2s
}

.hover-shadow:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .08) !important
}

.card.shadow-sm {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06) !important
}

[data-bs-theme=dark] .card-header.bg-light {
    background-color: #1f2937 !important;
    border-bottom-color: #374151
}

[data-bs-theme=dark] .list-group-item {
    background-color: #1f2937;
    border-color: #374151
}

[data-bs-theme=dark] .list-group-item:hover {
    background-color: #374151
}

.tag-collapse-header {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    padding: 8px 4px;
    margin: -8px -4px;
    border-radius: 6px;
    transition: background-color .15s
}

.tag-collapse-header:hover {
    background-color: #f3f4f6
}

[data-bs-theme=dark] .tag-collapse-header:hover {
    background-color: rgba(255, 255, 255, .04)
}

.tag-collapse-icon {
    transition: transform .3s;
    opacity: .5
}

.tag-collapse-header:hover .tag-collapse-icon {
    opacity: .8
}

.tag-collapse-header[aria-expanded=false] .tag-collapse-icon {
    transform: rotate(-90deg)
}

.toolBtn.btn-success,
.toolBtn.btn-success:focus,
.toolBtn.btn-success:hover {
    color: #fff;
    text-decoration: none
}

[data-bs-theme=dark] .mode-input:checked+.mode-label .mode-title,
[data-bs-theme=dark] .pinned-tools-empty .empty-title {
    color: var(--dark-primary)
}

.mode-selector-modern {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px
}

.mode-selector-modern.mode-selector-2col {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))
}

.mode-selector-modern.mode-selector-3col {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
}

.mode-selector-modern.mode-selector-4col {
    grid-template-columns: repeat(2, 1fr)
}

@media (max-width:767px) {
    .mode-selector-modern {
        grid-template-columns: 1fr
    }
}

.mode-input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.mode-label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    cursor: pointer;
    transition: all .2s;
    box-shadow: none;
    height: 100%
}

.mode-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f4f6;
    border-radius: 10px;
    transition: all .2s
}

.mode-icon .fsvg {
    opacity: .5;
    transition: all .2s
}

.mode-content {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.mode-title {
    font-size: 16px;
    font-weight: 600;
    color: #111827
}

.mode-desc {
    font-size: 13px;
    color: #6b7280;
    line-height: 1.4
}

.mode-label:hover {
    border-color: #d1d5db;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
    transform: translateY(-1px)
}

.mode-label:hover .mode-icon {
    background: #e5e7eb
}

.mode-label:hover .mode-icon .fsvg {
    opacity: .8
}

.mode-input:checked+.mode-label {
    border-color: #3b82f6;
    background: #fafbff;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    box-shadow: 0 0 0 1px rgba(59, 130, 246, .1)
}

.mode-input:checked+.mode-label .mode-icon {
    background: #3b82f6
}

.mode-input:checked+.mode-label .mode-icon .fsvg {
    filter: brightness(0) invert(1);
    opacity: 1
}

.mode-input:checked+.mode-label .mode-title {
    color: #1e3a5f
}

.mode-input:checked+.mode-label .mode-desc {
    color: #4b5563
}

[data-bs-theme=dark] .mode-label {
    background: #1f2937;
    border-color: #374151;
    box-shadow: none
}

[data-bs-theme=dark] .mode-icon {
    background: #374151
}

[data-bs-theme=dark] .mode-title {
    color: #f3f4f6
}

[data-bs-theme=dark] .mode-desc {
    color: #9ca3af
}

[data-bs-theme=dark] .mode-label:hover {
    border-color: #4b5563;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2)
}

[data-bs-theme=dark] .mode-label:hover .mode-icon {
    background: #4b5563
}

[data-bs-theme=dark] .mode-input:checked+.mode-label {
    border-color: var(--dark-primary);
    background: rgba(96, 165, 250, .04);
    box-shadow: 0 0 0 1px rgba(96, 165, 250, .1)
}

[data-bs-theme=dark] .mode-input:checked+.mode-label .mode-icon {
    background: var(--dark-primary)
}

@keyframes flashHighlight {

    0%,
    100%,
    50% {
        border-color: inherit;
        box-shadow: none
    }

    25%,
    75% {
        border-color: #3b82f6;
        box-shadow: 0 0 0 .25rem rgba(59, 130, 246, .2)
    }
}

.btn-pin-tool {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    transition: all .2s;
    flex-shrink: 0;
    margin-top: .25rem
}

.pinned-count-badge,
.pinned-tool-item .tool-number {
    display: inline-flex;
    align-items: center;
    font-size: .7rem;
    font-weight: 600;
    color: #fff
}

.btn-pin-tool:hover {
    border-color: #3b82f6;
    background: rgba(59, 130, 246, .06)
}

.btn-pin-tool:hover .pin-icon {
    transform: rotate(-15deg)
}

.btn-pin-tool.pinned {
    border-color: #3b82f6;
    background: #3b82f6
}

.btn-pin-tool.pinned:hover {
    background: var(--bs-danger);
    border-color: var(--bs-danger)
}

.pin-icon {
    transition: transform .2s
}

.pinned-count-badge {
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    margin-left: 6px;
    line-height: 1;
    background: #3b82f6;
    border-radius: 9px
}

.pinned-tools-menu {
    min-width: 300px;
    max-width: 340px;
    padding: 0;
    border: 1px solid #e5e7eb;
    border-radius: 10px
}

.pinned-tools-menu .dropdown-item {
    padding: .625rem 1rem;
    white-space: nowrap;
    overflow: hidden;
    border-left: 3px solid transparent;
    transition: all .15s
}

.pinned-tools-menu .dropdown-item:hover {
    background: #f9fafb;
    border-left-color: #3b82f6
}

.pinned-tools-menu .dropdown-item span {
    max-width: 230px
}

.pinned-tool-item .tool-number {
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: .625rem;
    background: #3b82f6;
    border-radius: 4px;
    flex-shrink: 0
}

.pinned-tools-empty {
    padding: 1.5rem 1rem
}

.pinned-tools-empty>div {
    padding: 0 !important
}

.pinned-tools-empty .pin-empty-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto .75rem;
    padding: 12px;
    background: #eff6ff;
    border-radius: 50%
}

.pinned-tools-empty .pin-empty-icon img {
    opacity: .6
}

.pinned-tools-empty .empty-title {
    font-weight: 500;
    color: #1e3a5f;
    margin-bottom: .25rem
}

.pinned-tools-empty .smaller {
    font-size: .75rem;
    opacity: .7
}

.btn-unpin {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: 0 0;
    border: none;
    opacity: 0;
    transition: all .15s
}

.pinned-tool-item:hover .btn-unpin {
    opacity: 1
}

.btn-unpin:hover {
    background: rgba(220, 53, 69, .1)
}

.btn-unpin:hover img {
    opacity: 1 !important;
    filter: brightness(0) saturate(100%) invert(27%) sepia(89%) saturate(2476%) hue-rotate(346deg) brightness(89%) contrast(97%)
}

[data-bs-theme=dark] .btn-pin-tool {
    border-color: var(--bs-border-color)
}

[data-bs-theme=dark] .btn-pin-tool:hover {
    border-color: var(--dark-primary);
    background: rgba(96, 165, 250, .08)
}

[data-bs-theme=dark] .pinned-count-badge,
[data-bs-theme=dark] .pinned-tool-item .tool-number {
    background: var(--dark-primary)
}

[data-bs-theme=dark] .btn-pin-tool.pinned {
    border-color: var(--dark-primary);
    background: var(--dark-primary)
}

[data-bs-theme=dark] .pinned-tools-menu {
    border-color: #374151
}

[data-bs-theme=dark] .pinned-tools-menu .dropdown-item:hover {
    background: rgba(96, 165, 250, .06);
    border-left-color: var(--dark-primary)
}

[data-bs-theme=dark] .pinned-tools-empty .pin-empty-icon {
    background: rgba(96, 165, 250, .08)
}

@media (max-width:767.98px) {
    #pinnedToolsDropdown .btn-text {
        display: none
    }

    #pinnedToolsDropdown .dropdown-toggle {
        padding: .375rem .5rem
    }

    #pinnedToolsDropdown .dropdown-toggle img {
        margin-right: 0 !important
    }

    .pinned-count-badge {
        position: absolute;
        top: -4px;
        right: -4px;
        margin-left: 0;
        min-width: 16px;
        height: 16px;
        font-size: .65rem
    }

    #pinnedToolsDropdown {
        position: relative
    }

    .pinned-tools-menu {
        min-width: 260px
    }
}

/* ==========================================================================
   STANDALONE LAYOUT (sl-*)
   Header, Footer, Search Popup, Mobile Menu, Language Switcher
   ========================================================================== */

/* ===== CSS Variables ===== */
:root {
    --main-primary-50:#eef2ff;--main-primary-100:#e0e7ff;--main-primary-200:#c7d2fe;--main-primary-300:#a5b4fc;--main-primary-400:#818cf8;--main-primary-500:#6366f1;--main-primary-600:#4f46e5;
    --main-primary:var(--main-primary-500);--main-primary-hover:var(--main-primary-600);--main-primary-light:var(--main-primary-300);--main-primary-rgb:99,102,241;
    --main-secondary:#14b8a6;--main-secondary-hover:#0d9488;--main-secondary-rgb:20,184,166;
    --main-success:#10b981;--main-success-rgb:16,185,129;--main-warning:#f59e0b;--main-warning-rgb:245,158,11;--main-info:#3b82f6;--main-info-rgb:59,130,246;
    --main-error-50:#fef2f2;--main-error-200:#fecaca;--main-error-400:#f87171;--main-error-600:#dc2626;--main-error-700:#b91c1c;--main-error:#ef4444;--main-error-rgb:239,68,68;
    --main-gray-50:#f8fafc;--main-gray-100:#f1f5f9;--main-gray-200:#e2e8f0;--main-gray-300:#cbd5e1;--main-gray-400:#94a3b8;--main-gray-500:#64748b;--main-gray-600:#475569;--main-gray-700:#334155;--main-gray-800:#1e293b;--main-gray-900:#0f172a;
    --main-bg-primary:#ffffff;--main-bg-secondary:var(--main-gray-50);--main-bg-tertiary:var(--main-gray-100);
    --main-text:var(--main-gray-900);--main-text-muted:var(--main-gray-500);
    --main-link-color:var(--main-primary);--main-link-hover-color:var(--main-primary-hover);
    --main-border:var(--main-gray-200);--main-border-dark:var(--main-gray-300);
    --main-gradient-primary:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);--main-gradient-success:linear-gradient(135deg,#10b981 0%,#059669 100%);--main-gradient-soft:linear-gradient(135deg,rgba(99,102,241,.06) 0%,rgba(99,102,241,.02) 100%);
    --main-font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--main-font-mono:ui-monospace,'SF Mono','Roboto Mono',Menlo,Consolas,monospace;
    --main-text-xs:.75rem;--main-text-sm:.875rem;--main-text-base:1rem;--main-text-lg:1.125rem;--main-text-xl:1.25rem;--main-text-2xl:1.5rem;--main-text-3xl:1.875rem;
    --main-font-normal:400;--main-font-medium:500;--main-font-semibold:600;--main-font-bold:700;--main-font-extrabold:800;
    --main-leading-tight:1.25;--main-leading-normal:1.5;--main-leading-relaxed:1.75;
    --main-tracking-tight:-0.025em;--main-tracking-normal:0;--main-tracking-wide:0.025em;
    --main-space-1:.25rem;--main-space-2:.5rem;--main-space-3:.75rem;--main-space-4:1rem;--main-space-5:1.25rem;--main-space-6:1.5rem;--main-space-8:2rem;--main-space-10:2.5rem;--main-space-12:3rem;
    --main-form-input-padding-y:.625rem;--main-form-input-padding-x:var(--main-space-4);
    --main-radius-sm:.375rem;--main-radius:.5rem;--main-radius-md:.5rem;--main-radius-lg:.75rem;--main-radius-xl:1rem;--main-radius-2xl:1.5rem;--main-radius-full:9999px;
    --main-shadow-sm:0 2px 8px rgba(0,0,0,.04);--main-shadow:0 4px 16px rgba(0,0,0,.08);--main-shadow-lg:0 8px 32px rgba(0,0,0,.12);--main-shadow-xl:0 12px 48px rgba(0,0,0,.16);
    --main-transition-fast:.15s ease;--main-transition:.2s ease;--main-transition-slow:.3s ease;
    --main-z-base:0;--main-z-dropdown:900;--main-z-sticky:990;--main-z-fixed:920;--main-z-modal-backdrop:1040;--main-z-modal:1050;--main-z-tooltip:1070;
    --main-container-width:1280px;--main-header-height:60px;
}

/* ===== Base Reset ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;touch-action:manipulation}
html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}
body{font-family:var(--main-font-family);font-size:var(--main-text-base);line-height:var(--main-leading-normal);color:var(--main-text);background:var(--main-bg-secondary);min-height:100vh;display:flex;flex-direction:column}
::selection{background:var(--main-primary);color:#fff}
:focus-visible{outline:2px solid var(--main-primary);outline-offset:2px}
.container{width:100%;max-width:var(--main-container-width);margin:0 auto;padding:0 var(--main-space-4)}
@media(min-width:768px){.container{padding:0 var(--main-space-6)}}
@media(min-width:1024px){.container{padding:0 var(--main-space-8)}}
.main,.site-main{flex:1;display:flex;flex-direction:column}

/* ===== Header ===== */
.sl-header{background:var(--main-bg-primary);border-bottom:1px solid var(--main-border);position:sticky;top:0;z-index:var(--main-z-sticky);height:var(--main-header-height)}
.sl-header-inner{display:flex;align-items:center;height:var(--main-header-height);gap:var(--main-space-4)}
.sl-logo{display:flex;align-items:center;gap:var(--main-space-2);color:var(--main-text);font-weight:var(--main-font-bold);font-size:var(--main-text-lg);text-decoration:none;flex-shrink:0}
.sl-logo img{border-radius:var(--main-radius-sm)}
.sl-nav{display:none;align-items:center;gap:2px;margin-left:var(--main-space-8)}
@media(min-width:768px){.sl-nav{display:flex}}
.sl-nav-link{color:var(--main-gray-600);font-size:var(--main-text-sm);font-weight:var(--main-font-medium);padding:var(--main-space-1) var(--main-space-3);border-radius:var(--main-radius-sm);transition:all var(--main-transition);text-decoration:none;background:none;border:none;white-space:nowrap}
.sl-nav-link:hover{color:var(--main-primary);background:var(--main-primary-50)}
.sl-nav-dd{position:relative}
.sl-nav-dd-menu{display:none;position:absolute;top:100%;left:0;background:var(--main-bg-primary);border:1px solid var(--main-border);border-radius:var(--main-radius);padding:var(--main-space-1);min-width:180px;box-shadow:var(--main-shadow-lg);z-index:var(--main-z-dropdown)}
.sl-nav-dd:hover .sl-nav-dd-menu{display:block}
.sl-nav-dd-menu a{display:block;padding:var(--main-space-2) var(--main-space-3);color:var(--main-gray-600);font-size:var(--main-text-sm);border-radius:var(--main-radius-sm);text-decoration:none}
.sl-nav-dd-menu a:hover{background:var(--main-primary-50);color:var(--main-primary)}
.sl-actions{display:flex;align-items:center;gap:2px;margin-left:auto}
.sl-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--main-gray-500);border-radius:var(--main-radius);transition:all var(--main-transition)}
.sl-btn:hover{background:var(--main-gray-100);color:var(--main-gray-700)}
.sl-menu-btn{display:flex}
@media(min-width:768px){.sl-menu-btn{display:none}}

/* ===== Language Switcher ===== */
.sl-lang{position:relative}
.sl-lang-toggle{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--main-border);border-radius:var(--main-radius-sm);padding:4px 8px;color:var(--main-gray-600);font-size:var(--main-text-xs);font-weight:var(--main-font-medium);cursor:pointer;transition:all var(--main-transition)}
.sl-lang-toggle:hover{border-color:var(--main-gray-300)}
.sl-lang-toggle img{border-radius:2px}
.sl-lang-dd{display:none;position:absolute;top:calc(100% + 4px);right:0;background:var(--main-bg-primary);border:1px solid var(--main-border);border-radius:var(--main-radius);min-width:200px;max-height:320px;overflow-y:auto;box-shadow:var(--main-shadow-lg);z-index:var(--main-z-dropdown);padding:var(--main-space-1)}
.sl-lang-dd.open{display:block}
.sl-lang-search{width:100%;padding:var(--main-space-2);border:none;border-bottom:1px solid var(--main-border);font-size:var(--main-text-xs);outline:none;background:transparent;color:var(--main-text)}
.sl-lang-item{display:flex;align-items:center;gap:var(--main-space-2);padding:var(--main-space-2);border-radius:var(--main-radius-sm);color:var(--main-gray-600);font-size:var(--main-text-xs);text-decoration:none}
.sl-lang-item:hover{background:var(--main-primary-50);color:var(--main-primary)}
.sl-lang-item.active{color:var(--main-primary);font-weight:var(--main-font-semibold)}
.sl-lang-item img{border-radius:2px;width:20px;height:15px}

/* ===== Mobile Menu ===== */
.sl-mob-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:var(--main-z-modal-backdrop)}
.sl-mob-overlay.open{display:block}
.sl-mob{position:fixed;top:0;right:-300px;width:300px;height:100%;background:var(--main-bg-primary);z-index:var(--main-z-modal);transition:right var(--main-transition-slow);overflow-y:auto}
.sl-mob.open{right:0}
.sl-mob-head{display:flex;align-items:center;justify-content:space-between;padding:var(--main-space-4);border-bottom:1px solid var(--main-border)}
.sl-mob-logo{display:flex;align-items:center;gap:var(--main-space-2);font-weight:var(--main-font-bold);color:var(--main-text);font-size:var(--main-text-sm)}
.sl-mob-logo img{width:24px;height:24px;border-radius:4px}
.sl-mob-close{background:none;border:none;color:var(--main-gray-400);padding:4px}
.sl-mob-nav{padding:var(--main-space-2)}
.sl-mob-nav a{display:block;padding:var(--main-space-3) var(--main-space-4);color:var(--main-gray-700);font-size:var(--main-text-sm);border-radius:var(--main-radius)}
.sl-mob-nav a:hover{background:var(--main-gray-50)}
.sl-mob-sub-btn{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:var(--main-space-3) var(--main-space-4);color:var(--main-gray-700);font-size:var(--main-text-sm);border-radius:var(--main-radius);text-align:left}
.sl-mob-sub-btn:hover{background:var(--main-gray-50)}
.sl-mob-sub-btn svg{transition:transform var(--main-transition)}
.sl-mob-sub-btn.open svg{transform:rotate(180deg)}
.sl-mob-sub{display:none;padding-left:var(--main-space-4)}
.sl-mob-sub.open{display:block}
.sl-mob-lang{padding:var(--main-space-4);border-top:1px solid var(--main-border)}
.sl-mob-lang-title{font-size:var(--main-text-xs);font-weight:var(--main-font-semibold);color:var(--main-gray-400);text-transform:uppercase;margin-bottom:var(--main-space-2)}
.sl-mob-lang-list{display:flex;flex-wrap:wrap;gap:6px}
.sl-mob-lang-item{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--main-radius-sm);border:1px solid var(--main-border);color:var(--main-gray-600);font-size:var(--main-text-xs);text-decoration:none}
.sl-mob-lang-item:hover{border-color:var(--main-primary);color:var(--main-primary)}
.sl-mob-lang-item.active{background:var(--main-primary-50);border-color:var(--main-primary);color:var(--main-primary)}

/* ===== Footer ===== */
.sl-footer{background:#0f172a;color:#94a3b8;margin-top:auto;padding-top:var(--main-space-12)}
.sl-footer,.sl-footer *{color:#94a3b8}
.sl-footer a,.sl-footer a:link,.sl-footer a:visited{color:#94a3b8 !important;text-decoration:none}
.sl-footer a:hover{color:#fff !important}
.sl-footer-main{display:flex;flex-direction:column;gap:var(--main-space-8)}
@media(min-width:768px){.sl-footer-main{flex-direction:row;gap:var(--main-space-12)}}
.sl-footer-brand{flex:0 0 300px;max-width:300px}
@media(max-width:767px){.sl-footer-brand{flex:none;max-width:100%}}
.sl-footer-menus{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--main-space-8)}
.sl-footer-logo,.sl-footer-logo span{color:#fff !important;font-weight:var(--main-font-bold);font-size:var(--main-text-lg)}
.sl-footer-logo{display:flex;align-items:center;gap:var(--main-space-2);text-decoration:none !important;margin-bottom:var(--main-space-3)}
.sl-footer-logo img{border-radius:var(--main-radius-sm)}
.sl-footer-desc{font-size:var(--main-text-sm);line-height:1.6;margin-bottom:var(--main-space-4);color:#94a3b8}
.sl-footer-social{display:flex;gap:var(--main-space-2)}
.sl-footer-social a,.sl-footer-social a:link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--main-radius);background:rgba(255,255,255,.08);color:#94a3b8 !important;transition:all var(--main-transition)}
.sl-footer-social a:hover{background:var(--main-primary);color:#fff !important}
.sl-footer-social a svg{width:16px;height:16px}
.sl-footer-menu h4{font-size:var(--main-text-sm);font-weight:var(--main-font-semibold);color:#fff !important;margin-bottom:var(--main-space-3)}
.sl-footer-menu a{display:block;padding:3px 0;font-size:var(--main-text-sm)}
.sl-footer-bottom{margin-top:var(--main-space-8);padding:var(--main-space-5) 0;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;font-size:var(--main-text-xs);flex-wrap:wrap;gap:var(--main-space-2)}
.sl-footer-bottom,.sl-footer-bottom p{color:#64748b}
.sl-footer-bottom a{color:#94a3b8 !important}
.sl-footer-bottom a:hover{color:#fff !important}
.sl-footer-bottom strong{color:#94a3b8}

/* ===== Search Popup ===== */
.sl-search{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:var(--main-z-tooltip);align-items:flex-start;justify-content:center;padding-top:12vh}
.sl-search.open{display:flex}
.sl-search-box{width:100%;max-width:600px;margin:0 var(--main-space-4)}
.sl-search-close{position:fixed;top:var(--main-space-4);right:var(--main-space-4);display:flex;align-items:center;gap:var(--main-space-2);background:none;border:none;color:rgba(255,255,255,.6);font-size:var(--main-text-sm)}
.sl-search-close:hover{color:#fff}
.sl-search-close kbd{background:rgba(255,255,255,.1);padding:2px 6px;border-radius:4px;font-size:11px}
.sl-search-input{width:100%;padding:var(--main-space-4) var(--main-space-5);font-size:var(--main-text-lg);border:none;border-radius:var(--main-radius-lg);background:var(--main-bg-primary);color:var(--main-text);outline:none;box-shadow:var(--main-shadow-xl)}
.sl-search-input::placeholder{color:var(--main-gray-400)}
.sl-search-results{margin-top:var(--main-space-2);background:var(--main-bg-primary);border-radius:var(--main-radius-lg);overflow:hidden;max-height:60vh;overflow-y:auto;box-shadow:var(--main-shadow-xl)}
.sl-search-results:empty{display:none}
.sl-sr-title{padding:var(--main-space-3) var(--main-space-4) var(--main-space-1);font-size:11px;font-weight:var(--main-font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--main-gray-400)}
.sl-sr-item{display:flex;align-items:center;gap:var(--main-space-3);padding:var(--main-space-2) var(--main-space-4);color:var(--main-text);text-decoration:none;transition:background var(--main-transition-fast)}
.sl-sr-item:hover{background:var(--main-primary-50)}
.sl-sr-icon{width:32px;height:32px;border-radius:var(--main-radius);background:var(--main-gray-100);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--main-text-sm)}
.sl-sr-text{min-width:0;flex:1}
.sl-sr-name{font-size:var(--main-text-sm);font-weight:var(--main-font-medium);display:block}
.sl-sr-desc{font-size:var(--main-text-xs);color:var(--main-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:400px}
.sl-sr-hint{padding:var(--main-space-8);text-align:center;font-size:var(--main-text-sm);color:var(--main-gray-400)}

/* ===== Scrollbar ===== */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--main-gray-100)}
::-webkit-scrollbar-thumb{background:var(--main-gray-300);border-radius:var(--main-radius-full)}
::-webkit-scrollbar-thumb:hover{background:var(--main-gray-400)}