/* SIRCMS tema Sirplay - build 20261015153902 (core + rifiniture) */
body.theme-sirplay {

    --sp-bg: #f5f5f7;
    --sp-surface: #ffffff;
    --sp-surface-2: #fafafc;
    --sp-text: #1d1d1f;
    --sp-text-2: #5c5c62;
    --sp-text-3: #8e8e93;
    --sp-sep: rgba(60, 60, 67, .12);
    --sp-sep-strong: rgba(60, 60, 67, .22);
    --sp-fill: rgba(120, 120, 128, .12);
    --sp-fill-2: rgba(120, 120, 128, .08);
    --sp-accent: #0071e3;
    --sp-accent-hover: #0077ed;
    --sp-accent-soft: rgba(0, 113, 227, .12);
    --sp-green: #1b6e33;
    --sp-green-soft: rgba(52, 199, 89, .16);
    --sp-orange: #b25000;
    --sp-orange-soft: rgba(255, 159, 10, .18);
    --sp-red: #d70015;
    --sp-red-soft: rgba(255, 59, 48, .14);
    --sp-accent-strong: #0060c9;
    --sp-alert-success: #14532d; --sp-alert-info: #0a4a99; --sp-alert-warning: #7a3e00; --sp-alert-danger: #8c0010;
    --sp-sidebar-flat: rgba(246, 246, 248, .86);
    --sp-scroll-thumb: rgba(0, 0, 0, .2); --sp-scroll-thumb-hover: rgba(0, 0, 0, .35);

    --gw: 255 255 255; --gh: 255 255 255; --gk: 1;

    --sp-r-sm: 8px;
    --sp-r: 12px;
    --sp-r-lg: 18px;
    --sp-shadow-1: 0 1px 2px rgba(0, 0, 0, .04), 0 2px 8px rgba(0, 0, 0, .04);
    --sp-shadow-2: 0 4px 24px rgba(0, 0, 0, .08);
    --sp-shadow-pop: 0 12px 40px rgba(0, 0, 0, .18), 0 0 0 .5px rgba(0, 0, 0, .06);

    --sp-ease: cubic-bezier(.32, .72, 0, 1);
    --sp-spring: cubic-bezier(.34, 1.56, .64, 1);
    --sp-fast: .18s;
    --sp-med: .32s;

    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    letter-spacing: -.003em;
    color: var(--sp-text);
    background: var(--sp-bg);
}

body.theme-sirplay *,
body.theme-sirplay *::before,
body.theme-sirplay *::after { -webkit-tap-highlight-color: transparent; }

body.theme-sirplay .fa, body.theme-sirplay [class^="fa-"], body.theme-sirplay [class*=" fa-"] { font-family: FontAwesome !important; letter-spacing: 0; }
body.theme-sirplay .icon, body.theme-sirplay [class^="icon-"], body.theme-sirplay [class*=" icon-"] { letter-spacing: 0; }
body.theme-sirplay .bi { font-family: bootstrap-icons !important; letter-spacing: 0; }

body.theme-sirplay h1, body.theme-sirplay h2, body.theme-sirplay h3, body.theme-sirplay h4, body.theme-sirplay h5, body.theme-sirplay h6,
body.theme-sirplay .h1, body.theme-sirplay .h2, body.theme-sirplay .h3, body.theme-sirplay .h4 {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", system-ui, sans-serif;
    color: var(--sp-text); letter-spacing: -.02em; font-weight: 600;
}

:where(body.theme-sirplay) a { color: var(--sp-accent); transition: color var(--sp-fast) ease, opacity var(--sp-fast) ease; }
:where(body.theme-sirplay) a:hover, :where(body.theme-sirplay) a:focus { color: var(--sp-accent-hover); text-decoration: none; }
body.theme-sirplay ::selection { background: rgba(0, 113, 227, .22); }
body.theme-sirplay small, body.theme-sirplay .small, body.theme-sirplay .text-muted { color: var(--sp-text-2); }
body.theme-sirplay hr { border-top-color: var(--sp-sep); }

body.theme-sirplay * { scrollbar-width: thin; scrollbar-color: var(--sp-scroll-thumb) transparent; }
body.theme-sirplay ::-webkit-scrollbar { width: 10px; height: 10px; }
body.theme-sirplay ::-webkit-scrollbar-track { background: transparent; }
body.theme-sirplay ::-webkit-scrollbar-thumb { background: var(--sp-scroll-thumb); border-radius: 10px; border: 3px solid transparent; background-clip: content-box; }
body.theme-sirplay ::-webkit-scrollbar-thumb:hover { background: var(--sp-scroll-thumb-hover); background-clip: content-box; }

body.theme-sirplay .layout-main, body.theme-sirplay .layout-content-body { background: transparent !important; }
body.theme-sirplay .layout-content { background: transparent; }
body.theme-sirplay .layout-content-body { padding-top: 24px; }
body.theme-sirplay .layout-footer {
    background: transparent; color: var(--sp-text-3); font-size: 11px; border-top: 1px solid var(--sp-sep);
}
body.theme-sirplay .layout-footer a { color: var(--sp-text-2); }

body.theme-sirplay .layout-header {
    background: rgb(var(--gw) / .72);
    -webkit-backdrop-filter: saturate(180%) blur(22px); backdrop-filter: saturate(180%) blur(22px);
    box-shadow: none; border-bottom: 1px solid var(--sp-sep);
    transition: background var(--sp-med) ease, box-shadow var(--sp-med) ease;
}
body.theme-sirplay.sp-scrolled .layout-header { background: rgb(var(--gw) / .86); box-shadow: 0 1px 12px rgba(0, 0, 0, .06); }
body.theme-sirplay .layout-header .navbar, body.theme-sirplay .layout-header .navbar-default { background: transparent; border: 0; box-shadow: none; }
body.theme-sirplay .layout-header .navbar-header { background: transparent; }
body.theme-sirplay .navbar-default .navbar-nav > li > a,
body.theme-sirplay .navbar-default .navbar-toggler,
body.theme-sirplay .navbar-default .sidenav-toggler { color: var(--sp-text-2); transition: color var(--sp-fast) ease, background var(--sp-fast) ease; }
body.theme-sirplay .navbar-default .navbar-nav > li > a:hover,
body.theme-sirplay .navbar-default .navbar-nav > .open > a,
body.theme-sirplay .navbar-default .sidenav-toggler:hover { color: var(--sp-text); background: var(--sp-fill-2); }
body.theme-sirplay .layout-header .navbar-nav > li > a { border-radius: var(--sp-r-sm); margin: 6px 2px; padding-top: 7px; padding-bottom: 7px; font-weight: 500; }

body.theme-sirplay .layout-sidebar {
    background: var(--sp-sidebar-flat);
    -webkit-backdrop-filter: saturate(180%) blur(24px); backdrop-filter: saturate(180%) blur(24px);
    border-right: 1px solid var(--sp-sep); color: var(--sp-text-2);
}
body.theme-sirplay .layout-sidebar .sidenav { background: transparent; padding: 6px 8px 24px; }
body.theme-sirplay .sidenav-heading {
    color: var(--sp-text-3); font-size: 11px; font-weight: 600; letter-spacing: .06em; padding: 18px 12px 6px;
}
body.theme-sirplay .sidenav-subnav > li, body.theme-sirplay .sidenav-subnav-flyout > li { background: transparent; }
body.theme-sirplay .sidenav > li > a,
body.theme-sirplay .sidenav-subnav > li > a,
body.theme-sirplay .sidenav-subnav-flyout > li > a {
    background: transparent; color: var(--sp-text); font-weight: 500; border-radius: 9px; margin: 1px 0;
    transition: background var(--sp-fast) ease, color var(--sp-fast) ease, transform var(--sp-fast) var(--sp-ease);
}
body.theme-sirplay .sidenav > li > a:hover,
body.theme-sirplay .sidenav-subnav > li > a:hover { background: var(--sp-fill); color: var(--sp-text); }
body.theme-sirplay .sidenav > li > a:active,
body.theme-sirplay .sidenav-subnav > li > a:active { transform: scale(.985); }
body.theme-sirplay .sidenav .sidenav-icon { color: var(--sp-text-3); transition: color var(--sp-fast) ease; }
body.theme-sirplay .sidenav > li > a:hover .sidenav-icon { color: var(--sp-text-2); }

body.theme-sirplay .sidenav li.active > a,
body.theme-sirplay .sidenav .sidenav-item.active > a,
body.theme-sirplay .sidenav-subnav > li.active > a {
    background: var(--sp-accent-soft); color: var(--sp-accent); font-weight: 600;
}
body.theme-sirplay .sidenav li.active > a .sidenav-icon,
body.theme-sirplay .sidenav li.open > a .sidenav-icon { color: var(--sp-accent); }
body.theme-sirplay .sidenav .sidenav-item.open > a { background: var(--sp-fill-2); color: var(--sp-text); }
body.theme-sirplay .sidenav .sidenav-item.open.active > a { background: var(--sp-accent-soft); color: var(--sp-accent); }
body.theme-sirplay .sidenav-subnav { background: transparent; }
body.theme-sirplay .sidenav .sidenav-subnav .sidenav-subnav { background: var(--sp-fill-2); border-radius: 10px; margin: 2px 0 4px; }
body.theme-sirplay .sidenav-subnav > li > a { font-weight: 450; }

body.theme-sirplay .sidenav > li.has-subnav > a::after,
body.theme-sirplay .sidenav-subnav > li.has-subnav > a::after { transition: transform var(--sp-med) var(--sp-ease); color: var(--sp-text-3); }
body.theme-sirplay .sidenav li.has-subnav.open > a::after { transform: rotate(90deg); }

body.theme-sirplay .sidenav-subnav.collapsing { transition: height var(--sp-med) var(--sp-ease); }

body.theme-sirplay .layout-sidebar .dashboard-timezone { color: var(--sp-text-3); }
body.theme-sirplay .layout-sidebar .dashboard-timezone p { margin-bottom: 2px; }
body.theme-sirplay .layout-header .navbar-brand { background: transparent; }

body.theme-sirplay .menu-search input[type="search"] {
    background: var(--sp-fill); color: var(--sp-text); border: 0; border-radius: 10px; height: 34px; font-size: 13px;
    transition: background var(--sp-fast) ease, box-shadow var(--sp-fast) ease;
}
body.theme-sirplay .menu-search input[type="search"]::placeholder { color: var(--sp-text-3); }
body.theme-sirplay .menu-search input[type="search"]:focus { background: var(--sp-surface); box-shadow: 0 0 0 4px rgba(0, 113, 227, .22), 0 0 0 1px var(--sp-accent) inset; }
body.theme-sirplay .menu-search .menu-search-icon { color: var(--sp-text-3); opacity: 1; line-height: 34px; }
body.theme-sirplay .menu-search .menu-search-clear { color: var(--sp-text-3); height: 34px; line-height: 34px; }
body.theme-sirplay .menu-search-empty { color: var(--sp-text-3); }

body.theme-sirplay .sidenav-subnav-flyout {
    background: rgb(var(--gw) / .86); -webkit-backdrop-filter: saturate(180%) blur(24px); backdrop-filter: saturate(180%) blur(24px);
    border-radius: var(--sp-r); box-shadow: var(--sp-shadow-pop); padding: 6px; min-width: 190px; margin-left: 6px;
    animation: sp-pop var(--sp-med) var(--sp-ease);
}
body.theme-sirplay .sidenav-subnav-flyout > li > a { color: var(--sp-text); border-radius: 8px; }
body.theme-sirplay .sidenav-subnav-flyout > li > a:hover { background: var(--sp-fill); }
body.theme-sirplay .sidenav-subnav-flyout > li.active > a { background: var(--sp-accent-soft); color: var(--sp-accent); }

body.theme-sirplay .title-bar-title { font-size: 26px; font-weight: 700; letter-spacing: -.025em; color: var(--sp-text); }
body.theme-sirplay .title-bar-description { color: var(--sp-text-2); }

body.theme-sirplay .card, body.theme-sirplay .panel, body.theme-sirplay .well {
    background: var(--sp-surface); border: 0; border-radius: var(--sp-r-lg); box-shadow: var(--sp-shadow-1);
    color: var(--sp-text); transition: box-shadow var(--sp-med) var(--sp-ease), transform var(--sp-med) var(--sp-ease);
}
body.theme-sirplay .well { background: var(--sp-fill-2); box-shadow: none; border-radius: var(--sp-r); }
body.theme-sirplay .card-header, body.theme-sirplay .panel-heading {
    background: transparent; border-bottom: 1px solid var(--sp-sep); padding: 16px 20px; font-weight: 600; border-radius: var(--sp-r-lg) var(--sp-r-lg) 0 0;
}
body.theme-sirplay .card-body, body.theme-sirplay .panel-body { padding: 20px; }
body.theme-sirplay .card-footer, body.theme-sirplay .panel-footer { background: var(--sp-surface-2); border-top: 1px solid var(--sp-sep); border-radius: 0 0 var(--sp-r-lg) var(--sp-r-lg); }
body.theme-sirplay .card-title { font-weight: 600; letter-spacing: -.01em; }

body.theme-sirplay .reg-card, body.theme-sirplay .be-panel { border: 0; border-radius: var(--sp-r-lg); box-shadow: var(--sp-shadow-1); }
body.theme-sirplay .reg-card-head { border-bottom-color: var(--sp-sep); }
body.theme-sirplay .reg-card-title { color: var(--sp-text); letter-spacing: -.01em; }

body.theme-sirplay .btn {
    font-family: inherit; font-weight: 500; font-size: 13px; letter-spacing: -.005em; border-radius: 10px; border-width: 1px; padding: 7px 16px;
    box-shadow: none; text-shadow: none; background-image: none;
    transition: background var(--sp-fast) ease, border-color var(--sp-fast) ease, color var(--sp-fast) ease, transform var(--sp-fast) var(--sp-ease), box-shadow var(--sp-fast) ease, filter var(--sp-fast) ease;
}
body.theme-sirplay .btn:active, body.theme-sirplay .btn.active { transform: scale(.97); box-shadow: none; }
body.theme-sirplay .btn:focus, body.theme-sirplay .btn.focus { outline: none; box-shadow: 0 0 0 4px rgba(0, 113, 227, .28); }
body.theme-sirplay .btn-xs { padding: 3px 10px; font-size: 11.5px; border-radius: 8px; }
body.theme-sirplay .btn-sm { padding: 5px 12px; font-size: 12.5px; border-radius: 9px; }
body.theme-sirplay .btn-lg { padding: 11px 24px; font-size: 15px; border-radius: 12px; }
body.theme-sirplay .btn-primary, body.theme-sirplay .btn-info { background: var(--sp-accent); border-color: var(--sp-accent); color: #fff; }
body.theme-sirplay .btn-primary:hover, body.theme-sirplay .btn-primary:focus, body.theme-sirplay .btn-info:hover { background: var(--sp-accent-hover); border-color: var(--sp-accent-hover); color: #fff; }
body.theme-sirplay .btn-success { background: #30b94f; border-color: #30b94f; color: #fff; }
body.theme-sirplay .btn-success:hover, body.theme-sirplay .btn-success:focus { background: #2fc552; border-color: #2fc552; color: #fff; }
body.theme-sirplay .btn-warning { background: #ff9f0a; border-color: #ff9f0a; color: #fff; }
body.theme-sirplay .btn-warning:hover { background: #ffa91f; border-color: #ffa91f; color: #fff; }
body.theme-sirplay .btn-danger { background: #ff3b30; border-color: #ff3b30; color: #fff; }
body.theme-sirplay .btn-danger:hover, body.theme-sirplay .btn-danger:focus { background: #ff4d42; border-color: #ff4d42; color: #fff; }
body.theme-sirplay .btn-default, body.theme-sirplay .btn-secondary {
    background: var(--sp-fill); border-color: transparent; color: var(--sp-text);
}
body.theme-sirplay .btn-default:hover, body.theme-sirplay .btn-default:focus, body.theme-sirplay .btn-secondary:hover { background: rgba(120, 120, 128, .2); border-color: transparent; color: var(--sp-text); }
body.theme-sirplay .btn-outline-success, body.theme-sirplay .btn-outline-info, body.theme-sirplay .btn-outline-primary, body.theme-sirplay .btn-outline-danger, body.theme-sirplay .btn-outline-warning, body.theme-sirplay .btn-outline-secondary {
    background: transparent;
}
body.theme-sirplay .btn-outline-info, body.theme-sirplay .btn-outline-primary { color: var(--sp-accent); border-color: var(--sp-accent-soft); }
body.theme-sirplay .btn-outline-info:hover, body.theme-sirplay .btn-outline-primary:hover { background: var(--sp-accent-soft); color: var(--sp-accent); border-color: transparent; }
body.theme-sirplay .btn-outline-success { color: var(--sp-green); border-color: rgba(52, 199, 89, .4); }
body.theme-sirplay .btn-outline-success:hover { background: var(--sp-green-soft); color: var(--sp-green); }
body.theme-sirplay .btn-outline-danger { color: var(--sp-red); border-color: rgba(255, 59, 48, .35); }
body.theme-sirplay .btn-outline-danger:hover { background: var(--sp-red-soft); color: var(--sp-red); }
body.theme-sirplay .btn-link { color: var(--sp-accent); }
body.theme-sirplay .btn[disabled], body.theme-sirplay .btn.disabled { opacity: .4; transform: none; }
body.theme-sirplay .btn-group > .btn, body.theme-sirplay .btn-group-vertical > .btn { border-radius: 0; }
body.theme-sirplay .btn-group > .btn:first-child { border-radius: 10px 0 0 10px; }
body.theme-sirplay .btn-group > .btn:last-child { border-radius: 0 10px 10px 0; }
body.theme-sirplay .btn-circle { border-radius: 50%; }
body.theme-sirplay .reg-btn-main, body.theme-sirplay .be-btn-search { color: #fff; background: var(--sp-accent); border-color: var(--sp-accent); border-radius: 10px; }
body.theme-sirplay .reg-btn-main:hover, body.theme-sirplay .be-btn-search:hover { background: var(--sp-accent-hover); border-color: var(--sp-accent-hover); }
body.theme-sirplay .reg-btn-ghost, body.theme-sirplay .be-btn-neutral { border-radius: 10px; border-color: var(--sp-sep-strong); color: var(--sp-text); background: var(--sp-surface); }
body.theme-sirplay .reg-btn-ghost:hover, body.theme-sirplay .be-btn-neutral:hover { border-color: var(--sp-accent); color: var(--sp-accent); background: var(--sp-surface); }

body.theme-sirplay .form-control, body.theme-sirplay .input-style {
    font-family: inherit; font-size: 14px; color: var(--sp-text); background: var(--sp-surface);
    border: 1px solid var(--sp-sep-strong); border-radius: 10px; box-shadow: none; height: 38px; padding: 6px 12px;
    transition: border-color var(--sp-fast) ease, box-shadow var(--sp-fast) ease, background var(--sp-fast) ease;
}
body.theme-sirplay textarea.form-control { height: auto; border-radius: 12px; }
body.theme-sirplay .form-control:hover { border-color: rgba(60, 60, 67, .38); }
body.theme-sirplay .form-control:focus, body.theme-sirplay .input-style:focus {
    border-color: var(--sp-accent); box-shadow: 0 0 0 4px rgba(0, 113, 227, .2); outline: none; background: var(--sp-surface);
}
body.theme-sirplay .form-control::placeholder { color: var(--sp-text-3); }
body.theme-sirplay .form-control[disabled], body.theme-sirplay .form-control[readonly] { background: var(--sp-fill-2); color: var(--sp-text-2); }
body.theme-sirplay .input-group-addon { background: var(--sp-fill-2); border-color: var(--sp-sep-strong); color: var(--sp-text-2); border-radius: 10px 0 0 10px; }
body.theme-sirplay .input-group .form-control:last-child { border-radius: 0 10px 10px 0; }
body.theme-sirplay label, body.theme-sirplay .control-label { font-weight: 500; color: var(--sp-text-2); font-size: 12.5px; }
body.theme-sirplay .help-block { color: var(--sp-text-3); }
body.theme-sirplay .has-error .form-control { border-color: #ff3b30; box-shadow: 0 0 0 4px rgba(255, 59, 48, .14); }
body.theme-sirplay select.form-control { -webkit-appearance: none; appearance: none; padding-right: 30px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238e8e93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 12px center; }

body.theme-sirplay .select2-container--bootstrap .select2-selection,
body.theme-sirplay .select2-container--default .select2-selection--single,
body.theme-sirplay .select2-container .select2-choice {
    border: 1px solid var(--sp-sep-strong); border-radius: 10px; box-shadow: none; height: 38px; background: var(--sp-surface);
}
body.theme-sirplay .select2-container--bootstrap.select2-container--focus .select2-selection,
body.theme-sirplay .select2-container--bootstrap.select2-container--open .select2-selection { border-color: var(--sp-accent); box-shadow: 0 0 0 4px rgba(0, 113, 227, .2); }
body.theme-sirplay .select2-dropdown, body.theme-sirplay .select2-drop {
    border: 0; border-radius: var(--sp-r); box-shadow: var(--sp-shadow-pop); overflow: hidden; animation: sp-pop var(--sp-fast) var(--sp-ease);
}
body.theme-sirplay .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background: var(--sp-accent); }

body.theme-sirplay input[type="checkbox"], body.theme-sirplay input[type="radio"] { accent-color: var(--sp-accent); }

body.theme-sirplay .bootstrap-datetimepicker-widget, body.theme-sirplay .datepicker {
    border: 0; border-radius: var(--sp-r); box-shadow: var(--sp-shadow-pop);
}
body.theme-sirplay .bootstrap-datetimepicker-widget td.active, body.theme-sirplay .bootstrap-datetimepicker-widget td.active:hover,
body.theme-sirplay .datepicker table tr td.active, body.theme-sirplay .datepicker table tr td.active:hover { background: var(--sp-accent); border-radius: 8px; text-shadow: none; }
body.theme-sirplay .bootstrap-datetimepicker-widget td.today:before { border-bottom-color: var(--sp-accent); }

body.theme-sirplay .table { color: var(--sp-text); background: transparent; }
body.theme-sirplay .table > thead > tr > th {
    color: var(--sp-text-2); font-weight: 600; font-size: 11.5px; letter-spacing: .02em; text-transform: none;
    border-bottom: 1px solid var(--sp-sep-strong); background: var(--sp-surface-2);
}
body.theme-sirplay .table > tbody > tr > td, body.theme-sirplay .table > tbody > tr > th { border-top: 1px solid var(--sp-sep); vertical-align: middle; }
body.theme-sirplay .table-striped > tbody > tr:nth-of-type(odd) { background: var(--sp-surface-2); }
body.theme-sirplay .table-hover > tbody > tr:hover, body.theme-sirplay .table > tbody > tr:hover { background-color: rgba(0, 113, 227, .05); }
body.theme-sirplay .table > tbody > tr { transition: background-color var(--sp-fast) ease; }
body.theme-sirplay .table-bordered, body.theme-sirplay .table-bordered > thead > tr > th, body.theme-sirplay .table-bordered > tbody > tr > td { border-color: var(--sp-sep); }
body.theme-sirplay table.dataTable thead th, body.theme-sirplay table.dataTable thead td { border-bottom: 1px solid var(--sp-sep-strong); }
body.theme-sirplay table.dataTable.no-footer { border-bottom: 1px solid var(--sp-sep); }

body.theme-sirplay #users-table thead th { background: var(--sp-surface-2); color: var(--sp-text-2); }
body.theme-sirplay .reg-scroll { border-color: var(--sp-sep); border-radius: var(--sp-r); }

body.theme-sirplay .dataTables_wrapper .dataTables_length select,
body.theme-sirplay .dataTables_wrapper .dataTables_filter input { border: 1px solid var(--sp-sep-strong); border-radius: 9px; height: 32px; background-color: var(--sp-surface); }
body.theme-sirplay .dataTables_wrapper .dataTables_info, body.theme-sirplay .dataTables_wrapper .dataTables_length label { color: var(--sp-text-2); }
body.theme-sirplay .pagination > li > a, body.theme-sirplay .pagination > li > span {
    border: 0; color: var(--sp-text); background: transparent; border-radius: 9px !important; margin: 0 2px; padding: 6px 12px; transition: background var(--sp-fast) ease;
}
body.theme-sirplay .pagination > li > a:hover, body.theme-sirplay .pagination > li > span:hover { background: var(--sp-fill); color: var(--sp-text); }
body.theme-sirplay .pagination > .active > a, body.theme-sirplay .pagination > .active > a:hover, body.theme-sirplay .pagination > .active > span { background: var(--sp-accent); color: #fff; }
body.theme-sirplay .pagination > .disabled > a, body.theme-sirplay .pagination > .disabled > span { color: var(--sp-text-3); background: transparent; }
body.theme-sirplay .dt-buttons .dt-button, body.theme-sirplay .dt-buttons button, body.theme-sirplay .dt-buttons .buttons-html5 {
    border: 0; background: var(--sp-fill); color: var(--sp-text); border-radius: 9px; font-weight: 500; box-shadow: none; background-image: none; text-shadow: none;
}
body.theme-sirplay .dt-buttons .dt-button:hover, body.theme-sirplay .dt-buttons button:hover { background: rgba(120, 120, 128, .2); color: var(--sp-text); }

body.theme-sirplay .nav-tabs { border-bottom: 1px solid var(--sp-sep); }
body.theme-sirplay .nav-tabs > li > a { border: 0; border-radius: 9px 9px 0 0; color: var(--sp-text-2); font-weight: 500; transition: color var(--sp-fast) ease, background var(--sp-fast) ease; }
body.theme-sirplay .nav-tabs > li > a:hover { background: var(--sp-fill-2); color: var(--sp-text); }
body.theme-sirplay .nav-tabs > li.active > a, body.theme-sirplay .nav-tabs > li.active > a:hover, body.theme-sirplay .nav-tabs > li.active > a:focus {
    color: var(--sp-accent); background: transparent; border: 0; box-shadow: inset 0 -2px 0 var(--sp-accent);
}
body.theme-sirplay .nav-pills > li > a { border-radius: 9px; color: var(--sp-text-2); font-weight: 500; }
body.theme-sirplay .nav-pills > li.active > a, body.theme-sirplay .nav-pills > li.active > a:hover { background: var(--sp-accent); color: #fff; }
body.theme-sirplay .breadcrumb { background: transparent; }

body.theme-sirplay .label {
    font-weight: 600; letter-spacing: 0; border-radius: 999px; padding: .3em .75em; text-shadow: none; background: var(--sp-fill); color: var(--sp-text-2);
}
body.theme-sirplay .label-success { background: var(--sp-green-soft); color: var(--sp-green); }
body.theme-sirplay .label-warning { background: var(--sp-orange-soft); color: var(--sp-orange); }
body.theme-sirplay .label-danger { background: var(--sp-red-soft); color: var(--sp-red); }
body.theme-sirplay .label-info, body.theme-sirplay .label-primary { background: var(--sp-accent-soft); color: var(--sp-accent); }
body.theme-sirplay .targetta { border-radius: 999px; font-weight: 600; }
body.theme-sirplay .alert { border: 0; border-radius: var(--sp-r); box-shadow: none; }
body.theme-sirplay .alert-success { background: var(--sp-green-soft); color: var(--sp-alert-success); }
body.theme-sirplay .alert-info { background: var(--sp-accent-soft); color: var(--sp-alert-info); }
body.theme-sirplay .alert-warning { background: var(--sp-orange-soft); color: var(--sp-alert-warning); }
body.theme-sirplay .alert-danger { background: var(--sp-red-soft); color: var(--sp-alert-danger); }
body.theme-sirplay .progress { background: var(--sp-fill); border-radius: 999px; box-shadow: none; height: 8px; overflow: hidden; }
body.theme-sirplay .progress-bar { background: var(--sp-accent); box-shadow: none; transition: width .6s var(--sp-ease); }

body.theme-sirplay .dropdown-menu {
    border: 0; border-radius: var(--sp-r); box-shadow: var(--sp-shadow-pop); padding: 6px; margin-top: 6px;
    background: rgb(var(--gw) / .92); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px);
    animation: sp-pop var(--sp-med) var(--sp-ease); transform-origin: top right;
}
body.theme-sirplay .dropdown-menu > li > a { border-radius: 8px; padding: 7px 12px; color: var(--sp-text); transition: background var(--sp-fast) ease; }
body.theme-sirplay .dropdown-menu > li > a:hover, body.theme-sirplay .dropdown-menu > li > a:focus { background: var(--sp-accent); color: #fff; }
body.theme-sirplay .dropdown-menu .divider { background: var(--sp-sep); margin: 6px 0; }
body.theme-sirplay .popover { border: 0; border-radius: var(--sp-r); box-shadow: var(--sp-shadow-pop); }
body.theme-sirplay .tooltip-inner { background: rgba(29, 29, 31, .92); border-radius: 8px; padding: 5px 10px; font-size: 12px; }

body.theme-sirplay .modal-backdrop { background: rgba(0, 0, 0, .32); }
body.theme-sirplay .modal-backdrop.in { opacity: 1; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
body.theme-sirplay .modal.fade .modal-dialog { transform: scale(.94) translateY(12px); opacity: 0; transition: transform var(--sp-med) var(--sp-spring), opacity var(--sp-fast) ease; }
body.theme-sirplay .modal.in .modal-dialog { transform: none; opacity: 1; }
body.theme-sirplay .modal-content {
    border: 0; border-radius: 20px; box-shadow: 0 24px 80px rgba(0, 0, 0, .28), 0 0 0 .5px rgba(0, 0, 0, .08); background: var(--sp-surface);
}
body.theme-sirplay .modal-header { border-bottom: 1px solid var(--sp-sep); padding: 18px 22px; background: transparent; border-radius: 20px 20px 0 0; }
body.theme-sirplay .modal-title { font-weight: 600; letter-spacing: -.015em; font-size: 17px; }
body.theme-sirplay .modal-body { padding: 20px 22px; }
body.theme-sirplay .modal-footer { border-top: 1px solid var(--sp-sep); padding: 14px 22px; background: transparent; border-radius: 0 0 20px 20px; }
body.theme-sirplay .modal-header .close, body.theme-sirplay .close {
    opacity: 1; text-shadow: none; color: var(--sp-text-3); font-weight: 400; width: 28px; height: 28px; border-radius: 50%; background: var(--sp-fill); line-height: 26px; text-align: center; font-size: 20px;
    transition: background var(--sp-fast) ease, transform var(--sp-fast) var(--sp-ease);
}
body.theme-sirplay .close:hover { background: rgba(120, 120, 128, .24); color: var(--sp-text); transform: scale(1.06); }
body.theme-sirplay .reg-modal-header, body.theme-sirplay .reg-modal-footer { background: transparent; border-color: var(--sp-sep); }

body.theme-sirplay .sweet-alert { border-radius: 20px; box-shadow: 0 24px 80px rgba(0, 0, 0, .28); font-family: inherit; padding: 24px 24px 20px; }
body.theme-sirplay .sweet-alert h2 { font-weight: 600; letter-spacing: -.02em; color: var(--sp-text); }
body.theme-sirplay .sweet-alert p { color: var(--sp-text-2); }
body.theme-sirplay .sweet-alert button { border-radius: 10px !important; font-weight: 500; box-shadow: none !important; transition: transform var(--sp-fast) var(--sp-ease), filter var(--sp-fast) ease; }
body.theme-sirplay .sweet-alert button:active { transform: scale(.97); }
body.theme-sirplay .sweet-alert button.confirm { background-color: var(--sp-accent) !important; }
body.theme-sirplay .sweet-overlay { background-color: rgba(0, 0, 0, .32); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
body.theme-sirplay .jq-toast-single { border-radius: 14px; box-shadow: var(--sp-shadow-pop); font-family: inherit; padding: 14px 18px; }

@keyframes sp-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes sp-pop { from { opacity: 0; transform: scale(.96) translateY(-4px); } to { opacity: 1; transform: none; } }
@keyframes sp-fade { from { opacity: 0; } to { opacity: 1; } }
body.theme-sirplay .layout-content .card, body.theme-sirplay .layout-content .panel, body.theme-sirplay .layout-content .reg-card,
body.theme-sirplay .layout-content .be-panel, body.theme-sirplay .layout-content .be-review-block, body.theme-sirplay .layout-content .be-tx-stats,
body.theme-sirplay .layout-content .bonus-players-view > .panel {

    animation: sp-rise .55s var(--sp-ease) backwards; animation-delay: calc(var(--sp-i, 0) * 45ms);
}

@view-transition { navigation: auto; }
body.theme-sirplay .layout-header { view-transition-name: sp-header; }
body.theme-sirplay .layout-sidebar { view-transition-name: sp-sidebar; }
::view-transition-old(root) { animation: .18s ease both sp-vt-out; }
::view-transition-new(root) { animation: .32s var(--sp-ease, ease) both sp-vt-in; }
@keyframes sp-vt-out { to { opacity: 0; } }
@keyframes sp-vt-in { from { opacity: 0; transform: translateY(6px); } }
::view-transition-group(sp-header), ::view-transition-group(sp-sidebar) { animation-duration: 0s; }

@media (max-width: 767px) {
    body.theme-sirplay #sidenav.sidenav-collapse { background: rgba(246, 246, 248, .92); -webkit-backdrop-filter: saturate(180%) blur(24px); backdrop-filter: saturate(180%) blur(24px); box-shadow: 8px 0 40px rgba(0, 0, 0, .18); border-radius: 0 18px 18px 0; }
    body.theme-sirplay .title-bar-title { font-size: 22px; }
    body.theme-sirplay .modal.fade .modal-dialog { transform: translateY(40px); }
    body.theme-sirplay .modal-content { border-radius: 18px; }
}

@media (prefers-reduced-motion: reduce) {
    body.theme-sirplay *, body.theme-sirplay *::before, body.theme-sirplay *::after { animation-duration: .001ms !important; animation-delay: 0ms !important; transition-duration: .001ms !important; }
    @view-transition { navigation: none; }
}

body.theme-sirplay.theme-glass {
    --g-blur: saturate(190%) blur(26px);
    --g-blur-strong: saturate(200%) blur(40px) brightness(1.04);
    --g-fill: rgb(var(--gw) / .58);
    --g-fill-strong: rgb(var(--gw) / .74);
    --g-fill-tint: rgb(var(--gw) / .34);
    --g-edge: inset 0 1px 0 rgb(var(--gh) / calc(.9 * var(--gk))), inset 0 -1px 0 rgb(var(--gh) / calc(.25 * var(--gk))), inset 0 0 0 1px rgb(var(--gh) / calc(.42 * var(--gk)));
    --g-shadow: 0 10px 34px rgba(40, 60, 120, .13), 0 1.5px 4px rgba(40, 60, 120, .06);
    --g-shadow-lift: 0 18px 50px rgba(40, 60, 120, .2), 0 2px 6px rgba(40, 60, 120, .08);
    --sp-sep: rgba(60, 60, 67, .1);
    --sp-r-lg: 24px;
    --sp-r: 16px;
}

body.theme-sirplay.theme-glass {
    background:
        radial-gradient(55% 50% at 14% 6%, rgba(0, 122, 255, .34), transparent 64%),
        radial-gradient(48% 48% at 94% 2%, rgba(175, 82, 222, .26), transparent 62%),
        radial-gradient(55% 55% at 80% 98%, rgba(52, 199, 89, .24), transparent 64%),
        radial-gradient(50% 50% at 4% 92%, rgba(255, 159, 10, .22), transparent 62%),
        radial-gradient(40% 40% at 50% 50%, rgba(90, 200, 250, .12), transparent 70%),
        #e9ecf6;
    background-attachment: fixed;
}

body.theme-sirplay.theme-glass .layout-header::after,
body.theme-sirplay.theme-glass .layout-sidebar::after,
body.theme-sirplay.theme-glass .card::after, body.theme-sirplay.theme-glass .panel::after,
body.theme-sirplay.theme-glass .reg-card::after, body.theme-sirplay.theme-glass .be-panel::after,
body.theme-sirplay.theme-glass .modal-content::after {
    content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 0;
    background:
        radial-gradient(180px circle at var(--mx, 50%) var(--my, -40%), rgb(var(--gh) / calc(.5 * var(--gk))), transparent 70%),
        linear-gradient(135deg, rgb(var(--gh) / calc(.34 * var(--gk))) 0%, rgb(var(--gh) / calc(0 * var(--gk))) 38%, rgb(var(--gh) / calc(0 * var(--gk))) 70%, rgb(var(--gh) / calc(.14 * var(--gk))) 100%);
    opacity: .9; transition: opacity var(--sp-med) ease;
}
body.theme-sirplay.theme-glass .card, body.theme-sirplay.theme-glass .panel, body.theme-sirplay.theme-glass .reg-card,
body.theme-sirplay.theme-glass .be-panel, body.theme-sirplay.theme-glass .modal-content { position: relative; }
body.theme-sirplay.theme-glass .card > *, body.theme-sirplay.theme-glass .panel > *, body.theme-sirplay.theme-glass .reg-card > *,
body.theme-sirplay.theme-glass .be-panel > *, body.theme-sirplay.theme-glass .modal-content > * { position: relative; z-index: 1; }

body.theme-sirplay.theme-glass .layout-header {
    background: var(--g-fill-strong); -webkit-backdrop-filter: var(--g-blur); backdrop-filter: var(--g-blur);
    box-shadow: var(--g-edge), 0 6px 24px rgba(40, 60, 120, .08); border-bottom: 0; position: fixed;
}
body.theme-sirplay.theme-glass.sp-scrolled .layout-header { background: rgb(var(--gw) / .84); box-shadow: var(--g-edge), 0 10px 30px rgba(40, 60, 120, .14); }
@media (min-width: 768px) {

    body.theme-sirplay.theme-glass .layout-sidebar {
        top: 58px; bottom: 8px; left: 8px; height: auto; border-radius: 26px; border-right: 0;
        background: var(--g-fill); -webkit-backdrop-filter: var(--g-blur-strong); backdrop-filter: var(--g-blur-strong);
        box-shadow: var(--g-edge), var(--g-shadow); overflow: hidden;
    }
}
body.theme-sirplay.theme-glass .layout-sidebar .layout-sidebar-body { border-radius: inherit; }
body.theme-sirplay.theme-glass .layout-sidebar .sidenav { position: relative; z-index: 1; }

body.theme-sirplay.theme-glass .sidenav > li > a,
body.theme-sirplay.theme-glass .sidenav-subnav > li > a { border-radius: 999px; padding-left: 14px; }
body.theme-sirplay.theme-glass .sidenav > li > a:hover,
body.theme-sirplay.theme-glass .sidenav-subnav > li > a:hover { background: rgb(var(--gw) / .6); box-shadow: inset 0 0 0 1px rgb(var(--gh) / calc(.7 * var(--gk))), 0 2px 10px rgba(40, 60, 120, .08); }
body.theme-sirplay.theme-glass .sidenav li.active > a,
body.theme-sirplay.theme-glass .sidenav .sidenav-item.active > a,
body.theme-sirplay.theme-glass .sidenav-subnav > li.active > a {
    background: linear-gradient(180deg, rgba(10, 132, 255, .22), rgba(10, 132, 255, .12));
    box-shadow: inset 0 1px 0 rgb(var(--gh) / calc(.7 * var(--gk))), inset 0 0 0 1px rgba(10, 132, 255, .22), 0 4px 14px rgba(10, 132, 255, .16);
    color: var(--sp-accent-strong);
}
body.theme-sirplay.theme-glass .sidenav .sidenav-item.open > a { background: rgb(var(--gw) / .38); }
body.theme-sirplay.theme-glass .sidenav .sidenav-subnav .sidenav-subnav { background: rgb(var(--gw) / .3); border-radius: 18px; box-shadow: inset 0 0 0 1px rgb(var(--gh) / calc(.5 * var(--gk))); }
body.theme-sirplay.theme-glass .menu-search input[type="search"] {
    background: rgb(var(--gw) / .55); border-radius: 999px; height: 36px; padding-left: 34px;
    box-shadow: inset 0 1px 3px rgba(40, 60, 120, .12), inset 0 0 0 1px rgb(var(--gh) / calc(.7 * var(--gk)));
}
body.theme-sirplay.theme-glass .menu-search input[type="search"]:focus { background: rgb(var(--gw) / .85); box-shadow: 0 0 0 4px rgba(10, 132, 255, .22), inset 0 0 0 1px rgba(10, 132, 255, .6); }
body.theme-sirplay.theme-glass .menu-search .menu-search-icon { left: 13px; line-height: 36px; }
body.theme-sirplay.theme-glass .menu-search .menu-search-clear { height: 36px; line-height: 36px; }
body.theme-sirplay.theme-glass .sidenav-subnav-flyout {
    background: var(--g-fill-strong); -webkit-backdrop-filter: var(--g-blur-strong); backdrop-filter: var(--g-blur-strong);
    border-radius: 22px; box-shadow: var(--g-edge), var(--g-shadow-lift);
}
body.theme-sirplay.theme-glass .sidenav-subnav-flyout > li > a { border-radius: 999px; }

body.theme-sirplay.theme-glass .card, body.theme-sirplay.theme-glass .panel, body.theme-sirplay.theme-glass .reg-card, body.theme-sirplay.theme-glass .be-panel {
    background: var(--g-fill); -webkit-backdrop-filter: var(--g-blur); backdrop-filter: var(--g-blur);
    box-shadow: var(--g-edge), var(--g-shadow); border-radius: var(--sp-r-lg);
    transition: box-shadow var(--sp-med) var(--sp-ease), transform var(--sp-med) var(--sp-ease), background var(--sp-med) ease;
}
body.theme-sirplay.theme-glass .card:hover, body.theme-sirplay.theme-glass .reg-card:hover { box-shadow: var(--g-edge), var(--g-shadow-lift); }
body.theme-sirplay.theme-glass .well { background: var(--g-fill-tint); box-shadow: var(--g-edge); border-radius: 20px; }
body.theme-sirplay.theme-glass .card-header, body.theme-sirplay.theme-glass .panel-heading, body.theme-sirplay.theme-glass .reg-card-head { border-bottom-color: rgb(var(--gh) / calc(.6 * var(--gk))); }
body.theme-sirplay.theme-glass .card-footer, body.theme-sirplay.theme-glass .panel-footer { background: rgb(var(--gw) / .3); border-top-color: rgb(var(--gh) / calc(.6 * var(--gk))); }

body.theme-sirplay.theme-glass .btn {
    border-radius: 999px; padding: 7px 18px; position: relative; overflow: hidden; border-color: transparent;
    -webkit-backdrop-filter: blur(10px) saturate(180%); backdrop-filter: blur(10px) saturate(180%);
    transition: transform .35s var(--sp-spring), box-shadow var(--sp-fast) ease, background var(--sp-fast) ease, filter var(--sp-fast) ease;
}
body.theme-sirplay.theme-glass .btn::before {
    content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
    background: radial-gradient(90px circle at var(--mx, 50%) var(--my, -30%), rgb(var(--gh) / calc(.55 * var(--gk))), transparent 70%); opacity: 0; transition: opacity var(--sp-fast) ease;
}
body.theme-sirplay.theme-glass .btn:hover::before { opacity: 1; }
body.theme-sirplay.theme-glass .btn:hover { transform: translateY(-1px); }
body.theme-sirplay.theme-glass .btn:active, body.theme-sirplay.theme-glass .btn.active { transform: scale(.94); transition-duration: .12s; }
body.theme-sirplay.theme-glass .btn-xs { padding: 3px 12px; }
body.theme-sirplay.theme-glass .btn-sm { padding: 5px 14px; }
body.theme-sirplay.theme-glass .btn-default, body.theme-sirplay.theme-glass .btn-secondary {
    background: rgb(var(--gw) / .55); color: var(--sp-text); box-shadow: var(--g-edge), 0 2px 8px rgba(40, 60, 120, .08);
}
body.theme-sirplay.theme-glass .btn-default:hover, body.theme-sirplay.theme-glass .btn-default:focus { background: rgb(var(--gw) / .8); box-shadow: var(--g-edge), 0 6px 18px rgba(40, 60, 120, .14); }
body.theme-sirplay.theme-glass .btn-primary, body.theme-sirplay.theme-glass .btn-info {
    background: linear-gradient(180deg, rgba(40, 150, 255, .95), rgba(0, 113, 227, .95)); color: #fff;
    box-shadow: inset 0 1px 0 rgb(var(--gh) / calc(.55 * var(--gk))), inset 0 0 0 1px rgb(var(--gh) / calc(.18 * var(--gk))), 0 6px 18px rgba(0, 113, 227, .35);
}
body.theme-sirplay.theme-glass .btn-primary:hover, body.theme-sirplay.theme-glass .btn-info:hover { background: linear-gradient(180deg, rgba(64, 165, 255, .98), rgba(10, 125, 240, .98)); box-shadow: inset 0 1px 0 rgb(var(--gh) / calc(.6 * var(--gk))), inset 0 0 0 1px rgb(var(--gh) / calc(.22 * var(--gk))), 0 10px 26px rgba(0, 113, 227, .42); }
body.theme-sirplay.theme-glass .btn-success { background: linear-gradient(180deg, rgba(72, 214, 105, .95), rgba(40, 180, 75, .95)); box-shadow: inset 0 1px 0 rgb(var(--gh) / calc(.5 * var(--gk))), 0 6px 18px rgba(48, 185, 79, .32); }
body.theme-sirplay.theme-glass .btn-danger { background: linear-gradient(180deg, rgba(255, 94, 84, .95), rgba(255, 59, 48, .95)); box-shadow: inset 0 1px 0 rgb(var(--gh) / calc(.5 * var(--gk))), 0 6px 18px rgba(255, 59, 48, .32); }
body.theme-sirplay.theme-glass .btn-warning { background: linear-gradient(180deg, rgba(255, 184, 60, .95), rgba(255, 159, 10, .95)); box-shadow: inset 0 1px 0 rgb(var(--gh) / calc(.5 * var(--gk))), 0 6px 18px rgba(255, 159, 10, .32); }
body.theme-sirplay.theme-glass .btn-outline-info, body.theme-sirplay.theme-glass .btn-outline-primary, body.theme-sirplay.theme-glass .btn-outline-success, body.theme-sirplay.theme-glass .btn-outline-danger {
    background: rgb(var(--gw) / .4); box-shadow: var(--g-edge);
}
body.theme-sirplay.theme-glass .reg-btn-main, body.theme-sirplay.theme-glass .be-btn-search { border-radius: 999px; background: linear-gradient(180deg, rgba(40, 150, 255, .95), rgba(0, 113, 227, .95)); box-shadow: inset 0 1px 0 rgb(var(--gh) / calc(.55 * var(--gk))), 0 6px 18px rgba(0, 113, 227, .35); }
body.theme-sirplay.theme-glass .reg-btn-ghost, body.theme-sirplay.theme-glass .be-btn-neutral, body.theme-sirplay.theme-glass .reg-btn-excel { border-radius: 999px; background: rgb(var(--gw) / .55); border-color: transparent; box-shadow: var(--g-edge), 0 2px 8px rgba(40, 60, 120, .08); }
body.theme-sirplay.theme-glass .dt-buttons .dt-button, body.theme-sirplay.theme-glass .dt-buttons button { border-radius: 999px; background: rgb(var(--gw) / .55); box-shadow: var(--g-edge); }

body.theme-sirplay.theme-glass .form-control, body.theme-sirplay.theme-glass .input-style {
    background: rgb(var(--gw) / .6); border: 0; border-radius: 14px; height: 40px;
    box-shadow: inset 0 1px 3px rgba(40, 60, 120, .12), inset 0 0 0 1px rgb(var(--gh) / calc(.8 * var(--gk)));
}
body.theme-sirplay.theme-glass textarea.form-control { border-radius: 18px; }
body.theme-sirplay.theme-glass .form-control:hover { box-shadow: inset 0 1px 3px rgba(40, 60, 120, .14), inset 0 0 0 1px rgb(var(--gh) / calc(.95 * var(--gk))); }
body.theme-sirplay.theme-glass .form-control:focus, body.theme-sirplay.theme-glass .input-style:focus {
    background: rgb(var(--gw) / .92); box-shadow: 0 0 0 4px rgba(10, 132, 255, .22), inset 0 0 0 1px rgba(10, 132, 255, .65);
}
body.theme-sirplay.theme-glass .select2-container--bootstrap .select2-selection, body.theme-sirplay.theme-glass .select2-container--default .select2-selection--single, body.theme-sirplay.theme-glass .select2-container .select2-choice {
    background: rgb(var(--gw) / .6); border: 0; border-radius: 14px; height: 40px; box-shadow: inset 0 1px 3px rgba(40, 60, 120, .12), inset 0 0 0 1px rgb(var(--gh) / calc(.8 * var(--gk)));
}
body.theme-sirplay.theme-glass .select2-dropdown, body.theme-sirplay.theme-glass .select2-drop, body.theme-sirplay.theme-glass .bootstrap-datetimepicker-widget, body.theme-sirplay.theme-glass .datepicker {
    background: var(--g-fill-strong); -webkit-backdrop-filter: var(--g-blur-strong); backdrop-filter: var(--g-blur-strong); border-radius: 20px; box-shadow: var(--g-edge), var(--g-shadow-lift);
}

body.theme-sirplay.theme-glass .table > thead > tr > th, body.theme-sirplay.theme-glass #users-table thead th { background: rgb(var(--gw) / .5); border-bottom-color: rgba(60, 60, 67, .14); }
body.theme-sirplay.theme-glass .table-striped > tbody > tr:nth-of-type(odd) { background: rgb(var(--gw) / .32); }
body.theme-sirplay.theme-glass .table > tbody > tr > td { border-top-color: rgba(60, 60, 67, .08); }
body.theme-sirplay.theme-glass .table > tbody > tr:hover { background-color: rgba(10, 132, 255, .07); }
body.theme-sirplay.theme-glass #users-table tbody tr:nth-of-type(odd) td { background: rgb(var(--gw) / .5); }
body.theme-sirplay.theme-glass #users-table tbody tr:nth-of-type(even) td { background: rgb(var(--gw) / .72); }
body.theme-sirplay.theme-glass #users-table tbody tr:hover td, body.theme-sirplay.theme-glass #users-table tbody tr:hover td:nth-child(-n+3) { background: rgba(225, 238, 255, .95); }
body.theme-sirplay.theme-glass .reg-scroll { background: rgb(var(--gw) / .35); border-color: rgb(var(--gh) / calc(.7 * var(--gk))); }
body.theme-sirplay.theme-glass .pagination > li > a, body.theme-sirplay.theme-glass .pagination > li > span { border-radius: 999px !important; }
body.theme-sirplay.theme-glass .pagination > .active > a, body.theme-sirplay.theme-glass .pagination > .active > a:hover { background: linear-gradient(180deg, rgba(40, 150, 255, .95), rgba(0, 113, 227, .95)); box-shadow: inset 0 1px 0 rgb(var(--gh) / calc(.5 * var(--gk))), 0 4px 12px rgba(0, 113, 227, .3); }

body.theme-sirplay.theme-glass .nav-tabs { display: inline-flex; flex-wrap: wrap; gap: 2px; padding: 3px; border: 0; border-radius: 999px; background: rgba(120, 120, 128, .12); box-shadow: inset 0 1px 3px rgba(40, 60, 120, .1); margin-bottom: 16px; }
body.theme-sirplay.theme-glass .nav-tabs > li { float: none; margin: 0; }
body.theme-sirplay.theme-glass .nav-tabs > li > a { border-radius: 999px; padding: 6px 16px; margin: 0; }
body.theme-sirplay.theme-glass .nav-tabs > li.active > a, body.theme-sirplay.theme-glass .nav-tabs > li.active > a:hover, body.theme-sirplay.theme-glass .nav-tabs > li.active > a:focus {
    background: rgb(var(--gw) / .92); color: var(--sp-text); box-shadow: 0 2px 8px rgba(40, 60, 120, .16), inset 0 1px 0 #fff;
}
body.theme-sirplay.theme-glass .nav-pills > li.active > a { background: linear-gradient(180deg, rgba(40, 150, 255, .95), rgba(0, 113, 227, .95)); border-radius: 999px; box-shadow: inset 0 1px 0 rgb(var(--gh) / calc(.5 * var(--gk))), 0 4px 12px rgba(0, 113, 227, .3); }
body.theme-sirplay.theme-glass .nav-pills > li > a { border-radius: 999px; }

body.theme-sirplay.theme-glass .label { box-shadow: inset 0 0 0 1px rgb(var(--gh) / calc(.6 * var(--gk))); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
body.theme-sirplay.theme-glass .alert { border-radius: 18px; -webkit-backdrop-filter: var(--g-blur); backdrop-filter: var(--g-blur); box-shadow: var(--g-edge); }

body.theme-sirplay.theme-glass .dropdown-menu {
    background: var(--g-fill-strong); -webkit-backdrop-filter: var(--g-blur-strong); backdrop-filter: var(--g-blur-strong); border-radius: 22px; box-shadow: var(--g-edge), var(--g-shadow-lift); padding: 8px;
}
body.theme-sirplay.theme-glass .dropdown-menu > li > a { border-radius: 999px; }
body.theme-sirplay.theme-glass .dropdown-menu > li > a:hover, body.theme-sirplay.theme-glass .dropdown-menu > li > a:focus { background: linear-gradient(180deg, rgba(40, 150, 255, .95), rgba(0, 113, 227, .95)); box-shadow: inset 0 1px 0 rgb(var(--gh) / calc(.5 * var(--gk))); }
body.theme-sirplay.theme-glass .modal-backdrop { background: rgba(30, 40, 80, .28); }
body.theme-sirplay.theme-glass .modal-backdrop.in { -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%); }
body.theme-sirplay.theme-glass .modal-content {
    background: rgb(var(--gw) / .72); -webkit-backdrop-filter: var(--g-blur-strong); backdrop-filter: var(--g-blur-strong);
    border-radius: 30px; box-shadow: var(--g-edge), 0 30px 90px rgba(30, 40, 90, .32);
}
body.theme-sirplay.theme-glass .modal-header { border-radius: 30px 30px 0 0; border-bottom-color: rgb(var(--gh) / calc(.6 * var(--gk))); }
body.theme-sirplay.theme-glass .modal-footer { border-radius: 0 0 30px 30px; border-top-color: rgb(var(--gh) / calc(.6 * var(--gk))); }
body.theme-sirplay.theme-glass .modal.fade .modal-dialog { transform: scale(.9) translateY(18px); transition: transform .5s var(--sp-spring), opacity .22s ease; }
body.theme-sirplay.theme-glass .close { background: rgb(var(--gw) / .6); box-shadow: var(--g-edge); }
body.theme-sirplay.theme-glass .sweet-alert { background: rgb(var(--gw) / .78); -webkit-backdrop-filter: var(--g-blur-strong); backdrop-filter: var(--g-blur-strong); border-radius: 30px; box-shadow: var(--g-edge), 0 30px 90px rgba(30, 40, 90, .32); }
body.theme-sirplay.theme-glass .jq-toast-single { background: rgb(var(--gw) / .78) !important; color: var(--sp-text) !important; -webkit-backdrop-filter: var(--g-blur-strong); backdrop-filter: var(--g-blur-strong); border-radius: 22px; box-shadow: var(--g-edge), var(--g-shadow-lift); }
body.theme-sirplay.theme-glass .tooltip-inner { background: rgba(29, 29, 31, .72); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); border-radius: 999px; }

body.theme-sirplay.theme-glass .layout-content .card, body.theme-sirplay.theme-glass .layout-content .panel, body.theme-sirplay.theme-glass .layout-content .reg-card,
body.theme-sirplay.theme-glass .layout-content .be-panel, body.theme-sirplay.theme-glass .layout-content .be-review-block, body.theme-sirplay.theme-glass .layout-content .be-tx-stats {

    animation: sp-rise-glass .7s var(--sp-spring) backwards; animation-delay: calc(var(--sp-i, 0) * 55ms);
}
@keyframes sp-rise-glass { from { opacity: 0; transform: translateY(18px) scale(.985); filter: blur(6px); } to { opacity: 1; transform: none; filter: none; } }
body.theme-sirplay.theme-glass .dropdown-menu, body.theme-sirplay.theme-glass .select2-dropdown, body.theme-sirplay.theme-glass .sidenav-subnav-flyout { animation: sp-pop-glass .38s var(--sp-spring); }
@keyframes sp-pop-glass { from { opacity: 0; transform: scale(.92) translateY(-6px); filter: blur(4px); } to { opacity: 1; transform: none; filter: none; } }

@media (max-width: 767px) {
    body.theme-sirplay.theme-glass #sidenav.sidenav-collapse { background: var(--g-fill-strong); -webkit-backdrop-filter: var(--g-blur-strong); backdrop-filter: var(--g-blur-strong); box-shadow: var(--g-edge), 10px 0 50px rgba(30, 40, 90, .25); border-radius: 0 28px 28px 0; }
    body.theme-sirplay.theme-glass .modal-content { border-radius: 26px; }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body.theme-sirplay.theme-glass { --g-fill: rgb(var(--gw) / .9); --g-fill-strong: rgb(var(--gw) / .96); }
}
@media (prefers-reduced-transparency: reduce) {
    body.theme-sirplay.theme-glass { --g-fill: rgb(var(--gw) / .94); --g-fill-strong: rgb(var(--gw)); --g-fill-tint: rgb(var(--gw) / .8); }
}

body.theme-sirplay .dataTables_wrapper .dataTables_length select { height: 34px; padding: 4px 28px 4px 12px; line-height: 24px; min-width: 64px; }
body.theme-sirplay.theme-glass .dataTables_wrapper .dataTables_length select, body.theme-sirplay.theme-glass .dataTables_wrapper .dataTables_filter input { border: 0; border-radius: 999px; background-color: rgb(var(--gw) / .6); box-shadow: inset 0 1px 3px rgba(40, 60, 120, .12), inset 0 0 0 1px rgb(var(--gh) / calc(.8 * var(--gk))); }

body.theme-sirplay.theme-glass .reg-btn-main, body.theme-sirplay.theme-glass .be-btn-search, body.theme-sirplay.theme-glass .reg-btn-main:hover, body.theme-sirplay.theme-glass .be-btn-search:hover { color: #fff; }

body.theme-sirplay .layout-header .sidenav-toggler, body.theme-sirplay .layout-header .sidenav-toggler.collapsed,
body.theme-sirplay .layout-header .navbar-toggler, body.theme-sirplay .layout-header .navbar-toggler.collapsed {
    background: transparent; border-radius: 12px; transition: background var(--sp-fast) ease;
}
body.theme-sirplay .layout-header .sidenav-toggler:hover, body.theme-sirplay .layout-header .navbar-toggler:hover { background: var(--sp-fill); }
body.theme-sirplay .layout-header .icon-bar { background-color: var(--sp-text-2) !important; border-radius: 2px; }
body.theme-sirplay.theme-glass .layout-header .sidenav-toggler { margin: 5px 4px 5px 8px; width: 42px; height: 40px; }

@media (max-width: 767px) {
    body.theme-sirplay .layout-sidebar, body.theme-sirplay.theme-glass .layout-sidebar {
        -webkit-backdrop-filter: none; backdrop-filter: none; background: transparent; box-shadow: none; border: 0; border-radius: 0;
        overflow: visible; view-transition-name: none; position: static;
    }
    body.theme-sirplay.theme-glass .layout-sidebar::after { display: none; }
    body.theme-sirplay .layout-header .navbar-toggler .icon-bar, body.theme-sirplay .layout-header .navbar-header .close, body.theme-sirplay #sidenav .navbar-toggler { color: var(--sp-text); }
}

body.theme-sirplay .layout-header .bar-line, body.theme-sirplay .layout-header .ellipsis-object, body.theme-sirplay .layout-header .ellipsis { background-color: var(--sp-text-2) !important; }

html[data-sp-mode="dark"] { color-scheme: dark; }
html[data-sp-mode="light"] { color-scheme: light; }
html[data-sp-mode="dark"] body.theme-sirplay {
    --sp-bg: #000; --sp-surface: #1c1c1e; --sp-surface-2: #2c2c2e;
    --sp-text: #f5f5f7; --sp-text-2: #a1a1a6; --sp-text-3: #8e8e93;
    --sp-sep: rgba(84, 84, 88, .5); --sp-sep-strong: rgba(84, 84, 88, .8);
    --sp-fill: rgba(120, 120, 128, .28); --sp-fill-2: rgba(120, 120, 128, .18);
    --sp-accent: #0a84ff; --sp-accent-hover: #409cff; --sp-accent-soft: rgba(10, 132, 255, .24); --sp-accent-strong: #64b5ff;
    --sp-green: #30d158; --sp-green-soft: rgba(48, 209, 88, .2);
    --sp-orange: #ffb340; --sp-orange-soft: rgba(255, 159, 10, .22);
    --sp-red: #ff6961; --sp-red-soft: rgba(255, 69, 58, .24);
    --sp-alert-success: #8ef0aa; --sp-alert-info: #9cc9ff; --sp-alert-warning: #ffd089; --sp-alert-danger: #ffa39b;
    --sp-sidebar-flat: rgba(28, 28, 30, .84);
    --sp-scroll-thumb: rgba(255, 255, 255, .24); --sp-scroll-thumb-hover: rgba(255, 255, 255, .4);
    --sp-shadow-1: 0 1px 2px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .4);
    --sp-shadow-2: 0 4px 24px rgba(0, 0, 0, .5);
    --sp-shadow-pop: 0 12px 40px rgba(0, 0, 0, .6), 0 0 0 .5px rgba(255, 255, 255, .12);
    --gw: 44 44 52; --gh: 255 255 255; --gk: .2;
}
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass {
    --g-shadow: 0 10px 34px rgba(0, 0, 0, .5), 0 1.5px 4px rgba(0, 0, 0, .4);
    --g-shadow-lift: 0 18px 50px rgba(0, 0, 0, .65), 0 2px 6px rgba(0, 0, 0, .5);
    --g-blur: saturate(180%) blur(28px);
    --g-blur-strong: saturate(190%) blur(42px);
    background:
        radial-gradient(55% 50% at 14% 6%, rgba(10, 132, 255, .40), transparent 64%),
        radial-gradient(48% 48% at 94% 2%, rgba(191, 90, 242, .32), transparent 62%),
        radial-gradient(55% 55% at 80% 98%, rgba(48, 209, 88, .20), transparent 64%),
        radial-gradient(50% 50% at 4% 92%, rgba(255, 159, 10, .20), transparent 62%),
        radial-gradient(40% 40% at 50% 50%, rgba(90, 200, 250, .08), transparent 70%),
        #07080d;
    background-attachment: fixed;
}
html[data-sp-mode="dark"] body.theme-sirplay:not(.theme-glass) { background: var(--sp-bg); }
html[data-sp-mode="dark"] body.theme-sirplay { color: var(--sp-text); }

html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .menu-search input[type="search"] { box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 1px rgb(var(--gh) / .1); }
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .form-control, html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .input-style,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .select2-container--bootstrap .select2-selection { box-shadow: inset 0 1px 3px rgba(0, 0, 0, .45), inset 0 0 0 1px rgb(var(--gh) / .1); color: var(--sp-text); }
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .nav-tabs > li.active > a { background: rgba(255, 255, 255, .16); color: var(--sp-text); box-shadow: 0 2px 8px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .18); }
html[data-sp-mode="dark"] body.theme-sirplay .tooltip-inner { background: rgba(245, 245, 247, .9); color: #1d1d1f; }
html[data-sp-mode="dark"] body.theme-sirplay .sweet-alert { background: var(--sp-surface); }
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .sweet-alert { background: rgb(var(--gw) / .78); }
html[data-sp-mode="dark"] body.theme-sirplay .sweet-alert h2, html[data-sp-mode="dark"] body.theme-sirplay .sweet-alert p { color: var(--sp-text); }
html[data-sp-mode="dark"] body.theme-sirplay .popover { background: var(--sp-surface); color: var(--sp-text); }
html[data-sp-mode="dark"] body.theme-sirplay .popover-title { background: var(--sp-surface-2); border-color: var(--sp-sep); color: var(--sp-text); }
html[data-sp-mode="dark"] body.theme-sirplay .select2-results__option, html[data-sp-mode="dark"] body.theme-sirplay .select2-container--bootstrap .select2-results__option { color: var(--sp-text); background: transparent; }
html[data-sp-mode="dark"] body.theme-sirplay .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: var(--sp-text); }
html[data-sp-mode="dark"] body.theme-sirplay .select2-search--dropdown .select2-search__field, html[data-sp-mode="dark"] body.theme-sirplay .select2-drop-active, html[data-sp-mode="dark"] body.theme-sirplay .select2-search input { background: var(--sp-surface-2); color: var(--sp-text); border-color: var(--sp-sep-strong); }
html[data-sp-mode="dark"] body.theme-sirplay .select2-container .select2-choice, html[data-sp-mode="dark"] body.theme-sirplay .select2-container .select2-choice > .select2-chosen { color: var(--sp-text); }
html[data-sp-mode="dark"] body.theme-sirplay .select2-results .select2-result-label { color: var(--sp-text); }
html[data-sp-mode="dark"] body.theme-sirplay .bootstrap-datetimepicker-widget, html[data-sp-mode="dark"] body.theme-sirplay .datepicker { color: var(--sp-text); }
html[data-sp-mode="dark"] body.theme-sirplay .bootstrap-datetimepicker-widget table td, html[data-sp-mode="dark"] body.theme-sirplay .bootstrap-datetimepicker-widget table th, html[data-sp-mode="dark"] body.theme-sirplay .datepicker table tr td, html[data-sp-mode="dark"] body.theme-sirplay .datepicker table tr th { color: var(--sp-text); }
html[data-sp-mode="dark"] body.theme-sirplay .bootstrap-datetimepicker-widget table td.old, html[data-sp-mode="dark"] body.theme-sirplay .bootstrap-datetimepicker-widget table td.new, html[data-sp-mode="dark"] body.theme-sirplay .bootstrap-datetimepicker-widget table td.disabled { color: var(--sp-text-3); }
html[data-sp-mode="dark"] body.theme-sirplay .bootstrap-datetimepicker-widget table td.day:hover, html[data-sp-mode="dark"] body.theme-sirplay .bootstrap-datetimepicker-widget table td span:hover, html[data-sp-mode="dark"] body.theme-sirplay .bootstrap-datetimepicker-widget a[data-action]:hover { background: var(--sp-fill); }
html[data-sp-mode="dark"] body.theme-sirplay .table > thead > tr > th, html[data-sp-mode="dark"] body.theme-sirplay #users-table thead th { color: var(--sp-text-2); }
html[data-sp-mode="dark"] body.theme-sirplay .table-hover > tbody > tr:hover, html[data-sp-mode="dark"] body.theme-sirplay .table > tbody > tr:hover { background-color: rgba(10, 132, 255, .12); }
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass #users-table tbody tr:hover td, html[data-sp-mode="dark"] body.theme-sirplay.theme-glass #users-table tbody tr:hover td:nth-child(-n+3) { background: rgba(10, 132, 255, .22); }
html[data-sp-mode="dark"] body.theme-sirplay .dataTables_wrapper .dataTables_length select, html[data-sp-mode="dark"] body.theme-sirplay .dataTables_wrapper .dataTables_filter input { color: var(--sp-text); }
html[data-sp-mode="dark"] body.theme-sirplay .modal-header .close, html[data-sp-mode="dark"] body.theme-sirplay .close { color: var(--sp-text-2); }
html[data-sp-mode="dark"] body.theme-sirplay .well { color: var(--sp-text); }

html[data-sp-mode="dark"] body.theme-sirplay .highcharts-background { fill: transparent; }
html[data-sp-mode="dark"] body.theme-sirplay .highcharts-title, html[data-sp-mode="dark"] body.theme-sirplay .highcharts-subtitle, html[data-sp-mode="dark"] body.theme-sirplay .highcharts-axis-title, html[data-sp-mode="dark"] body.theme-sirplay .highcharts-axis-labels text, html[data-sp-mode="dark"] body.theme-sirplay .highcharts-legend-item text, html[data-sp-mode="dark"] body.theme-sirplay .highcharts-data-label text { fill: var(--sp-text-2) !important; color: var(--sp-text-2) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .highcharts-grid-line, html[data-sp-mode="dark"] body.theme-sirplay .highcharts-axis-line, html[data-sp-mode="dark"] body.theme-sirplay .highcharts-tick { stroke: var(--sp-sep); }
html[data-sp-mode="dark"] body.theme-sirplay .highcharts-tooltip-box { fill: var(--sp-surface); stroke: var(--sp-sep-strong); }
html[data-sp-mode="dark"] body.theme-sirplay .highcharts-tooltip text { fill: var(--sp-text) !important; }

html[data-sp-mode="dark"] body.theme-sirplay .layout-sidebar img { filter: brightness(1.1); }

html[data-sp-mode="dark"] [data-sp-bg="1"] { background-color: var(--sp-surface) !important; }
html[data-sp-mode="dark"] [data-sp-bg="2"] { background-color: var(--sp-surface-2) !important; }
html[data-sp-mode="dark"] [data-sp-bg="3"] { background-color: rgba(120, 120, 128, .3) !important; }
html[data-sp-mode="dark"] [data-sp-fg="1"] { color: var(--sp-text) !important; }
html[data-sp-mode="dark"] [data-sp-fg="2"] { color: var(--sp-text-2) !important; }
html[data-sp-mode="dark"] [data-sp-bd="1"] { border-color: var(--sp-sep-strong) !important; }
html[data-sp-mode="dark"] [data-sp-bg="1"].card, html[data-sp-mode="dark"] [data-sp-bg="1"].panel, html[data-sp-mode="dark"] [data-sp-bg="1"].reg-card, html[data-sp-mode="dark"] [data-sp-bg="1"].be-panel, html[data-sp-mode="dark"] [data-sp-bg="1"].modal-content { background-color: var(--g-fill) !important; }

.sp-mode-li { list-style: none; display: flex; align-items: center; }
body.theme-sirplay .sp-mode-btn {
    position: relative; width: 36px; height: 36px; margin: 7px 6px 7px 2px; padding: 0; border: 0; border-radius: 50%;
    background: var(--sp-fill); color: var(--sp-text-2); cursor: pointer; overflow: hidden;
    display: inline-flex; align-items: center; justify-content: center;
    transition: background var(--sp-fast) ease, color var(--sp-fast) ease, transform .35s var(--sp-spring);
}
body.theme-sirplay.theme-glass .sp-mode-btn { background: rgb(var(--gw) / .55); box-shadow: var(--g-edge), 0 2px 8px rgba(40, 60, 120, .1); }
body.theme-sirplay .sp-mode-btn:hover { color: var(--sp-text); transform: scale(1.08); }
body.theme-sirplay .sp-mode-btn:active { transform: scale(.92); }
body.theme-sirplay .sp-mode-btn:focus { outline: none; box-shadow: 0 0 0 4px rgba(0, 113, 227, .28); }
body.theme-sirplay .sp-mode-btn svg { position: absolute; width: 18px; height: 18px; transition: transform .5s var(--sp-spring), opacity .25s ease; }
body.theme-sirplay .sp-mode-btn .sp-i-sun { transform: rotate(0) scale(1); opacity: 1; color: #ff9f0a; }
body.theme-sirplay .sp-mode-btn .sp-i-moon { transform: rotate(-60deg) scale(.4); opacity: 0; color: #5e5ce6; }
body.theme-sirplay .sp-mode-btn .sp-i-auto { transform: scale(.4); opacity: 0; }
html[data-sp-pref="dark"] body.theme-sirplay .sp-mode-btn .sp-i-sun, html[data-sp-pref="auto"] body.theme-sirplay .sp-mode-btn .sp-i-sun { transform: rotate(60deg) scale(.4); opacity: 0; }
html[data-sp-pref="dark"] body.theme-sirplay .sp-mode-btn .sp-i-moon { transform: none; opacity: 1; color: #bf9bff; }
html[data-sp-pref="auto"] body.theme-sirplay .sp-mode-btn .sp-i-auto { transform: none; opacity: 1; }

html.sp-vt-mode::view-transition-old(root) { animation: none; mix-blend-mode: normal; }
html.sp-vt-mode::view-transition-new(root) { animation: sp-reveal .7s var(--sp-ease, ease) both; mix-blend-mode: normal; }
@keyframes sp-reveal { from { clip-path: circle(0 at var(--sp-x, 90%) var(--sp-y, 30px)); } to { clip-path: circle(150vmax at var(--sp-x, 90%) var(--sp-y, 30px)); } }
html.sp-switching body.theme-sirplay, html.sp-switching body.theme-sirplay * { transition: background-color .35s ease, color .35s ease, border-color .35s ease, box-shadow .35s ease !important; }

html.sp-refract body.theme-glass .modal-content, html.sp-refract body.theme-glass .sweet-alert { -webkit-backdrop-filter: url(#sp-refract-modal) saturate(200%) blur(30px); backdrop-filter: url(#sp-refract-modal) saturate(200%) blur(30px); }
html.sp-refract body.theme-glass .dropdown-menu, html.sp-refract body.theme-glass .sidenav-subnav-flyout, html.sp-refract body.theme-glass .select2-dropdown,
html.sp-refract body.theme-glass .bootstrap-datetimepicker-widget, html.sp-refract body.theme-glass .jq-toast-single { -webkit-backdrop-filter: url(#sp-refract-pop) saturate(200%) blur(24px); backdrop-filter: url(#sp-refract-pop) saturate(200%) blur(24px); }

html.sp-restoring .layout-sidebar { visibility: hidden !important; }
html.sp-restoring body, html.sp-restoring body * { transition: none !important; animation-duration: .001ms !important; animation-delay: 0ms !important; }

body.theme-sirplay.theme-glass .btn-primary, body.theme-sirplay.theme-glass .btn-info, body.theme-sirplay.theme-glass .reg-btn-main, body.theme-sirplay.theme-glass .be-btn-search,
body.theme-sirplay.theme-glass .pagination > .active > a, body.theme-sirplay.theme-glass .pagination > .active > a:hover, body.theme-sirplay.theme-glass .pagination > .active > span,
body.theme-sirplay.theme-glass .nav-pills > li.active > a { background: linear-gradient(180deg, #0a6fd6, #0058b8); color: #fff; }
body.theme-sirplay.theme-glass .btn-primary:hover, body.theme-sirplay.theme-glass .btn-primary:focus, body.theme-sirplay.theme-glass .btn-info:hover,
body.theme-sirplay.theme-glass .reg-btn-main:hover, body.theme-sirplay.theme-glass .be-btn-search:hover { background: linear-gradient(180deg, #1479e6, #0a62c8); color: #fff; }
body.theme-sirplay.theme-glass .btn-success { background: linear-gradient(180deg, #1b8236, #156a29); color: #fff; }
body.theme-sirplay.theme-glass .btn-success:hover, body.theme-sirplay.theme-glass .btn-success:focus { background: linear-gradient(180deg, #208c3c, #187530); color: #fff; }
body.theme-sirplay.theme-glass .btn-danger { background: linear-gradient(180deg, #c9302c, #a9231f); color: #fff; }
body.theme-sirplay.theme-glass .btn-danger:hover, body.theme-sirplay.theme-glass .btn-danger:focus { background: linear-gradient(180deg, #d63a36, #b52a25); color: #fff; }
body.theme-sirplay.theme-glass .btn-warning { background: linear-gradient(180deg, #ffb340, #ff9f0a); color: #1d1d1f; }
body.theme-sirplay.theme-glass .btn-warning:hover, body.theme-sirplay.theme-glass .btn-warning:focus { background: linear-gradient(180deg, #ffbf5c, #ffa91f); color: #1d1d1f; }

body.theme-sirplay.theme-glass textarea.form-control, html[data-sp-mode="dark"] body.theme-sirplay.theme-glass textarea.form-control { height: auto; min-height: 96px; }

body.theme-sirplay .dataTables_filter > label { font: 0/0 a; color: transparent; letter-spacing: 0; }

body.theme-sirplay table.dataTable:has(td.dataTables_empty) > tfoot { display: none; }

body.theme-sirplay .nav-tabs .nav-link.active, body.theme-sirplay .nav-tabs .nav-item.show .nav-link { color: var(--sp-accent-strong); box-shadow: inset 0 -2px 0 var(--sp-accent); background: transparent; border: 0; }
body.theme-sirplay.theme-glass .nav-tabs .nav-link.active { background: rgb(var(--gw) / .9); color: var(--sp-text); box-shadow: 0 2px 8px rgba(40, 60, 120, .16), inset 0 1px 0 rgb(var(--gh) / calc(1 * var(--gk))); border-radius: 999px; }

body.theme-sirplay {

    --bn-success: #1f8236; --bn-info: #256b8b; --bn-neutral: #5a5a5f; --bn-warning: #b45309; --bn-danger: #c9302c; --bn-purple: #7547e0;
    --bn-t2: #5b5b61;
    --bn-switch-on: #2c9a46; --bn-switch-off: rgba(120, 120, 128, .45);

    --bn-tile: rgb(var(--gw) / .72);
    --bn-tile-edge: inset 0 0 0 1px rgb(var(--gh) / calc(.7 * var(--gk))), 0 2px 10px rgba(40, 60, 120, .08);
}
html[data-sp-mode="dark"] body.theme-sirplay {
    --bn-success: #1f8236; --bn-info: #2a7fa6; --bn-neutral: #636366; --bn-warning: #b45309; --bn-danger: #d13b36; --bn-purple: #7d52e8;
    --bn-t2: var(--sp-text-2);
    --bn-switch-on: #30d158; --bn-switch-off: rgba(120, 120, 128, .5);
    --bn-tile: rgb(var(--gw) / .62);
    --bn-tile-edge: inset 0 0 0 1px rgb(var(--gh) / .1), 0 2px 10px rgba(0, 0, 0, .35);
}

body.theme-sirplay .be-pill { box-shadow: none; font-size: 11px; padding: .4em .8em; color: #fff; }
body.theme-sirplay .be-pill-success { background: var(--bn-success); }
body.theme-sirplay .be-pill-info { background: var(--bn-info); }
body.theme-sirplay .be-pill-secondary { background: var(--bn-neutral); }
body.theme-sirplay .be-pill-warning { background: var(--bn-warning); }
body.theme-sirplay .be-pill-danger { background: var(--bn-danger); }
body.theme-sirplay .be-pill-purple { background: var(--bn-purple); }

body.theme-sirplay .be-switch { width: 44px; height: 26px; }
body.theme-sirplay .be-switch::after { content: ""; position: absolute; inset: -6px -4px; }
body.theme-sirplay .be-switch-slider {
    background: var(--bn-switch-off); box-shadow: inset 0 0 0 1px rgba(60, 60, 67, .22); border-radius: 999px;
    transition: background .3s var(--sp-ease), box-shadow .3s var(--sp-ease);
}
body.theme-sirplay .be-switch-slider::before {
    height: 22px; width: 22px; left: 2px; bottom: 2px; background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    transition: transform .4s var(--sp-spring);
}
body.theme-sirplay .be-switch input:checked + .be-switch-slider { background: var(--bn-switch-on); box-shadow: none; }
body.theme-sirplay .be-switch input:checked + .be-switch-slider::before { transform: translateX(18px); }
body.theme-sirplay .be-switch:active .be-switch-slider::before { width: 26px; }
body.theme-sirplay .be-switch input:checked:active + .be-switch-slider::before { transform: translateX(14px); }
body.theme-sirplay .be-switch input:focus-visible + .be-switch-slider { box-shadow: 0 0 0 4px rgba(0, 113, 227, .35); }
body.theme-sirplay .be-switch input:disabled + .be-switch-slider { opacity: .45; cursor: not-allowed; }

body.theme-sirplay .be-spinner { border-color: var(--sp-fill); border-top-color: var(--sp-accent); }
@media (prefers-reduced-motion: reduce) {
    body.theme-sirplay .be-spinner { animation-duration: 1.6s !important; animation-iteration-count: infinite !important; }
}

body.theme-sirplay .be-empty-icon { background: var(--sp-fill); color: var(--bn-t2); }

body.theme-sirplay .be-section-title { color: var(--sp-text); letter-spacing: -.02em; }
body.theme-sirplay .be-section-subtitle { color: var(--bn-t2); font-weight: 600; }
body.theme-sirplay .be-filters .form-group label { color: var(--bn-t2); font-weight: 600; text-transform: none; }

body.theme-sirplay .be-btn-search, body.theme-sirplay .be-btn-cancel, body.theme-sirplay .be-details-btn { min-height: 34px; font-weight: 600; letter-spacing: -.005em; }
body.theme-sirplay.theme-glass .be-btn-search, body.theme-sirplay.theme-glass .be-details-btn {
    background: linear-gradient(180deg, #0a6fd6, #0058b8); color: #fff;
}
body.theme-sirplay.theme-glass .be-btn-search:hover, body.theme-sirplay.theme-glass .be-details-btn:hover { background: linear-gradient(180deg, #1a7fe6, #0562c8); color: #fff; opacity: 1; }
body.theme-sirplay:not(.theme-glass) .be-btn-search, body.theme-sirplay .be-details-btn { background: #0066d6; border-color: #0066d6; color: #fff; }
body.theme-sirplay .be-details-btn { border-radius: 999px; padding: 6px 16px; font-size: 12px; box-shadow: none; transition: background var(--sp-fast) ease, transform var(--sp-fast) var(--sp-ease); }
body.theme-sirplay .be-details-btn:active { transform: scale(.96); }
body.theme-sirplay .be-btn-cancel {
    background: rgb(var(--gw) / .55); color: var(--sp-red); border-color: transparent; border-radius: 999px;
    box-shadow: var(--g-edge, inset 0 0 0 1px var(--sp-sep));
}
body.theme-sirplay .be-btn-cancel:hover, body.theme-sirplay .be-btn-cancel:focus { background: var(--sp-red-soft); color: var(--sp-red); }
body.theme-sirplay .be-btn-search:focus-visible, body.theme-sirplay .be-btn-cancel:focus-visible, body.theme-sirplay .be-details-btn:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(0, 113, 227, .35); }

body.theme-sirplay .be-stat, body.theme-sirplay .be-tx-stat {
    background: var(--bn-tile); box-shadow: var(--bn-tile-edge); border-radius: 18px;
    transition: transform .3s var(--sp-ease), box-shadow .3s var(--sp-ease), background .2s ease;
}
body.theme-sirplay .be-stat:hover { transform: translateY(-2px); box-shadow: var(--bn-tile-edge), 0 10px 24px rgba(40, 60, 120, .14); }
body.theme-sirplay .be-stat:active { transform: scale(.98); }
body.theme-sirplay .be-stat-value, body.theme-sirplay .be-tx-stat-value { color: var(--sp-text); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }

html[data-sp-mode="dark"] body.theme-sirplay .be-stat-icon img { filter: brightness(1.7) saturate(1.1); }
body.theme-sirplay .be-stat-label, body.theme-sirplay .be-tx-stat-label { color: var(--bn-t2); font-weight: 500; }

body.theme-sirplay .card.be-create-card {
    background: linear-gradient(145deg, #0a6fd6, #5a4fd6); box-shadow: 0 8px 24px rgba(40, 60, 160, .28), inset 0 1px 0 rgba(255, 255, 255, .35);
    transition: transform .35s var(--sp-spring), box-shadow .3s var(--sp-ease);
}
body.theme-sirplay .card.be-create-card:hover, body.theme-sirplay .card.be-create-card:focus { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(40, 60, 160, .38), inset 0 1px 0 rgba(255, 255, 255, .4); }
body.theme-sirplay .card.be-create-card:active { transform: scale(.98); }
body.theme-sirplay .card.be-create-card:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(0, 113, 227, .45); }

html body.theme-sirplay .be-create-label { background: rgba(255, 255, 255, .94) !important; color: #1d1d1f !important; font-size: 12px; padding: 7px 16px; }
html body.theme-sirplay .be-create-desc { color: #fff !important; font-style: normal; font-size: 11px; }

body.theme-sirplay .card.be-card {
    background: rgb(var(--gw) / .86); -webkit-backdrop-filter: none; backdrop-filter: none; border-radius: 22px;
    box-shadow: var(--bn-tile-edge); transition: transform .35s var(--sp-ease), box-shadow .35s var(--sp-ease);
}
body.theme-sirplay .card.be-card:hover { transform: translateY(-4px); box-shadow: var(--bn-tile-edge), 0 16px 34px rgba(40, 60, 120, .18); }
body.theme-sirplay .be-card-footer { background: transparent; border-top: 1px solid var(--sp-sep); padding: 12px 16px; }
html body.theme-sirplay .be-card-title { color: var(--sp-text); font-size: 14px; letter-spacing: -.01em; }
html body.theme-sirplay .be-card-dates { color: var(--bn-t2); font-size: 11px; }
body.theme-sirplay .be-card-image-frame { background: var(--sp-fill); }
body.theme-sirplay .be-card-status { box-shadow: 0 2px 8px rgba(0, 0, 0, .3); }

body.theme-sirplay .be-card-copy-btn, body.theme-sirplay .be-card-csv-btn { width: 32px; height: 32px; background: rgba(255, 255, 255, .92); color: #1d1d1f; transition: transform .3s var(--sp-spring), background .15s ease; }
body.theme-sirplay .be-card-csv-btn { width: auto; min-width: 32px; padding: 0 10px; }
body.theme-sirplay .be-card-copy-btn:active, body.theme-sirplay .be-card-csv-btn:active { transform: scale(.92); }
@media (max-width: 767px) {
    body.theme-sirplay .be-card-copy-btn, body.theme-sirplay .be-card-csv-btn { height: 44px; min-width: 44px; }
    body.theme-sirplay .be-card-copy-btn { width: 44px; }
    body.theme-sirplay .be-card-actions-top { gap: 8px; }
}

body.theme-sirplay .be-detail-back {
    min-height: 32px; background: rgb(var(--gw) / .6); color: var(--sp-text); border: 0; border-radius: 999px; padding: 6px 16px;
    box-shadow: var(--bn-tile-edge); transition: background .2s ease, transform .3s var(--sp-spring);
}
body.theme-sirplay .be-detail-back:hover { background: rgb(var(--gw) / .85); color: var(--sp-text); border-color: transparent; }
body.theme-sirplay .be-detail-back:active { transform: scale(.96); }
body.theme-sirplay .be-detail-back:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(0, 113, 227, .35); }
html body.theme-sirplay .be-detail-title { color: var(--sp-text); letter-spacing: -.025em; }
html body.theme-sirplay .be-detail-meta { color: var(--bn-t2); }

body.theme-sirplay .be-review-block { background: var(--bn-tile); box-shadow: var(--bn-tile-edge); border-radius: 20px; }
body.theme-sirplay .be-review-block h4 { color: var(--bn-t2); letter-spacing: .04em; }
body.theme-sirplay .be-review-row { color: var(--sp-text); border-bottom-color: var(--sp-sep); }
body.theme-sirplay .be-review-row span:first-child, body.theme-sirplay .be-review-empty { color: var(--bn-t2); }
body.theme-sirplay .be-rule-card, body.theme-sirplay .be-locale-card { background: var(--sp-fill-2); border-color: var(--sp-sep); border-radius: 14px; }
body.theme-sirplay .be-rule-card-module { color: var(--sp-text); }
body.theme-sirplay .be-rule-card-config-item { color: var(--bn-t2); }
body.theme-sirplay .be-rule-card-config-item strong { color: var(--sp-text); }
body.theme-sirplay .be-config-chip { background: var(--sp-fill); border-color: transparent; color: var(--sp-text); }
body.theme-sirplay .be-locale-code { background: var(--sp-fill); color: var(--sp-text); }
body.theme-sirplay .be-locale-image { background: var(--sp-fill-2); }
body.theme-sirplay .be-locale-terms { background: var(--sp-fill-2); color: var(--bn-t2); }
body.theme-sirplay .be-smart-config { background: var(--sp-accent-soft); border-color: transparent; color: var(--sp-alert-info); border-radius: 14px; }

body.theme-sirplay .be-status-pill { font-variant-numeric: tabular-nums; padding: 3px 12px; border-radius: 999px; }
html body.theme-sirplay .be-status-completed, html body.theme-sirplay .be-status-issued { background: var(--sp-green-soft) !important; color: var(--sp-alert-success) !important; }
html body.theme-sirplay .be-status-in_progress { background: var(--sp-accent-soft) !important; color: var(--sp-alert-info) !important; }
html body.theme-sirplay .be-status-init, html body.theme-sirplay .be-status-cancelled, html body.theme-sirplay .be-status-pending,
html body.theme-sirplay .be-status-processing, html body.theme-sirplay .be-status-provisional, html body.theme-sirplay .be-status-unknown { background: var(--sp-fill) !important; color: var(--bn-t2) !important; }
html body.theme-sirplay .be-status-expired { background: var(--sp-orange-soft) !important; color: var(--sp-alert-warning) !important; }
html body.theme-sirplay .be-status-failed, html body.theme-sirplay .be-status-rolled_back { background: var(--sp-red-soft) !important; color: var(--sp-alert-danger) !important; }

html body.theme-sirplay .be-status-pill b { color: inherit !important; }
body.theme-sirplay .be-status-chips-title { color: var(--bn-t2); }

body.theme-sirplay .be-progress-track, body.theme-sirplay .be-days-progress-track { background: var(--sp-fill); border-radius: 999px; }
body.theme-sirplay .be-progress-fill, body.theme-sirplay .be-days-progress-fill { border-radius: 999px; background: var(--sp-accent); transition: width .7s var(--sp-ease); }
body.theme-sirplay .be-progress-fill.is-complete { background: var(--sp-green); }
body.theme-sirplay .be-progress-fill.is-full, body.theme-sirplay .be-days-progress-fill.is-done { background: var(--sp-red); }
body.theme-sirplay .be-days-progress-fill.is-ending { background: #ff9f0a; }
body.theme-sirplay .be-progress-row-label, body.theme-sirplay .be-days-progress-label, body.theme-sirplay .be-players-progress-pct { color: var(--bn-t2); font-variant-numeric: tabular-nums; }
body.theme-sirplay .be-players-progress-done { color: var(--sp-green); }

body.theme-sirplay .be-players-table { font-variant-numeric: tabular-nums; font-size: 12.5px; }
body.theme-sirplay .be-players-table th { color: var(--bn-t2); font-size: 11px; font-weight: 600; letter-spacing: .03em; border-bottom: 1px solid var(--sp-sep-strong); }
body.theme-sirplay .be-players-table td { color: var(--sp-text); border-bottom-color: var(--sp-sep); }
body.theme-sirplay .be-players-table tbody tr { transition: background-color var(--sp-fast) ease; }
body.theme-sirplay .be-players-table tbody tr:hover td { background: rgba(0, 113, 227, .05); }
html[data-sp-mode="dark"] body.theme-sirplay .be-players-table tbody tr:hover td { background: rgba(10, 132, 255, .12); }
body.theme-sirplay .be-players-breakdown, body.theme-sirplay .be-players-breakdown strong { color: var(--bn-t2); }
body.theme-sirplay .be-players-breakdown strong { color: var(--sp-text); }
body.theme-sirplay .be-players-filters label { color: var(--bn-t2); font-weight: 600; text-transform: none; }
body.theme-sirplay .be-players-table-loading { background: rgb(var(--gw) / .6); }
body.theme-sirplay .be-players-pager { color: var(--bn-t2); font-variant-numeric: tabular-nums; }
body.theme-sirplay .be-players-pager button {
    min-height: 32px; min-width: 32px; padding: 4px 14px; background: var(--sp-fill); color: var(--sp-text); border: 0; border-radius: 999px;
    transition: background var(--sp-fast) ease, transform var(--sp-fast) var(--sp-ease);
}
body.theme-sirplay .be-players-pager button:hover:not(:disabled) { background: rgba(120, 120, 128, .24); }
body.theme-sirplay .be-players-pager button:active:not(:disabled) { transform: scale(.95); }
body.theme-sirplay .be-players-pager button:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(0, 113, 227, .35); }

body.theme-sirplay #bePlayerModal .modal-content { border-radius: 28px; }
body.theme-sirplay #bePlayerModal .reg-modal-header, body.theme-sirplay #bePlayerModal .reg-modal-footer { background: transparent; border-color: var(--sp-sep); }
body.theme-sirplay #bePlayerModal .modal-title { color: var(--sp-text); font-weight: 600; letter-spacing: -.015em; }
body.theme-sirplay #bePlayerModal .close { opacity: 1; font-size: 20px; top: 16px; right: 18px; }
body.theme-sirplay .be-pd-name, body.theme-sirplay .be-pd-pct, body.theme-sirplay .be-pd-grid b { color: var(--sp-text); font-variant-numeric: tabular-nums; }
body.theme-sirplay .be-pd-id, body.theme-sirplay .be-pd-title, body.theme-sirplay .be-pd-grid span { color: var(--bn-t2); }
body.theme-sirplay .be-pd-section { border-color: var(--sp-sep); border-radius: 16px; background: var(--sp-fill-2); }
body.theme-sirplay .be-pd-formula { background: var(--sp-fill-2); color: var(--bn-t2); border-radius: 12px; }

body.theme-sirplay .be-wizard-home-link {
    min-height: 32px; background: rgb(var(--gw) / .6); color: var(--sp-text); border: 0; border-radius: 999px; padding: 6px 16px;
    box-shadow: var(--bn-tile-edge); transition: background .2s ease, transform .3s var(--sp-spring);
}
body.theme-sirplay .be-wizard-home-link:hover { background: rgb(var(--gw) / .85); color: var(--sp-text); border-color: transparent; }
body.theme-sirplay .be-wizard-home-link:active { transform: scale(.96); }
body.theme-sirplay .be-wizard-home-link:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(0, 113, 227, .35); }
body.theme-sirplay .be-wizard-topbar-tz { color: var(--bn-t2); }
body.theme-sirplay .be-wizard-topbar-tz strong { color: var(--sp-text); }

body.theme-sirplay .be-wizard-dot {
    background: var(--sp-surface); border: 1px solid var(--sp-sep-strong); color: var(--bn-t2); font-variant-numeric: tabular-nums;
    transition: background .3s var(--sp-ease), border-color .3s var(--sp-ease), color .3s var(--sp-ease), box-shadow .3s var(--sp-ease), transform .35s var(--sp-spring);
}
body.theme-sirplay .be-wizard-label { color: var(--bn-t2); letter-spacing: .03em; }
body.theme-sirplay .be-wizard-line { height: 2px; border-radius: 2px; background: var(--sp-fill); transition: background .4s var(--sp-ease); }
body.theme-sirplay .be-wizard-step.is-done .be-wizard-dot { background: var(--bn-success); border-color: var(--bn-success); color: #fff; }
body.theme-sirplay .be-wizard-step.is-done + .be-wizard-line { background: var(--bn-success); }
body.theme-sirplay .be-wizard-step.is-active .be-wizard-dot { background: #0066d6; border-color: #0066d6; color: #fff; box-shadow: 0 0 0 4px var(--sp-accent-soft); }
body.theme-sirplay .be-wizard-dot-number { color: inherit; }
body.theme-sirplay .be-wizard-step.is-active .be-wizard-label { color: var(--sp-accent-strong); font-weight: 700; }
body.theme-sirplay .be-wizard-step.is-warning .be-wizard-dot { background: var(--sp-orange-soft); border-color: var(--sp-orange); color: var(--sp-alert-warning); }
body.theme-sirplay .be-wizard-step.is-warning .be-wizard-label { color: var(--sp-alert-warning); }
body.theme-sirplay .be-wizard-step-btn:hover .be-wizard-dot { box-shadow: 0 0 0 4px var(--sp-fill); transform: scale(1.06); }
body.theme-sirplay .be-wizard-step-btn:hover .be-wizard-label { color: var(--sp-text); }
body.theme-sirplay .be-wizard-step-btn:focus-visible { outline: none; }
body.theme-sirplay .be-wizard-step-btn:focus-visible .be-wizard-dot { box-shadow: 0 0 0 4px rgba(0, 113, 227, .4); }

body.theme-sirplay .be-validation-banner { background: var(--sp-orange-soft); border: 0; color: var(--sp-alert-warning); border-radius: 14px; padding: 12px 16px; }
body.theme-sirplay .be-lock-banner { background: var(--sp-accent-soft); border: 0; color: var(--sp-alert-info); border-radius: 14px; padding: 12px 16px; }

body.theme-sirplay .be-wizard-body input:disabled, body.theme-sirplay .be-wizard-body select:disabled,
body.theme-sirplay .be-wizard-body textarea:disabled, body.theme-sirplay .be-wizard-body button:disabled { border-color: var(--sp-sep-strong) !important; opacity: .5; }
body.theme-sirplay fieldset.be-lock-fieldset:disabled .be-choice { border-color: var(--sp-sep-strong); }

body.theme-sirplay .be-group-card { background: var(--sp-fill-2); border: 0; border-radius: 20px; padding: 20px 22px 6px; box-shadow: inset 0 0 0 1px var(--sp-sep); }
body.theme-sirplay .be-group-card-title { color: var(--bn-t2); letter-spacing: .05em; font-size: 12px; }
body.theme-sirplay .be-group-subtitle, body.theme-sirplay .be-wizard-field label, body.theme-sirplay .be-rule-field label { color: var(--bn-t2); font-weight: 600; }
body.theme-sirplay .be-wizard-field .be-hint { color: var(--bn-t2); }
body.theme-sirplay .be-toggle-row .be-toggle-text, body.theme-sirplay .be-rule-field-bool label { color: var(--sp-text); }
body.theme-sirplay .be-rule-weekdays label { color: var(--bn-t2); }
body.theme-sirplay .be-rule-empty, body.theme-sirplay .be-prize-empty { color: var(--bn-t2); }
body.theme-sirplay .be-wizard-field label .be-info-tooltip, body.theme-sirplay .be-info-tooltip { color: var(--bn-t2); }
body.theme-sirplay .be-info-tooltip:hover { color: var(--sp-accent); }
body.theme-sirplay .be-info-tooltip .be-tooltip-text { background: rgba(29, 29, 31, .94); color: #fff; border-radius: 10px; box-shadow: 0 8px 24px rgba(0, 0, 0, .3); }
html[data-sp-mode="dark"] body.theme-sirplay .be-info-tooltip .be-tooltip-text { background: rgba(245, 245, 247, .96); color: #1d1d1f; }

body.theme-sirplay .be-choice, body.theme-sirplay label.be-choice, body.theme-sirplay label.be-checkbox-pill, body.theme-sirplay .be-rule-weekdays .be-day-pill span {
    background: var(--sp-fill-2); border: 0; box-shadow: inset 0 0 0 1px var(--sp-sep-strong); color: var(--sp-text); border-radius: 999px;
    transition: background .2s var(--sp-ease), box-shadow .2s var(--sp-ease), color .2s ease, transform .3s var(--sp-spring);
}
body.theme-sirplay .be-choice { padding: 8px 18px; min-height: 36px; }
body.theme-sirplay .be-checkbox-pill { min-height: 32px; display: inline-flex; align-items: center; }
body.theme-sirplay .be-rule-weekdays .be-day-pill span { padding: 6px 14px; min-height: 32px; display: inline-flex; align-items: center; }
body.theme-sirplay .be-choice:hover, body.theme-sirplay .be-checkbox-pill:hover, body.theme-sirplay .be-rule-weekdays .be-day-pill:hover span { background: var(--sp-fill); box-shadow: inset 0 0 0 1px var(--sp-sep-strong); }
body.theme-sirplay .be-choice:active, body.theme-sirplay .be-checkbox-pill:active, body.theme-sirplay .be-rule-weekdays .be-day-pill:active span { transform: scale(.96); }
body.theme-sirplay .be-choice.is-checked { background: #0066d6; color: #fff; box-shadow: none; }
body.theme-sirplay .be-checkbox-pill.is-checked, body.theme-sirplay .be-rule-weekdays .be-day-pill input:checked + span { background: var(--sp-accent-soft); box-shadow: inset 0 0 0 1px var(--sp-accent); color: var(--sp-alert-info); }
body.theme-sirplay .be-rule-weekdays .be-day-pill input:focus-visible + span { box-shadow: 0 0 0 4px rgba(0, 113, 227, .35); }
body.theme-sirplay .be-checkbox-pill-pending { opacity: .6; }
body.theme-sirplay .be-picker[data-disabled="1"] input { background: var(--sp-fill-2); }

body.theme-sirplay .be-exclusive-summary-row { background: var(--sp-fill-2); border: 0; border-radius: 14px; color: var(--sp-text); box-shadow: inset 0 0 0 1px var(--sp-sep); }
body.theme-sirplay .be-exclusive-summary-count { background: #0066d6; color: #fff; font-variant-numeric: tabular-nums; }
body.theme-sirplay .be-user-search-results { background: rgb(var(--gw) / .96); border: 0; border-radius: 14px; box-shadow: var(--sp-shadow-pop); padding: 4px; }
body.theme-sirplay .be-user-search-result { color: var(--sp-text); border-radius: 10px; padding: 9px 12px; }
body.theme-sirplay .be-user-search-result:hover { background: var(--sp-accent); color: #fff; }
body.theme-sirplay .be-user-search-empty { color: var(--sp-text-3); padding: 9px 12px; }

body.theme-sirplay .be-rule-row, body.theme-sirplay .be-locale-card { background: var(--sp-fill-2); border-radius: 18px; box-shadow: inset 0 0 0 1px var(--sp-sep); }
body.theme-sirplay .be-locale-name { color: var(--sp-text); }
body.theme-sirplay .be-rule-remove, body.theme-sirplay .be-locale-remove, body.theme-sirplay .be-prize-remove {
    width: 32px; height: 32px; border: 0; background: var(--sp-red-soft); color: var(--sp-red);
    transition: background .2s ease, transform .3s var(--sp-spring);
}
body.theme-sirplay .be-rule-remove:hover, body.theme-sirplay .be-locale-remove:hover, body.theme-sirplay .be-prize-remove:hover { background: var(--sp-red); color: #fff; }
body.theme-sirplay .be-rule-remove:active, body.theme-sirplay .be-locale-remove:active, body.theme-sirplay .be-prize-remove:active { transform: scale(.9); }
body.theme-sirplay .be-add-rule, body.theme-sirplay .be-locale-action-btn {
    min-height: 32px; background: var(--sp-fill); border: 0; border-radius: 999px; color: var(--sp-text); font-weight: 600; padding: 6px 16px;
    transition: background .2s ease, color .2s ease, transform .3s var(--sp-spring);
}
body.theme-sirplay .be-add-rule:hover, body.theme-sirplay .be-locale-action-btn:hover { background: var(--sp-accent-soft); color: var(--sp-accent); border: 0; }
body.theme-sirplay .be-add-rule:active, body.theme-sirplay .be-locale-action-btn:active { transform: scale(.96); }
body.theme-sirplay .be-add-rule:disabled { opacity: .45; background: var(--sp-fill); color: var(--sp-text); }
body.theme-sirplay .be-add-rule:focus-visible, body.theme-sirplay .be-locale-action-btn:focus-visible, body.theme-sirplay .be-rule-remove:focus-visible, body.theme-sirplay .be-locale-remove:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(0, 113, 227, .35); }
body.theme-sirplay .be-image-preview { background: var(--sp-fill-2); border-radius: 14px; }
body.theme-sirplay .be-image-upload-wrap .be-image-remove { width: 32px; height: 32px; }

body.theme-sirplay .be-fs-multi-wrap .select2-container .select2-selection--multiple {
    background-color: rgb(var(--gw) / .6) !important; border: 0 !important; border-radius: 14px !important; min-height: 40px !important;
    box-shadow: inset 0 1px 3px rgba(40, 60, 120, .12), inset 0 0 0 1px rgb(var(--gh) / calc(.8 * var(--gk))); transition: box-shadow .2s ease, background .2s ease;
}
html[data-sp-mode="dark"] body.theme-sirplay .be-fs-multi-wrap .select2-container .select2-selection--multiple { box-shadow: inset 0 1px 3px rgba(0, 0, 0, .45), inset 0 0 0 1px rgb(var(--gh) / .1); }
body.theme-sirplay .be-fs-multi-wrap .select2-container.select2-container--focus .select2-selection--multiple,
body.theme-sirplay .be-fs-multi-wrap .select2-container.select2-container--open .select2-selection--multiple { box-shadow: 0 0 0 4px rgba(0, 113, 227, .25), inset 0 0 0 1px var(--sp-accent) !important; }
body.theme-sirplay .be-fs-multi-wrap .select2-container .select2-search--inline .select2-search__field { color: var(--sp-text); }
body.theme-sirplay .be-fs-multi-wrap .select2-container .select2-search--inline .select2-search__field::placeholder { color: var(--sp-text-3); }
body.theme-sirplay .be-fs-multi-wrap .select2-container.select2-container--disabled .select2-selection--multiple { background-color: var(--sp-fill-2) !important; opacity: .6; }
body.theme-sirplay .select2-container--default .select2-results__option--highlighted[aria-selected],
body.theme-sirplay .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: var(--sp-accent); color: #fff; }
body.theme-sirplay .select2-container--default .select2-results__option[aria-selected=true],
body.theme-sirplay .select2-container--default .select2-results__option--selected { background-color: var(--sp-accent-soft); color: var(--sp-alert-info); font-weight: 600; }
body.theme-sirplay .select2-dropdown { border-color: transparent !important; border-radius: 16px !important; }

body.theme-sirplay .fb-sel-pill { background: var(--sp-accent-soft); border: 0; color: var(--sp-alert-info); padding: 5px 12px; min-height: 28px; }
body.theme-sirplay .fb-sel-pill-remove { color: var(--sp-alert-info); border-radius: 50%; transition: color .15s ease, transform .2s var(--sp-spring); }
body.theme-sirplay .fb-sel-pill-remove:hover { color: var(--sp-red); transform: scale(1.15); }

body.theme-sirplay .be-wizard-nav .be-btn-search, body.theme-sirplay .be-wizard-nav .be-btn-neutral, body.theme-sirplay .be-wizard-nav .be-btn-cancel,
body.theme-sirplay .be-wizard-topbar .be-btn-search, body.theme-sirplay .be-wizard-topbar .be-btn-neutral { min-height: 36px; padding: 8px 20px; border-radius: 999px; text-transform: none; }
body.theme-sirplay .be-btn-neutral { color: var(--sp-text); }
body.theme-sirplay .be-btn-search[disabled], body.theme-sirplay .be-btn-neutral[disabled] { opacity: .4; }
body.theme-sirplay .be-btn-neutral:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(0, 113, 227, .35); }
@media (max-width: 767px) {
    body.theme-sirplay .be-wizard-body { padding: 16px 14px; }
    body.theme-sirplay .be-wizard-nav .be-btn-search, body.theme-sirplay .be-wizard-nav .be-btn-neutral, body.theme-sirplay .be-wizard-nav .be-btn-cancel,
    body.theme-sirplay .be-wizard-topbar .be-btn-search, body.theme-sirplay .be-wizard-topbar .be-btn-neutral,
    body.theme-sirplay .be-choice, body.theme-sirplay .be-checkbox-pill, body.theme-sirplay .be-add-rule, body.theme-sirplay .be-locale-action-btn,
    body.theme-sirplay .be-rule-weekdays .be-day-pill span { min-height: 44px; }
    body.theme-sirplay .be-rule-remove, body.theme-sirplay .be-locale-remove, body.theme-sirplay .be-prize-remove, body.theme-sirplay .be-image-upload-wrap .be-image-remove { width: 44px; height: 44px; }
}

body.theme-sirplay .be-tpl-card-title { color: var(--sp-text); letter-spacing: -.015em; }
body.theme-sirplay .be-tpl-card-row { color: var(--sp-text); }
body.theme-sirplay .be-tpl-card-row strong { color: var(--bn-t2); letter-spacing: .04em; }

body.theme-sirplay .be-details-btn[style*="ff9a3d"] { background: var(--bn-warning) !important; }

body.theme-sirplay .card.bg-db:has(.create-bonus) {
    background: linear-gradient(145deg, #0a6fd6, #5a4fd6); box-shadow: 0 8px 24px rgba(40, 60, 160, .28), inset 0 1px 0 rgba(255, 255, 255, .35);
    transition: transform .35s var(--sp-spring), box-shadow .3s var(--sp-ease);
}
body.theme-sirplay .card.bg-db:has(.create-bonus):hover { transform: translateY(-3px); box-shadow: 0 14px 32px rgba(40, 60, 160, .38), inset 0 1px 0 rgba(255, 255, 255, .4); }
body.theme-sirplay .create-bonus small { color: rgba(255, 255, 255, .96) !important; }
body.theme-sirplay .create-bonus .btn { color: #1d1d1f; background: rgba(255, 255, 255, .94); }

body.theme-sirplay .card-footer.bonus-footer { background: rgba(28, 28, 30, .88); border-top: 0; color: #fff; }
body.theme-sirplay .bonus-footer p, body.theme-sirplay .bonus-footer span { color: inherit; }

body.theme-sirplay .btn-info.btn-details, body.theme-sirplay .btn-copy-csv { background: rgba(255, 255, 255, .16); color: #fff; box-shadow: none; transition: background .2s ease, transform .3s var(--sp-spring); }
body.theme-sirplay .btn-info.btn-details:hover, body.theme-sirplay .btn-copy-csv:hover { background: #0a7ae6 !important; }
body.theme-sirplay .btn-info.btn-details:active, body.theme-sirplay .btn-copy-csv:active { transform: scale(.94); }
body.theme-sirplay .btn-copy-csv { height: 30px; border-radius: 999px !important; font-weight: 600; }

body.theme-sirplay .slider-vertical { background: var(--bn-switch-off); width: 20px; border-radius: 999px; position: relative; transition: background .3s var(--sp-ease); }
body.theme-sirplay .slider-vertical::after { content: ""; position: absolute; inset: -4px -10px; }
body.theme-sirplay .slider-vertical::before { width: 16px; height: 16px; box-shadow: 0 2px 4px rgba(0, 0, 0, .3); transition: transform .35s var(--sp-spring); }
body.theme-sirplay input:checked + .slider-vertical { background: var(--bn-switch-on); }

body.theme-sirplay .custom-pagination li a, body.theme-sirplay .custom-pagination li span {
    border: 0 !important; border-radius: 999px !important; min-width: 36px; min-height: 36px; padding: 8px 12px !important; display: inline-flex; align-items: center; justify-content: center;
    color: var(--sp-text) !important; background: var(--sp-fill) !important; font-variant-numeric: tabular-nums; transition: background .2s ease, transform .3s var(--sp-spring);
}
body.theme-sirplay .custom-pagination li a:hover { background: rgba(120, 120, 128, .24) !important; }
body.theme-sirplay .custom-pagination li a:active { transform: scale(.94); }
body.theme-sirplay .custom-pagination li.active a, body.theme-sirplay .custom-pagination li.active span, body.theme-sirplay .go-page.active { background: #0066d6 !important; color: #fff !important; }
body.theme-sirplay .custom-pagination li.disabled a, body.theme-sirplay .custom-pagination li.disabled span { color: var(--sp-text-2) !important; background: transparent !important; opacity: .7; }
body.theme-sirplay .btn-row-bonus { min-height: 34px; }

body.theme-sirplay .label-field, body.theme-sirplay .form-fields label { color: var(--bn-t2); font-weight: 600; }

body.theme-sirplay :is(.bonus-players-view, .bonus-leaderboard-view, .bonus-player-details) :is(.campaign-header-title, .dashboard-stat-value, .text-progress, .detail-kv b, h3) { color: var(--sp-text); font-variant-numeric: tabular-nums; }
body.theme-sirplay :is(.bonus-players-view, .bonus-leaderboard-view, .bonus-player-details) :is(.dashboard-stat-label, .detail-section-title, .dashboard-status-container > b) { color: var(--bn-t2); letter-spacing: .04em; }
body.theme-sirplay :is(.bonus-players-view, .bonus-leaderboard-view) :is(.dashboard-stat-block, .dashboard-status-container),
body.theme-sirplay .bonus-player-details .detail-section { background: var(--bn-tile); border: 0; border-radius: 18px; box-shadow: var(--bn-tile-edge); }
body.theme-sirplay :is(.bonus-players-view, .bonus-leaderboard-view) .dashboard-stat-icon { background: var(--sp-accent-soft); color: var(--sp-accent); }
body.theme-sirplay .bonus-player-details .detail-section .fa { color: var(--sp-accent); }
body.theme-sirplay .bonus-player-details .detail-kv { color: var(--sp-text-2); }
body.theme-sirplay .bonus-players-view .rollover-alert-content { background: var(--sp-accent-soft); border-left: 0; border-radius: 16px; }
body.theme-sirplay .bonus-players-view .rollover-alert-icon { color: var(--sp-accent); }
body.theme-sirplay .bonus-players-view .rollover-alert-body { color: var(--sp-alert-info); }
body.theme-sirplay .bonus-players-view .rollover-alert-body b { color: var(--sp-text); }

body.theme-sirplay :is(.bonus-players-view, .bonus-leaderboard-view, .bonus-player-details) .targetta { border-radius: 999px; font-variant-numeric: tabular-nums; }
html body.theme-sirplay :is(.bonus-players-view, .bonus-leaderboard-view, .bonus-player-details) .status-completed,
html body.theme-sirplay :is(.bonus-players-view, .bonus-leaderboard-view, .bonus-player-details) .targetta-success { background: var(--sp-green-soft) !important; color: var(--sp-alert-success) !important; }
html body.theme-sirplay :is(.bonus-players-view, .bonus-leaderboard-view, .bonus-player-details) .status-in_progress { background: var(--sp-accent-soft) !important; color: var(--sp-alert-info) !important; }
html body.theme-sirplay :is(.bonus-players-view, .bonus-leaderboard-view, .bonus-player-details) :is(.status-init, .status-unknown, .targetta-secondary) { background: var(--sp-fill) !important; color: var(--sp-text-2) !important; }
html body.theme-sirplay :is(.bonus-players-view, .bonus-leaderboard-view, .bonus-player-details) .status-expired { background: var(--sp-orange-soft) !important; color: var(--sp-alert-warning) !important; }
html body.theme-sirplay :is(.bonus-players-view, .bonus-leaderboard-view, .bonus-player-details) .status-failed { background: var(--sp-red-soft) !important; color: var(--sp-alert-danger) !important; }

body.theme-sirplay :is(.bonus-players-view, .bonus-leaderboard-view) .table.datatable thead th,
body.theme-sirplay .bonus-player-details .table thead th { background: var(--sp-surface-2); color: var(--bn-t2); border-bottom: 1px solid var(--sp-sep-strong); font-weight: 600; font-size: 11.5px; letter-spacing: .02em; }
body.theme-sirplay :is(.bonus-players-view, .bonus-leaderboard-view) .table.datatable tbody td { color: var(--sp-text); font-variant-numeric: tabular-nums; }
body.theme-sirplay :is(.bonus-players-view, .bonus-leaderboard-view) .table.datatable tbody tr:hover,
body.theme-sirplay .bonus-player-details .table tbody tr:hover { background: rgba(0, 113, 227, .05); }
html[data-sp-mode="dark"] body.theme-sirplay :is(.bonus-players-view, .bonus-leaderboard-view) .table.datatable tbody tr:hover,
html[data-sp-mode="dark"] body.theme-sirplay .bonus-player-details .table tbody tr:hover { background: rgba(10, 132, 255, .12); }
body.theme-sirplay .bonus-leaderboard-view .current-user-row { background: var(--sp-orange-soft) !important; }

body.theme-sirplay :is(.bonus-players-view, .bonus-player-details) .progress { background: var(--sp-fill); border-radius: 999px; }
body.theme-sirplay :is(.bonus-players-view, .bonus-player-details) .progress-bar { border-radius: 999px; transition: width .7s var(--sp-ease); }
body.theme-sirplay .bonus-player-details .progress-bar.bg-success { background-color: var(--sp-green) !important; }
body.theme-sirplay .bonus-player-details .progress-bar.bg-warning { background-color: #ff9f0a !important; }
body.theme-sirplay .bonus-player-details .progress-bar.bg-secondary { background-color: var(--sp-text-3) !important; }

body.theme-sirplay .card-bar { background: var(--bn-tile); box-shadow: var(--bn-tile-edge); color: var(--sp-text); }
body.theme-sirplay .head-title, body.theme-sirplay .back-action, body.theme-sirplay .back-action:hover, body.theme-sirplay .back-action:focus { color: var(--sp-text); letter-spacing: -.01em; }
body.theme-sirplay .fb-panel { background: var(--sp-fill-2); border-radius: 24px; padding: 16px; box-shadow: inset 0 0 0 1px var(--sp-sep); }
body.theme-sirplay .fb-card { background: var(--bn-tile); border-radius: 20px; box-shadow: var(--bn-tile-edge); overflow: hidden; }
body.theme-sirplay .fb-card-head { background: transparent; border-bottom: 1px solid var(--sp-sep); border-radius: 0; }
body.theme-sirplay .fb-card-body { background: transparent; border-radius: 0; }
body.theme-sirplay .fb-card-head strong { letter-spacing: -.015em; }

body.theme-sirplay .rounded-input, body.theme-sirplay input[readonly].rounded-input {
    background-color: rgb(var(--gw) / .6) !important; color: var(--sp-text) !important; border: 0; border-radius: 14px !important;
    box-shadow: inset 0 1px 3px rgba(40, 60, 120, .12), inset 0 0 0 1px rgb(var(--gh) / calc(.8 * var(--gk)));
    transition: box-shadow var(--sp-fast) ease, background var(--sp-fast) ease;
}
body.theme-sirplay input[readonly].rounded-input { opacity: .75; }
body.theme-sirplay .rounded-input:focus { background-color: rgb(var(--gw) / .92) !important; box-shadow: 0 0 0 4px rgba(10, 132, 255, .22), inset 0 0 0 1px rgba(10, 132, 255, .65); outline: none; }
html[data-sp-mode="dark"] body.theme-sirplay .rounded-input { box-shadow: inset 0 1px 3px rgba(0, 0, 0, .45), inset 0 0 0 1px rgb(var(--gh) / .1); }
html[data-sp-mode="dark"] body.theme-sirplay .rounded-input:focus { box-shadow: 0 0 0 4px rgba(10, 132, 255, .3), inset 0 0 0 1px rgba(10, 132, 255, .7); }
body.theme-sirplay .rounded-select { border-radius: 14px !important; }
body.theme-sirplay .label-field, body.theme-sirplay .label-desc { color: var(--bn-t2); }
body.theme-sirplay .label-field { font-weight: 600; }
body.theme-sirplay .label-desc { font-size: 11.5px; }

body.theme-sirplay .select2-container .select2-selection--single,
body.theme-sirplay .select2-container .select2-selection--multiple {
    background-color: rgb(var(--gw) / .6) !important; border: 0 !important; border-radius: 14px !important;
    box-shadow: inset 0 1px 3px rgba(40, 60, 120, .12), inset 0 0 0 1px rgb(var(--gh) / calc(.8 * var(--gk)));
}
html[data-sp-mode="dark"] body.theme-sirplay .select2-container .select2-selection--single,
html[data-sp-mode="dark"] body.theme-sirplay .select2-container .select2-selection--multiple { box-shadow: inset 0 1px 3px rgba(0, 0, 0, .45), inset 0 0 0 1px rgb(var(--gh) / .1); }
body.theme-sirplay .select2-container.select2-container--open .select2-selection--single,
body.theme-sirplay .select2-container.select2-container--focus .select2-selection--single,
body.theme-sirplay .select2-container.select2-container--open .select2-selection--multiple,
body.theme-sirplay .select2-container.select2-container--focus .select2-selection--multiple { box-shadow: 0 0 0 4px rgba(10, 132, 255, .25), inset 0 0 0 1px var(--sp-accent) !important; }
body.theme-sirplay .select2-container .select2-selection--single .select2-selection__rendered { color: var(--sp-text) !important; }
body.theme-sirplay .select2-container .select2-selection--single .select2-selection__placeholder { color: var(--bn-t2) !important; }
body.theme-sirplay .select2-container.select2-container--disabled .select2-selection--multiple { background-color: var(--sp-fill-2) !important; opacity: .6; }
body.theme-sirplay .select2-container .select2-selection--multiple .select2-selection__choice { background: var(--sp-accent-soft); border: 0; color: var(--sp-alert-info); }
body.theme-sirplay .select2-container .select2-selection--multiple .select2-selection__choice__remove { color: var(--sp-alert-info); }

body.theme-sirplay .button-save-rules { background: #0066d6 !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; min-height: 40px; transition: background .2s ease, transform .3s var(--sp-spring) !important; }
body.theme-sirplay .button-save-rules:hover { background: #0a74ee !important; color: #fff !important; border: 0 !important; }
body.theme-sirplay .button-save-rules:active { transform: scale(.97); }
body.theme-sirplay .button-save-rules:focus-visible, body.theme-sirplay .button-revoke-all:focus-visible, body.theme-sirplay .button-template:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(0, 113, 227, .35); }
body.theme-sirplay .button-revoke-all { background: var(--sp-red-soft); color: var(--sp-red); border: 0; border-radius: 999px; min-height: 36px; transition: background .2s ease, color .2s ease, transform .3s var(--sp-spring); }
body.theme-sirplay .button-revoke-all:hover:not([disabled]) { background: var(--sp-red); color: #fff; }
body.theme-sirplay .button-revoke-all:active:not([disabled]) { transform: scale(.96); }
body.theme-sirplay .button-template { background: var(--sp-fill); color: var(--sp-text); border: 0; border-radius: 999px; transition: background .2s ease, transform .3s var(--sp-spring); }
body.theme-sirplay .button-template:hover:not(:disabled) { background: rgba(120, 120, 128, .24); }
body.theme-sirplay .button-template:active:not(:disabled) { transform: scale(.97); }

body.theme-sirplay .fb-filters { background: var(--sp-fill-2); border: 0; border-radius: 20px; box-shadow: inset 0 0 0 1px var(--sp-sep); }
body.theme-sirplay .fb-filters-title { color: var(--bn-t2); letter-spacing: .05em; font-size: 12px; }
body.theme-sirplay .fb-filters-hint, body.theme-sirplay .fb-details-hint, body.theme-sirplay .fb-empty-hint, body.theme-sirplay .fb-muted { color: var(--bn-t2); }
body.theme-sirplay .fb-group-title { color: var(--bn-t2); border-top-color: var(--sp-sep-strong); }
body.theme-sirplay .fb-pill span {
    min-height: 32px; display: inline-flex; align-items: center; background: var(--sp-fill-2); border: 0; box-shadow: inset 0 0 0 1px var(--sp-sep-strong); color: var(--sp-text);
    transition: background .2s var(--sp-ease), box-shadow .2s var(--sp-ease), color .2s ease, transform .3s var(--sp-spring);
}
body.theme-sirplay .fb-pill:hover span { background: var(--sp-fill); }
body.theme-sirplay .fb-pill:active span { transform: scale(.96); }
body.theme-sirplay .fb-pill input:checked + span { background: var(--sp-accent-soft); box-shadow: inset 0 0 0 1px var(--sp-accent); color: var(--sp-alert-info); }
body.theme-sirplay .fb-pill input:focus-visible + span { box-shadow: 0 0 0 4px rgba(0, 113, 227, .35); }
body.theme-sirplay .fb-status-ok { background: var(--sp-green-soft); color: var(--sp-alert-success); }
body.theme-sirplay .fb-status-final { background: var(--sp-fill); color: var(--bn-t2); }
body.theme-sirplay .fb-filter { background: var(--sp-fill); color: var(--sp-text); border-radius: 999px; padding: 2px 10px; }
body.theme-sirplay .fb-details > summary, body.theme-sirplay .fb-details-auto label { color: var(--sp-text); }
body.theme-sirplay .fb-details-table th { color: var(--bn-t2); letter-spacing: .04em; }
body.theme-sirplay .fb-details-table td.fb-details-lang { color: var(--sp-text); }
@media (max-width: 767px) {
    body.theme-sirplay .fb-pill span, body.theme-sirplay .button-revoke-all, body.theme-sirplay .button-template, body.theme-sirplay .button-save-rules { min-height: 44px; }
}

body.theme-sirplay .nav-tabs > li > a.nav-link { color: var(--bn-t2); }
body.theme-sirplay .nav-tabs > li > a.nav-link:hover { color: var(--sp-text); }
body.theme-sirplay .nav-tabs > li > a.nav-link.active, body.theme-sirplay .nav-tabs > li > a.nav-link.active:hover, body.theme-sirplay .nav-tabs > li > a.nav-link.active:focus {
    background: rgb(var(--gw) / .92); color: var(--sp-text); border: 0; box-shadow: 0 2px 8px rgba(40, 60, 120, .16), inset 0 1px 0 rgb(var(--gh) / calc(.9 * var(--gk)));
}
html[data-sp-mode="dark"] body.theme-sirplay .nav-tabs > li > a.nav-link.active { background: rgba(255, 255, 255, .16); box-shadow: 0 2px 8px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .18); }
body.theme-sirplay .nav-tabs > li > a.nav-link:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(0, 113, 227, .35); }

body.theme-sirplay .button-add, body.theme-sirplay .btn-add-modern {
    min-height: 36px; border: 0; border-radius: 999px; transition: background .2s ease, color .2s ease, transform .3s var(--sp-spring), box-shadow .2s ease;
}
body.theme-sirplay .button-add { background: #0066d6; color: #fff; padding: 8px 20px; }
body.theme-sirplay .button-add:hover, body.theme-sirplay .button-add:focus { background: #0a74ee; color: #fff; border: 0; }
body.theme-sirplay .btn-add-modern { background: var(--sp-accent-soft); color: var(--sp-alert-info); box-shadow: none; }
body.theme-sirplay .btn-add-modern:hover { background: #0066d6; color: #fff; border: 0; box-shadow: none; }
body.theme-sirplay .button-add:active, body.theme-sirplay .btn-add-modern:active { transform: scale(.96); }
body.theme-sirplay .button-add:focus-visible, body.theme-sirplay .btn-add-modern:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(0, 113, 227, .35); }
body.theme-sirplay .button-danger, body.theme-sirplay .button-delete-rules { background: var(--sp-red-soft) !important; color: var(--sp-red) !important; border: 0 !important; border-radius: 999px !important; }
body.theme-sirplay .button-danger:hover, body.theme-sirplay .button-delete-rules:hover { background: var(--sp-red) !important; color: #fff !important; border: 0 !important; }
body.theme-sirplay .button-back-rules { background: var(--sp-accent-soft) !important; color: var(--sp-alert-info) !important; border: 0 !important; border-radius: 999px !important; }
body.theme-sirplay .button-back-rules:hover { background: var(--sp-fill) !important; color: var(--sp-text) !important; border: 0 !important; }
body.theme-sirplay .btn-reload { background: var(--sp-fill); color: var(--sp-text); border: 0; border-radius: 999px; transition: background .2s ease, transform .3s var(--sp-spring); }
body.theme-sirplay .btn-reload:hover { background: rgba(120, 120, 128, .24); }
body.theme-sirplay .btn-reload:active { transform: scale(.96); }
body.theme-sirplay .button-mode:hover { background: var(--sp-accent-soft); color: var(--sp-text); border-color: var(--sp-accent); }
body.theme-sirplay .button-mode-active { background: #0066d6 !important; color: #fff !important; border-color: #0066d6 !important; }
body.theme-sirplay .btn-edit.active-edit { background: var(--sp-fill) !important; color: var(--sp-text) !important; }

body.theme-sirplay .slider-ios { background-color: var(--bn-switch-off); box-shadow: inset 0 0 0 1px rgba(60, 60, 67, .22); transition: background-color .3s var(--sp-ease); }
body.theme-sirplay .slider-ios::before { background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, .3); transition: transform .4s var(--sp-spring); }
body.theme-sirplay .switch-ios input:checked + .slider-ios { background-color: var(--bn-switch-on); box-shadow: none; }
body.theme-sirplay .switch-ios input:checked + .slider-ios::before { background-color: #fff; }
body.theme-sirplay .switch-ios input:focus-visible + .slider-ios { box-shadow: 0 0 0 4px rgba(0, 113, 227, .35); }
body.theme-sirplay .switch-row { background: var(--sp-fill-2); border-radius: 14px; }
html body.theme-sirplay .status-select.draft { background: var(--bn-info); color: #fff; }
html body.theme-sirplay .status-select.active { background: var(--bn-success); color: #fff; }
body.theme-sirplay .custom-select.draft { background: var(--bn-info); }
body.theme-sirplay .custom-select.active { background: var(--bn-success); }
body.theme-sirplay .custom-select .options { background: rgb(var(--gw) / .96); color: var(--sp-text); border: 0; border-radius: 16px; box-shadow: var(--sp-shadow-pop); }

body.theme-sirplay .ops-card { background: var(--bn-tile); box-shadow: var(--bn-tile-edge); border-radius: 20px; }
body.theme-sirplay .ops-card h4 { color: var(--sp-text); letter-spacing: -.01em; }
body.theme-sirplay .ops-json-view, body.theme-sirplay .benefit-json-view { background: var(--sp-fill-2); border: 0; box-shadow: inset 0 0 0 1px var(--sp-sep); border-radius: 14px; color: var(--sp-text); }
body.theme-sirplay .builder-column { background: var(--sp-fill-2); border-radius: 24px; }
body.theme-sirplay .card-modal-add-content, body.theme-sirplay .sublevel-card, body.theme-sirplay .header-item { background: var(--bn-tile); box-shadow: var(--bn-tile-edge); border: 0; border-radius: 18px; }
body.theme-sirplay .added-item, body.theme-sirplay .tier-left { background: var(--sp-fill-2); border: 0; box-shadow: inset 0 0 0 1px var(--sp-sep); border-radius: 16px; }
body.theme-sirplay .tier-tabs-wrapper { background: var(--sp-fill-2); border: 0; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--sp-sep); }
body.theme-sirplay .tier-tab-button { color: var(--sp-text); }
body.theme-sirplay .tier-tab-button:not(:last-child) { border-right: 0; }
body.theme-sirplay .tier-tab-button:hover { background: var(--sp-fill); }
body.theme-sirplay .active-tab { background: var(--sp-accent-soft); color: var(--sp-text); }
body.theme-sirplay .tier-range { background: var(--sp-fill); color: var(--bn-t2); border-radius: 8px; font-variant-numeric: tabular-nums; }
body.theme-sirplay .sublevel-summary-row { background: var(--sp-fill-2); }
body.theme-sirplay .sublevel-delete { background: var(--sp-fill); }
body.theme-sirplay .sublevel-delete:hover { background: var(--sp-red-soft); }
body.theme-sirplay .summary-label, body.theme-sirplay .sublevel-field label, body.theme-sirplay .currency-label, body.theme-sirplay .currency-symbol, body.theme-sirplay .color-field label { color: var(--bn-t2); }
body.theme-sirplay .empty-rules-card, body.theme-sirplay .empty-sublevels-card, body.theme-sirplay .premium-empty-card { background: var(--bn-tile); border: 0; box-shadow: var(--bn-tile-edge); border-radius: 22px; }
body.theme-sirplay .premium-empty-card:hover { border-color: transparent; }
body.theme-sirplay .empty-title, body.theme-sirplay .empty-sublevels-card .empty-title, body.theme-sirplay .premium-empty-title { color: var(--sp-text); }
body.theme-sirplay .empty-subtitle, body.theme-sirplay .empty-sublevels-card .empty-subtitle, body.theme-sirplay .premium-empty-subtitle { color: var(--bn-t2); }
body.theme-sirplay .premium-icon-wrapper { background: var(--sp-accent-soft); box-shadow: none; }
body.theme-sirplay .premium-icon-wrapper svg { fill: var(--sp-accent); color: var(--sp-accent); }
body.theme-sirplay .rules-header-modern { border-bottom-color: var(--sp-sep); }
body.theme-sirplay .rules-badge-count { background: var(--sp-accent-soft); color: var(--sp-alert-info); }
body.theme-sirplay .color-hex-input { background: rgb(var(--gw) / .6); border: 0; border-radius: 10px; color: var(--sp-text); box-shadow: inset 0 0 0 1px var(--sp-sep-strong); }
body.theme-sirplay .color-picker::-webkit-color-swatch { border-radius: 8px; border: 1px solid var(--sp-sep-strong); }

body.theme-sirplay .upload-box { border-color: var(--sp-sep-strong); border-radius: 18px; }
body.theme-sirplay .upload-btn { background: var(--sp-fill); color: var(--sp-text); }
body.theme-sirplay .upload-btn:hover { background: var(--sp-accent-soft) !important; color: var(--sp-alert-info) !important; }
body.theme-sirplay .custom-modal-content { background: var(--sp-surface); border-radius: 24px; box-shadow: var(--sp-shadow-pop); }
body.theme-sirplay .custom-modal-close { color: var(--sp-text-2); }
body.theme-sirplay .exclusive-table th { background: var(--sp-surface-2); border-bottom-color: var(--sp-sep-strong); color: var(--bn-t2); }
body.theme-sirplay .exclusive-table td { border-color: var(--sp-sep); color: var(--sp-text); }
body.theme-sirplay .user-cell { background: var(--sp-fill-2); border: 0; border-radius: 12px; }
body.theme-sirplay .user-remove-btn { background: var(--sp-red); width: 28px; height: 28px; line-height: 26px; }
body.theme-sirplay .title-text { letter-spacing: -.02em; }
body.theme-sirplay .label-field, body.theme-sirplay .label-desc, body.theme-sirplay .benefit-filters label { color: var(--bn-t2); }

body.theme-sirplay :is([style*="background:#E6EDFD" i], [style*="background: #E6EDFD" i], [style*="background:#f4f6fb" i], [style*="background: #f4f6fb" i], [style*="background:#fff;padding:10px" i]) {
    background: var(--sp-fill-2) !important; border-color: var(--sp-sep) !important;
}
body.theme-sirplay :is([style*="border:1px solid #BDC8E6" i], [style*="border: 1px solid #d7deef" i]) { border-color: var(--sp-sep-strong) !important; }
body.theme-sirplay :is([style*="color:#4a5f79" i], [style*="color: #4a5f79" i], [style*="color:#8a97a8" i], [style*="color:#8a8fa3" i], [style*="color:#a9a9a9" i], [style*="color:#888" i]) { color: var(--bn-t2) !important; }
body.theme-sirplay :is([style*="color:#41bdfc" i], [style*="color: #41bdfc" i]) { color: var(--sp-accent) !important; }
body.theme-sirplay :is([style*="color:#dc3545" i], [style*="color:red" i], [style*="color: red" i]) { color: var(--sp-red) !important; }
body.theme-sirplay [style*="color:#03BF33" i] { color: var(--sp-green) !important; }
body.theme-sirplay [style*="background: #e6edfd; color: #41bdfc" i] { background: var(--sp-accent-soft) !important; color: var(--sp-alert-info) !important; border-color: transparent !important; }
body.theme-sirplay :is([style*="background:#d33" i], [style*="background:#dc3545" i]) { background: var(--bn-danger) !important; }

body.theme-sirplay [style*="background:#2b9c34" i] { background: var(--bn-success) !important; }
body.theme-sirplay [style*="background:#ef6808" i] { background: var(--bn-warning) !important; }
body.theme-sirplay [style*="background:#256b8b" i] { background: var(--bn-info) !important; }
body.theme-sirplay [style*="background:#ea3b3b" i] { background: var(--bn-danger) !important; }

body.theme-sirplay [style*="background-color: #e9ecef" i] { background-color: var(--sp-fill) !important; }
body.theme-sirplay [style*="background-color: #0fb852" i] { background-color: var(--sp-green) !important; }

body.theme-sirplay .btn-reload[style] { background: var(--sp-fill) !important; border: 0 !important; border-radius: 999px !important; color: var(--sp-text); }

body.theme-sirplay .switch-ios::after { content: ""; position: absolute; inset: -4px -2px; }

body.theme-sirplay .layout-content:has(.button-add, .switch-ios, .rounded-input, .nav-link) .btn-xs { min-height: 32px; }

body.theme-sirplay td span.bg-danger { background: var(--bn-danger) !important; }
body.theme-sirplay td span.bg-success { background: var(--bn-success) !important; }
body.theme-sirplay td span.bg-warning { background: var(--bn-warning) !important; }
body.theme-sirplay td span.bg-info { background: var(--bn-info) !important; }
body.theme-sirplay td span:is(.bg-danger, .bg-success, .bg-warning, .bg-info) { border-radius: 999px; color: #fff; }

@media (max-width: 767px) {
    body.theme-sirplay :is(.be-btn-search, .be-btn-cancel, .be-btn-neutral, .be-details-btn, .be-detail-back, .be-wizard-home-link, .be-players-pager button, .button-add, .btn-add-modern, .btn-reload, .button-save-rules, .button-revoke-all, .btn-copy-csv) { min-height: 44px; }
    body.theme-sirplay .btn-copy-csv { height: 44px; }
    body.theme-sirplay .be-switch::after { inset: -9px -4px; }
    body.theme-sirplay .switch-ios::after, body.theme-sirplay .slider-vertical::after { inset: -9px -4px; }
    body.theme-sirplay .custom-pagination li a, body.theme-sirplay .custom-pagination li span, body.theme-sirplay .go-page { min-height: 44px; min-width: 44px; }
    body.theme-sirplay .be-stat, body.theme-sirplay .be-tx-stat { min-height: 56px; }

    body.theme-sirplay .be-players-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

@media (prefers-reduced-transparency: reduce) {
    body.theme-sirplay { --bn-tile: rgb(var(--gw) / .94); }
    body.theme-sirplay .card.be-card { background: rgb(var(--gw) / .96); }
}

body.theme-sirplay {
    --cr-muted: #5f5f66;
    --cr-icon: #636366;
    --cr-sun: #c26a00;
}
html[data-sp-mode="dark"] body.theme-sirplay {
    --cr-muted: #aeaeb4;
    --cr-icon: #aeaeb4;
    --cr-sun: #ffb340;
}

html body.theme-sirplay.theme-glass .layout-header,
html body.theme-sirplay.theme-glass.sp-scrolled .layout-header {
    -webkit-backdrop-filter: var(--g-blur); backdrop-filter: var(--g-blur);
}

body.theme-sirplay .layout-header .navbar-nav > li { border: 0; }

@media (min-width: 768px) {
    body.theme-sirplay .layout-header .navbar-nav.navbar-right { display: flex; align-items: center; }
    body.theme-sirplay .layout-header .navbar-nav.navbar-right > li { display: flex; align-items: center; height: 50px; }
}

body.theme-sirplay .layout-header .navbar-nav > li > .notification-bell-btn {
    position: relative; width: 36px; height: 36px; margin: 0 2px; padding: 0; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center; color: var(--cr-icon); font-size: 15px; line-height: 1;
}
body.theme-sirplay .layout-header .notification-bell-btn i { font-size: 15px; line-height: 1; color: inherit; }

body.theme-sirplay .layout-header .notification-bell-badge {
    top: -2px; right: -3px; left: auto; margin: 0; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px;
    font-size: 11px; font-weight: 600; line-height: 18px; text-align: center; font-variant-numeric: tabular-nums;
    background: var(--sp-red); color: #fff; box-shadow: 0 0 0 2px var(--sp-surface);
}
html[data-sp-mode="dark"] body.theme-sirplay .layout-header .notification-bell-badge { background: #ff453a; }

body.theme-sirplay .navbar-default .navbar-account-btn {
    color: var(--sp-text); background: transparent; border-radius: 999px; height: 36px; margin: 0 4px 0 2px; padding: 0 12px 0 10px;
    display: inline-flex; align-items: center; gap: 6px; font-weight: 600;
    transition: background var(--sp-fast) ease, color var(--sp-fast) ease, transform var(--sp-fast) var(--sp-ease);
}
body.theme-sirplay .navbar-default .navbar-account-btn:hover,
body.theme-sirplay .navbar-default .navbar-account-btn:focus,
body.theme-sirplay .navbar-default .open .navbar-account-btn,
body.theme-sirplay .navbar-default .open .navbar-account-btn:hover,
body.theme-sirplay .navbar-default .open .navbar-account-btn:focus { background: var(--sp-fill); color: var(--sp-text); }
body.theme-sirplay .navbar-default .navbar-account-btn:active { transform: scale(.96); }
body.theme-sirplay .layout-header .account-box { margin: 0; align-items: center; }
body.theme-sirplay .layout-header .account-box p { margin: 0 0 0 8px; letter-spacing: .01em; line-height: 20px; color: inherit; }
body.theme-sirplay .layout-header .account-box i { margin: 0; color: var(--sp-accent); font-size: 18px; line-height: 20px; }
body.theme-sirplay .layout-header .navbar-account-btn .caret { margin: 0; color: var(--cr-icon); }

@media (min-width: 768px) {
    body.theme-sirplay .layout-header .navbar-nav.navbar-right > li.show { display: flex !important; align-items: center; }
}

@media (min-width: 768px) { body.theme-sirplay .sp-mode-btn { margin: 0 4px 0 2px; } }
body.theme-sirplay .sp-mode-btn .sp-i-sun { color: var(--cr-sun); }

body.theme-sirplay .layout-header .dropdown-menu::before,
body.theme-sirplay .layout-header .dropdown-menu::after { display: none; content: none; }
body.theme-sirplay .layout-header .dropdown-menu { min-width: 192px; margin-top: 4px; }

body.theme-sirplay .layout-header .navbar-account-btn:focus-visible,
body.theme-sirplay .layout-header .sidenav-toggler:focus-visible,
body.theme-sirplay .layout-header .navbar-toggler:focus-visible,
body.theme-sirplay .layout-header .navbar-brand:focus-visible,
body.theme-sirplay .sp-mode-btn:focus-visible,
body.theme-sirplay .sidenav a:focus-visible,
body.theme-sirplay .sidenav-subnav-flyout a:focus-visible,
body.theme-sirplay .menu-search-clear:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(10, 132, 255, .38); }
body.theme-sirplay .layout-header .navbar-account-btn:focus:not(:focus-visible),
body.theme-sirplay .sp-mode-btn:focus:not(:focus-visible) { box-shadow: none; }
body.theme-sirplay.theme-glass .sp-mode-btn:focus:not(:focus-visible) { box-shadow: var(--g-edge), 0 2px 8px rgba(40, 60, 120, .1); }

body.theme-sirplay .layout-header .sidenav-toggler { display: inline-flex; align-items: center; justify-content: center; }

@media (min-width: 768px) {
    html body.theme-sirplay.theme-glass .layout-sidebar { -webkit-backdrop-filter: none; backdrop-filter: none; }

    html:not(.sp-lite) body.theme-sirplay.theme-glass #sidenav.sidenav-collapse { background: var(--g-fill); }
}

@media (max-width: 767px) {
    html body.theme-sirplay.theme-glass #sidenav.sidenav-collapse { -webkit-backdrop-filter: var(--g-blur-strong); backdrop-filter: var(--g-blur-strong); }
}

body.theme-sirplay .layout-sidebar .dashboard-timezone { margin: 14px 8px 10px 18px; color: var(--cr-muted); }
body.theme-sirplay .layout-sidebar .dashboard-timezone p { font-size: 11px; line-height: 16px; margin-bottom: 2px; font-variant-numeric: tabular-nums; }
body.theme-sirplay .layout-sidebar .dashboard-timezone i { width: 12px; margin-right: 2px; text-align: center; }

body.theme-sirplay .layout-sidebar .dashboard-timezone #menuTimezone { font-size: 10px; letter-spacing: -.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

body.theme-sirplay .layout-header .sp-header-clock {
    position: absolute; left: 50%; top: 0; height: 50px; transform: translateX(-50%); z-index: 1;
    display: flex; align-items: center; gap: 14px; white-space: nowrap; color: var(--cr-muted);
}
body.theme-sirplay .layout-header .sp-header-clock p { margin: 0; font-size: 12px; line-height: 20px; font-variant-numeric: tabular-nums; letter-spacing: .01em; }
body.theme-sirplay .layout-header .sp-header-clock i { width: 14px; margin-right: 5px; text-align: center; }
body.theme-sirplay .layout-header .sp-header-clock #menuTimezone { padding-left: 14px; border-left: 1px solid var(--sp-sep, rgba(120, 120, 128, .28)); overflow: visible; letter-spacing: .01em; font-size: 12px; }
@media (max-width: 1099px) { body.theme-sirplay .layout-header .sp-header-clock #menuTimezone { display: none; } }

body.theme-sirplay .layout-sidebar .dashboard-timezone.sp-tz-empty { display: none; }

body.theme-sirplay .sp-menu-tip {
    position: fixed; z-index: 10070; left: 0; top: 0; max-width: 320px; padding: 6px 12px; border-radius: 12px; pointer-events: none;
    font-size: 12.5px; font-weight: 500; line-height: 1.35; color: var(--sp-text); background: var(--g-fill-strong, var(--sp-surface));
    box-shadow: var(--g-edge, inset 0 0 0 1px var(--sp-sep)), 0 8px 24px rgba(20, 30, 70, .28);
    opacity: 0; visibility: hidden; transform: translateX(-4px); transition: opacity .12s ease, transform .12s ease, visibility 0s linear .12s;
}
body.theme-sirplay .sp-menu-tip.is-on { opacity: 1; visibility: visible; transform: none; transition: opacity .12s ease, transform .12s ease, visibility 0s; }
@media (max-width: 767px), (prefers-reduced-motion: reduce) { body.theme-sirplay .sp-menu-tip { transition: none; transform: none; } }
@media (max-width: 767px), print { body.theme-sirplay .sp-menu-tip { display: none; } }
body.theme-sirplay .sidenav-subnav-flyout[data-sp-title]::before {
    content: attr(data-sp-title); display: block; max-width: 280px; margin: 0 0 4px; padding: 8px 14px 7px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--sp-text-3); border-bottom: 1px solid var(--sp-sep);
}

body.theme-sirplay .layout-sidebar .sidenav-search { padding: 0 12px 8px; }
body.theme-sirplay .menu-search input[type="search"]::placeholder { color: var(--cr-muted); }
body.theme-sirplay .menu-search .menu-search-icon { color: var(--cr-muted); }
body.theme-sirplay .menu-search .menu-search-clear { color: var(--cr-muted); opacity: 1; width: 28px; border-radius: 50%; transition: background var(--sp-fast) ease, color var(--sp-fast) ease; }
body.theme-sirplay .menu-search .menu-search-clear:hover { background: var(--sp-fill); color: var(--sp-text); }
body.theme-sirplay .menu-search-empty { color: var(--cr-muted); opacity: 1; padding: 10px 14px 0; }

body.theme-sirplay .sidenav-heading { color: var(--cr-muted); padding: 20px 14px 6px; line-height: 16px; letter-spacing: .07em; }

body.theme-sirplay .sidenav .sidenav-icon { color: var(--cr-icon); }
body.theme-sirplay .sidenav > li > a:hover .sidenav-icon,
body.theme-sirplay .sidenav-subnav > li > a:hover .sidenav-icon { color: var(--sp-text); }
body.theme-sirplay .sidenav > li > a,
body.theme-sirplay.theme-glass .sidenav > li > a { padding-right: 10px; padding-left: 12px; }
body.theme-sirplay .sidenav > li > a .sidenav-icon { margin-right: 8px; }

body.theme-sirplay .sidenav li.has-subnav > a::before { width: 14px; font-size: 11px; color: var(--cr-muted); transition: transform var(--sp-med) var(--sp-ease), color var(--sp-fast) ease; }
body.theme-sirplay .sidenav li.has-subnav > a:hover::before { color: var(--sp-text); }

body.theme-sirplay .sidenav-subnav > li > a,
body.theme-sirplay.theme-glass .sidenav-subnav > li > a { padding-right: 10px; padding-left: 24px; }
body.theme-sirplay .sidenav .sidenav-subnav .sidenav-subnav > li > a,
body.theme-sirplay.theme-glass .sidenav .sidenav-subnav .sidenav-subnav > li > a { padding-left: 34px; }

body.theme-sirplay .sidenav-subnav-flyout > li > a,
body.theme-sirplay.theme-glass .sidenav-subnav-flyout > li > a { padding-left: 14px; }
body.theme-sirplay .sidenav-subnav { padding-bottom: 4px; }

body.theme-sirplay.theme-glass .sidenav li.active > a,
body.theme-sirplay.theme-glass .sidenav .sidenav-item.active > a,
body.theme-sirplay.theme-glass .sidenav-subnav > li.active > a { color: #0055b3; }
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .sidenav li.active > a,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .sidenav .sidenav-item.active > a,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .sidenav-subnav > li.active > a { color: var(--sp-accent-strong); }
body.theme-sirplay .sidenav li.active > a .sidenav-icon,
body.theme-sirplay .sidenav li.open > a .sidenav-icon { color: inherit; }

body.theme-sirplay .sidenav-label sup {
    color: var(--sp-orange) !important; background: var(--sp-orange-soft); font-size: 9.5px !important; letter-spacing: .05em;
    padding: 1px 6px; border-radius: 999px; margin-left: 6px !important; vertical-align: middle; top: 0; line-height: 14px;
}

body.theme-sirplay .layout-sidebar .custom-scrollbar-gripper { background: var(--sp-text) !important; width: 4px !important; border-radius: 999px !important; margin-left: -2px; }

body.theme-sirplay .layout-footer { color: var(--cr-muted); border-top-color: var(--sp-sep); }
body.theme-sirplay .layout-footer small, body.theme-sirplay .layout-footer a { color: var(--cr-muted); font-size: 12px; font-variant-numeric: tabular-nums; }
body.theme-sirplay .layout-footer a:hover { color: var(--sp-text); }

body.theme-sirplay .layout-header .bar-line { background-color: var(--cr-icon) !important; }
body.theme-sirplay .layout-header .sidenav-toggler:hover .bar-line { background-color: var(--sp-text) !important; }

body.theme-sirplay.theme-glass .menu-search input[type="search"] {
    box-shadow: inset 0 1px 3px rgba(40, 60, 120, .12), inset 0 0 0 1px rgba(60, 60, 67, .14);
}
body.theme-sirplay.theme-glass .menu-search input[type="search"]:focus { box-shadow: 0 0 0 4px rgba(10, 132, 255, .22), inset 0 0 0 1px rgba(10, 132, 255, .6); }
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .menu-search input[type="search"] { box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5), inset 0 0 0 1px rgb(var(--gh) / .1); }
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .menu-search input[type="search"]:focus { box-shadow: 0 0 0 4px rgba(10, 132, 255, .28), inset 0 0 0 1px rgba(10, 132, 255, .7); }

body.theme-sirplay #ai-chatbot-tooltip {
    font-family: inherit; font-size: 13px; line-height: 1.45; letter-spacing: -.003em; white-space: normal;
    width: max-content; max-width: min(320px, calc(100vw - 96px)); padding: 10px 14px; border-radius: 18px;
    background: var(--g-fill-strong); color: var(--sp-text);
    -webkit-backdrop-filter: var(--g-blur-strong); backdrop-filter: var(--g-blur-strong);
    box-shadow: var(--g-edge), var(--g-shadow-lift);
}
body.theme-sirplay #ai-chatbot-tooltip strong, body.theme-sirplay #ai-chatbot-tooltip b { color: var(--sp-accent); font-weight: 600; }
body.theme-sirplay #ai-chatbot-tooltip::after { display: none; }

body.theme-sirplay #ai-chatbot-toggle { transition: transform .35s var(--sp-spring), box-shadow var(--sp-fast) ease; }
body.theme-sirplay #ai-chatbot-toggle:hover { transform: scale(1.06); }
body.theme-sirplay #ai-chatbot-toggle:active { transform: scale(.94); }
body.theme-sirplay #ai-chatbot-toggle:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(10, 132, 255, .45), 0 4px 20px rgba(37, 99, 235, .45); }
@media (max-width: 767px) {

    body.theme-sirplay #ai-chatbot-widget { pointer-events: none; }
    body.theme-sirplay #ai-chatbot-widget > * { pointer-events: auto; }
    body.theme-sirplay #ai-chatbot-toggle { position: absolute; left: auto; right: 16px; bottom: 16px; }

    body.theme-sirplay.sidenav-drawer-open #ai-chatbot-widget { opacity: 0; visibility: hidden; transition: opacity var(--sp-fast) ease, visibility 0s linear var(--sp-fast); }
}
@media (prefers-reduced-motion: reduce) {
    body.theme-sirplay #ai-chatbot-toggle { transition: none; }
}

@media (max-width: 767px) {
    body.theme-sirplay .layout-footer { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
}

@media (max-width: 767px) {

    body.theme-sirplay .layout-header .navbar-text { color: var(--sp-text); font-weight: 600; }
    body.theme-sirplay .layout-header .ellipsis-object,
    body.theme-sirplay .layout-header .navbar-toggler:not(.collapsed) .ellipsis { background-color: transparent !important; border-radius: 8px; }
    body.theme-sirplay .layout-header .navbar-toggler .arrow-up { display: none; }
    body.theme-sirplay .layout-header #navbar { padding: 4px 8px 12px; border-radius: 0 0 20px 20px; }

    body.theme-sirplay .layout-header #navbar .navbar-nav > li > a {
        display: flex; align-items: center; gap: 8px; min-height: 44px; margin: 2px 0; padding: 10px 14px; border: 0; border-radius: 12px; color: var(--sp-text);
        transition: background var(--sp-fast) ease;
    }
    body.theme-sirplay .layout-header #navbar .navbar-nav > li > a:hover,
    body.theme-sirplay .layout-header #navbar .navbar-nav > li > a:active { background: var(--sp-fill); color: var(--sp-text); }
    body.theme-sirplay .layout-header #navbar .navbar-nav > li { color: var(--sp-text); }
}

@media (min-width: 768px) {
    body.theme-sirplay.layout-sidebar-collapsed .layout-sidebar .sidenav { padding: 8px 0 20px; }
    body.theme-sirplay.layout-sidebar-collapsed .sidenav-heading {
        visibility: visible; height: 1px; margin: 4px 18px; padding: 6px 0; box-sizing: content-box; background-clip: content-box; font-size: 0; line-height: 0; overflow: hidden;
        text-indent: -999px; white-space: nowrap; background-color: var(--sp-sep-strong); border: 0;
    }

    body.theme-sirplay.layout-sidebar-collapsed .sidenav-search + .sidenav-heading { background: transparent; margin: 0 18px 2px; padding: 0; }
    body.theme-sirplay.layout-sidebar-collapsed .sidenav > li > a {
        position: relative; display: block; width: 40px; height: 40px; margin: 2px auto; padding: 0; line-height: 40px; border-radius: 14px;
    }
    body.theme-sirplay.layout-sidebar-collapsed .sidenav > li > a .sidenav-icon {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0;
        display: flex; align-items: center; justify-content: center; line-height: 1; font-size: 17px; text-align: center;
    }
    body.theme-sirplay.layout-sidebar-collapsed .sidenav > li > a svg.sidenav-icon {
        width: 17px; height: 17px; top: 50%; left: 50%; margin: -8.5px 0 0 -8.5px; display: block;
    }

    body.theme-sirplay.layout-sidebar-collapsed .sidenav > li > a .sidenav-label { display: none; }
}

body.theme-sirplay .sidenav li.active > a::after,
body.theme-sirplay .sidenav-subnav li.active > a::after,
body.theme-sirplay .sidenav li.active:not(.has-subnav) > a::before,
body.theme-sirplay .sidenav-subnav li.active:not(.has-subnav) > a::before,
body.theme-sirplay.layout-sidebar-collapsed .sidenav li.active > a::before { display: none !important; content: none !important; }

@media (min-width: 768px) {
    body.theme-sirplay .layout-sidebar, body.theme-sirplay .layout-sidebar-backdrop, body.theme-sirplay .layout-content, body.theme-sirplay .layout-footer,
    body.theme-sirplay .layout-header .navbar-header, body.theme-sirplay .layout-header .navbar-toggleable { transition: none !important; }
}

body.theme-sirplay .layout-sidebar .custom-scrollbar-gripper,
body.theme-sirplay .layout-sidebar .custom-scrollbar-track { display: none !important; }
body.theme-sirplay .layout-sidebar .sp-sb {
    position: absolute; top: 28px; bottom: 28px; right: 4px; width: 10px; z-index: 95; pointer-events: none;
    opacity: 0; transition: opacity .25s ease;
}
body.theme-sirplay .layout-sidebar .sp-sb.is-on, body.theme-sirplay .layout-sidebar .sp-sb.is-drag { opacity: 1; }
body.theme-sirplay .layout-sidebar .sp-sb-thumb {
    position: absolute; top: 0; right: 2px; width: 5px; min-height: 44px; border-radius: 999px; background: var(--sp-accent, #0a84ff); opacity: .6;
    transition: opacity .15s ease, width .15s ease; will-change: transform; cursor: grab; pointer-events: none;
}
body.theme-sirplay .layout-sidebar .sp-sb.is-on .sp-sb-thumb, body.theme-sirplay .layout-sidebar .sp-sb.is-drag .sp-sb-thumb { pointer-events: auto; }
body.theme-sirplay .layout-sidebar .sp-sb-thumb:hover, body.theme-sirplay .layout-sidebar .sp-sb.is-drag .sp-sb-thumb { opacity: .95; width: 7px; right: 1px; cursor: grabbing; }
@media (max-width: 767px) { body.theme-sirplay .layout-sidebar .sp-sb { display: none; } }
@media (prefers-reduced-motion: reduce) { body.theme-sirplay .layout-sidebar .sp-sb, body.theme-sirplay .layout-sidebar .sp-sb-thumb { transition: none; } }
@media print { body.theme-sirplay .layout-sidebar .sp-sb { display: none; } }

body.theme-sirplay .sidenav .sidenav-icon:not(svg) {
    display: flex; align-items: center; justify-content: center; line-height: 1; text-align: center;
}
body.theme-sirplay .sidenav svg.sidenav-icon { display: block; }

body.theme-sirplay {

    --cms-edge: rgba(60, 60, 67, .56);

    --cms-primary: #0071e3; --cms-primary-hi: #0a7cf0;
    --cms-success: #1e7b34; --cms-success-hi: #26923f;
    --cms-danger: #c4001a;  --cms-danger-hi: #d9122b;
    --cms-warning: #ff9f0a; --cms-warning-hi: #ffb340;
    --cms-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238e8e93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --cms-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.4 6.4l2.4 2.4 4.8-5.2' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
html[data-sp-mode="dark"] body.theme-sirplay {
    --cms-edge: rgba(235, 235, 245, .38);
    --cms-primary: #0a68d4; --cms-primary-hi: #1a78e6;
    --cms-success: #1f7a36; --cms-success-hi: #27903f;
    --cms-danger: #c9182b;  --cms-danger-hi: #dc2a3d;
}

body.theme-sirplay .layout-content .card > .card-body > .panel,
body.theme-sirplay .layout-content .card > .card-body > .card,
body.theme-sirplay .layout-content .panel-body > .panel {
    background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; animation: none; border-radius: 0; margin-bottom: 0;
}
body.theme-sirplay .layout-content .card > .card-body > .panel::after,
body.theme-sirplay .layout-content .card > .card-body > .card::after,
body.theme-sirplay .layout-content .panel-body > .panel::after { display: none; }

body.theme-sirplay .layout-content .card > .card-body > .panel > .panel-wrapper > .panel-body,
body.theme-sirplay .layout-content .card > .card-body > .panel > .panel-body { padding: 4px 0 0; }

body.theme-sirplay .layout-content-body { padding-bottom: 88px; }
body.theme-sirplay .layout-content .card-header strong { font-weight: 600; letter-spacing: -.01em; font-size: 15px; color: var(--sp-text); }

body.theme-sirplay.theme-glass .layout-content .form-control,
body.theme-sirplay.theme-glass .layout-content .input-style,
body.theme-sirplay.theme-glass .layout-content .select2-container--bootstrap .select2-selection,
body.theme-sirplay.theme-glass .layout-content .select2-container--default .select2-selection {
    box-shadow: inset 0 1px 3px rgba(40, 60, 120, .1), inset 0 0 0 1px var(--cms-edge);
}
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .layout-content .form-control,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .layout-content .input-style,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .layout-content .select2-container--bootstrap .select2-selection,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .layout-content .select2-container--default .select2-selection {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .45), inset 0 0 0 1px var(--cms-edge);
}

body.theme-sirplay.theme-glass .layout-content .form-control:focus,
body.theme-sirplay.theme-glass .layout-content .input-style:focus,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .layout-content .form-control:focus,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .layout-content .input-style:focus,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .layout-content .select2-container--bootstrap.select2-container--focus .select2-selection,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .layout-content .select2-container--bootstrap.select2-container--open .select2-selection,
body.theme-sirplay.theme-glass .layout-content .select2-container--bootstrap.select2-container--focus .select2-selection,
body.theme-sirplay.theme-glass .layout-content .select2-container--bootstrap.select2-container--open .select2-selection {
    box-shadow: 0 0 0 4px rgba(10, 132, 255, .28), inset 0 0 0 1.5px var(--sp-accent);
}
body.theme-sirplay .layout-content .form-control[disabled], body.theme-sirplay .layout-content .form-control[readonly] { opacity: .75; cursor: not-allowed; }
body.theme-sirplay .layout-content textarea.form-control { min-height: 96px; padding-top: 10px; padding-bottom: 10px; line-height: 1.45; resize: vertical; }

body.theme-sirplay.theme-glass .layout-content .input-group .form-control:first-child { border-radius: 14px 0 0 14px; }
body.theme-sirplay.theme-glass .layout-content .input-group .form-control:last-child { border-radius: 0 14px 14px 0; }

body.theme-sirplay .input-group .form-control:only-child { border-radius: 10px; }
body.theme-sirplay.theme-glass .layout-content .input-group .form-control:only-child { border-radius: 14px; }
body.theme-sirplay.theme-glass .layout-content .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; }
body.theme-sirplay .layout-content .input-group-addon { height: 40px; line-height: 24px; border: 0; background: var(--sp-fill); color: var(--sp-text-2); border-radius: 0; box-shadow: inset 0 0 0 1px var(--cms-edge); }
body.theme-sirplay .layout-content .input-group-addon:first-child { border-radius: 14px 0 0 14px; }
body.theme-sirplay .layout-content .input-group-addon:last-child { border-radius: 0 14px 14px 0; }
body.theme-sirplay .layout-content .input-group-btn > .btn { height: 40px; }

body.theme-sirplay .layout-content select.form-control:not([multiple]):not([size]) {
    background-image: var(--cms-chevron); background-repeat: no-repeat; background-position: right 14px center; background-size: 12px 8px; padding-right: 36px;
}

body.theme-sirplay .layout-content .select2-container--bootstrap .select2-selection--single {
    font-size: 14px; background-image: var(--cms-chevron); background-repeat: no-repeat; background-position: right 14px center; background-size: 12px 8px; padding-right: 36px;
}
body.theme-sirplay .layout-content .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { display: none; }
body.theme-sirplay .select2-container--bootstrap .select2-selection--single .select2-selection__rendered,
body.theme-sirplay .select2-container .select2-choice > .select2-chosen { color: var(--sp-text); }
body.theme-sirplay .select2-container--bootstrap .select2-selection__placeholder { color: var(--sp-text-3); }
body.theme-sirplay .select2-container--bootstrap .select2-results__option { color: var(--sp-text); padding: 8px 12px; }
body.theme-sirplay .select2-container--bootstrap .select2-results__option[aria-selected="true"] { background: var(--sp-accent-soft); color: var(--sp-accent); font-weight: 600; }
body.theme-sirplay .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { color: #fff; }

body.theme-sirplay .layout-content .select2-container--bootstrap .select2-selection--multiple { height: auto; min-height: 40px; padding: 3px 8px; }
body.theme-sirplay .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
    background: var(--sp-accent-soft); color: var(--sp-accent); border: 0; border-radius: 999px; padding: 3px 10px; margin: 3px 4px 3px 0; font-weight: 500; font-size: 12.5px;
}
body.theme-sirplay .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove { color: var(--sp-accent); margin-right: 6px; }
body.theme-sirplay .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { color: var(--sp-text); background: transparent; min-height: 28px; }

body.theme-sirplay .layout-content input[type="checkbox"]:not(.toggle-input):not(.manage-permission),
body.theme-sirplay .layout-content .perm-item input[type="checkbox"],
body.theme-sirplay .layout-content input[type="radio"] {
    -webkit-appearance: none; appearance: none; width: 18px; height: 18px; flex: none; margin-top: 0; vertical-align: -4px; cursor: pointer;
    border: 1.5px solid var(--sp-text-3); background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 12px;
    transition: background-color var(--sp-fast) ease, border-color var(--sp-fast) ease, box-shadow var(--sp-fast) ease, transform var(--sp-fast) var(--sp-ease);
}
body.theme-sirplay .layout-content input[type="checkbox"]:not(.toggle-input):not(.manage-permission),
body.theme-sirplay .layout-content .perm-item input[type="checkbox"] { border-radius: 6px; }
body.theme-sirplay .layout-content input[type="radio"] { border-radius: 50%; }
body.theme-sirplay .layout-content input[type="checkbox"]:not(.toggle-input):not(.manage-permission):checked,
body.theme-sirplay .layout-content .perm-item input[type="checkbox"]:checked { background-color: var(--cms-primary); border-color: var(--cms-primary); background-image: var(--cms-check); }
body.theme-sirplay .layout-content input[type="radio"]:checked { background-color: var(--cms-primary); border-color: var(--cms-primary); background-image: radial-gradient(circle, #fff 0 30%, transparent 34%); }
body.theme-sirplay .layout-content input[type="checkbox"]:not(.toggle-input):not(.manage-permission):active,
body.theme-sirplay .layout-content .perm-item input[type="checkbox"]:active,
body.theme-sirplay .layout-content input[type="radio"]:active { transform: scale(.88); }
body.theme-sirplay .layout-content input[type="checkbox"]:not(.toggle-input):not(.manage-permission):focus-visible,
body.theme-sirplay .layout-content .perm-item input[type="checkbox"]:focus-visible,
body.theme-sirplay .layout-content input[type="radio"]:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(10, 132, 255, .28); }
body.theme-sirplay .layout-content input[type="checkbox"]:disabled, body.theme-sirplay .layout-content input[type="radio"]:disabled { opacity: .45; cursor: not-allowed; }

body.theme-sirplay .layout-content .checkbox label, body.theme-sirplay .layout-content .radio label { padding-left: 28px; min-height: 24px; line-height: 20px; }
body.theme-sirplay .layout-content .checkbox input[type="checkbox"], body.theme-sirplay .layout-content .radio input[type="radio"] { margin-left: -28px; margin-top: 1px; }

body.theme-sirplay span.toggle-switch {
    width: 46px; height: 28px; background-color: rgba(120, 120, 128, .36); box-shadow: inset 0 0 0 1px var(--cms-edge);
    transition: background-color var(--sp-fast) ease, box-shadow var(--sp-fast) ease; vertical-align: middle;
}
body.theme-sirplay span.toggle-switch::before {
    width: 24px; height: 24px; top: 2px; left: 2px; background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    transition: transform .35s var(--sp-spring);
}
body.theme-sirplay input[type="checkbox"]:checked + span.toggle-switch { background-color: var(--sp-green); box-shadow: none; }
body.theme-sirplay input[type="checkbox"]:checked + span.toggle-switch::before { transform: translateX(18px); }
body.theme-sirplay span.toggle-switch::after { content: ""; position: absolute; inset: -6px -4px; }
body.theme-sirplay div.toggle-switch { width: 46px; height: 28px; }

body.theme-sirplay label.toggle-switch { border: 0; }
body.theme-sirplay .toggle-switch .toggle-label {
    background-color: rgba(120, 120, 128, .36); box-shadow: inset 0 0 0 1px var(--cms-edge); border-radius: 999px; transition: background-color var(--sp-fast) ease;
}
body.theme-sirplay .toggle-switch .toggle-label::before {
    width: 24px; height: 24px; left: 2px; bottom: 2px; background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, .3); transition: transform .35s var(--sp-spring);
}
body.theme-sirplay .toggle-switch .toggle-input:checked + .toggle-label { background-color: var(--sp-green); box-shadow: none; }
body.theme-sirplay .toggle-switch .toggle-input:checked + .toggle-label::before { transform: translateX(18px); }
body.theme-sirplay .toggle-switch .toggle-input:focus-visible + .toggle-label { box-shadow: 0 0 0 4px rgba(10, 132, 255, .28); }

body.theme-sirplay .layout-content form p.text-center > strong:only-child {
    display: inline-block; font-size: 11.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--sp-text-2);
}
body.theme-sirplay .layout-content form p.text-center { margin: 4px 0 12px; }
body.theme-sirplay .layout-content form hr { margin: 24px 0; border-top-color: var(--sp-sep); }
body.theme-sirplay .layout-content .form-group { margin-bottom: 16px; }
body.theme-sirplay .layout-content .form-group > label, body.theme-sirplay .layout-content .control-label { margin-bottom: 6px; }
body.theme-sirplay .layout-content .help-block, body.theme-sirplay .layout-content .form-group > small { color: var(--sp-text-2); font-size: 12px; line-height: 1.4; margin-top: 6px; }
body.theme-sirplay .layout-content .has-error .control-label, body.theme-sirplay .layout-content .has-error .help-block { color: var(--sp-red); }
body.theme-sirplay .layout-content .has-error .form-control { border-color: var(--sp-red); box-shadow: 0 0 0 4px var(--sp-red-soft), inset 0 0 0 1px var(--sp-red); }

body.theme-sirplay .btn-primary, body.theme-sirplay .btn-info, body.theme-sirplay.theme-glass .btn-primary, body.theme-sirplay.theme-glass .btn-info,
body.theme-sirplay .btn-primary:focus, body.theme-sirplay .btn-info:focus {
    background: linear-gradient(180deg, var(--cms-primary-hi), var(--cms-primary)); border-color: transparent; color: #fff;
}
body.theme-sirplay .btn-primary:hover, body.theme-sirplay .btn-info:hover, body.theme-sirplay.theme-glass .btn-primary:hover, body.theme-sirplay.theme-glass .btn-info:hover { background: linear-gradient(180deg, var(--cms-primary-hi), var(--cms-primary-hi)); color: #fff; }
body.theme-sirplay .btn-success, body.theme-sirplay.theme-glass .btn-success, body.theme-sirplay .btn-success:focus { background: linear-gradient(180deg, var(--cms-success-hi), var(--cms-success)); border-color: transparent; color: #fff; }
body.theme-sirplay .btn-success:hover, body.theme-sirplay.theme-glass .btn-success:hover { background: linear-gradient(180deg, var(--cms-success-hi), var(--cms-success-hi)); color: #fff; }
body.theme-sirplay .btn-danger, body.theme-sirplay.theme-glass .btn-danger, body.theme-sirplay .btn-danger:focus { background: linear-gradient(180deg, var(--cms-danger-hi), var(--cms-danger)); border-color: transparent; color: #fff; }
body.theme-sirplay .btn-danger:hover, body.theme-sirplay.theme-glass .btn-danger:hover { background: linear-gradient(180deg, var(--cms-danger-hi), var(--cms-danger-hi)); color: #fff; }

body.theme-sirplay .btn-warning, body.theme-sirplay.theme-glass .btn-warning, body.theme-sirplay .btn-warning:hover, body.theme-sirplay .btn-warning:focus { background: linear-gradient(180deg, var(--cms-warning-hi), var(--cms-warning)); border-color: transparent; color: #1d1d1f; }

body.theme-sirplay .btn[disabled], body.theme-sirplay .btn.disabled, body.theme-sirplay fieldset[disabled] .btn { opacity: .45; filter: saturate(.6); cursor: not-allowed; box-shadow: none; transform: none; }

body.theme-sirplay .layout-content .btn { min-height: 32px; }

body.theme-sirplay .note-editor.note-frame, body.theme-sirplay.theme-glass .note-editor.note-frame {
    background: rgb(var(--gw) / .42); -webkit-backdrop-filter: none; backdrop-filter: none; border: 0; border-radius: 20px; overflow: hidden; margin-bottom: 8px;
    box-shadow: inset 0 0 0 1px var(--cms-edge); animation: none;
}
body.theme-sirplay.theme-glass .note-editor.note-frame::after { display: none; }
body.theme-sirplay .note-editor .note-toolbar {
    background: transparent; border: 0; border-bottom: 1px solid var(--sp-sep); border-radius: 0; padding: 8px 10px 6px; display: flex; flex-wrap: wrap; gap: 4px 6px;
}
body.theme-sirplay .note-editor .note-toolbar .note-btn-group { margin: 0; display: inline-flex; gap: 2px; padding: 2px; background: var(--sp-fill-2); border-radius: 10px; }
body.theme-sirplay .note-editor .note-toolbar .note-btn,
body.theme-sirplay.theme-glass .note-editor .note-toolbar .note-btn {
    min-width: 32px; height: 32px; padding: 0 8px; border-radius: 8px; border: 0; background: transparent; box-shadow: none; color: var(--sp-text);
    -webkit-backdrop-filter: none; backdrop-filter: none; overflow: visible; font-size: 13px; transform: none;
}
body.theme-sirplay .note-editor .note-toolbar .note-btn:hover, body.theme-sirplay.theme-glass .note-editor .note-toolbar .note-btn:hover { background: var(--sp-fill); box-shadow: none; transform: none; }
body.theme-sirplay .note-editor .note-toolbar .note-btn:active, body.theme-sirplay .note-editor .note-toolbar .note-btn.active,
body.theme-sirplay.theme-glass .note-editor .note-toolbar .note-btn:active, body.theme-sirplay.theme-glass .note-editor .note-toolbar .note-btn.active { background: var(--sp-accent-soft); color: var(--sp-accent); box-shadow: none; transform: none; }
body.theme-sirplay .note-editor .note-toolbar .note-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(10, 132, 255, .4); }
body.theme-sirplay .note-editor .note-toolbar .note-btn::before { display: none; }

body.theme-sirplay .note-editor .note-recent-color { color: #1d1d1f !important; border-radius: 4px; }

body.theme-sirplay .note-editor .note-editing-area { padding: 10px 12px 12px; background: transparent; }
body.theme-sirplay .note-editor .note-editable, html[data-sp-mode="dark"] body.theme-sirplay .note-editor .note-editable[data-sp-bg] {
    background-color: #fff !important; color: #1d1d1f !important; border-radius: 12px; padding: 14px 16px; box-shadow: 0 0 0 1px rgba(60, 60, 67, .16), 0 1px 3px rgba(0, 0, 0, .08); line-height: 1.5;
}
html[data-sp-mode="dark"] body.theme-sirplay .note-editor .note-editable, html[data-sp-mode="dark"] body.theme-sirplay .note-editor .note-editable[data-sp-bg] { background-color: #ececf1 !important; box-shadow: none; }
body.theme-sirplay .note-editor .note-editable:focus { outline: none; box-shadow: 0 0 0 4px rgba(10, 132, 255, .24); }
body.theme-sirplay .note-editor .note-placeholder { color: #6e6e73; padding: 14px 16px; }
body.theme-sirplay .note-editor .note-codable { background: #1c1c1e; color: #f5f5f7; border: 0; border-radius: 12px; padding: 14px 16px; font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 12.5px; }
body.theme-sirplay .note-editor .note-statusbar { background: transparent; border: 0; border-radius: 0; }
body.theme-sirplay .note-editor .note-statusbar .note-resizebar { height: 16px; padding-top: 6px; }
body.theme-sirplay .note-editor .note-statusbar .note-resizebar .note-icon-bar { border-top: 2px solid var(--sp-text-3); width: 28px; margin: 0 auto; border-radius: 2px; }

body.theme-sirplay .note-editor .note-dropdown-menu, body.theme-sirplay .note-editor .dropdown-menu { padding: 8px; min-width: 160px; }
body.theme-sirplay .note-editor .note-dropdown-item, body.theme-sirplay .note-editor .dropdown-menu > li > a { border-radius: 8px; color: var(--sp-text); }
body.theme-sirplay .note-editor .note-color-palette .note-color-btn { border-radius: 6px; }
body.theme-sirplay .note-modal .note-modal-content, body.theme-sirplay .note-modal .modal-content { border-radius: 20px; }
body.theme-sirplay .note-modal .note-input, body.theme-sirplay .note-modal .form-control { height: 40px; }
body.theme-sirplay .note-editor.note-airframe, body.theme-sirplay .note-editor.note-frame.fullscreen { border-radius: 0; }

body.theme-sirplay .perm-card { margin-bottom: 24px; }
body.theme-sirplay .perm-card-header { background: transparent; border-bottom: 1px solid var(--sp-sep); padding: 14px 20px; border-radius: var(--sp-r-lg) var(--sp-r-lg) 0 0; gap: 12px; flex-wrap: wrap; }
body.theme-sirplay .perm-card-header > strong { color: var(--sp-text); font-size: 15px; font-weight: 600; letter-spacing: -.01em; }
body.theme-sirplay .perm-card-body { padding: 14px 20px 18px; }

body.theme-sirplay .perm-card-body > .row { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 0 8px; margin: 0; }
body.theme-sirplay .perm-card-body > .row::before, body.theme-sirplay .perm-card-body > .row::after { display: none; }
body.theme-sirplay .perm-card-body > .row > [class*="col-"] { float: none; width: auto; padding: 0; min-width: 0; }

body.theme-sirplay .perm-item { display: flex; align-items: center; gap: 10px; min-height: 32px; margin: 2px 0; padding: 4px 10px; border-radius: 10px; max-width: 100%; transition: background var(--sp-fast) ease; }
body.theme-sirplay .perm-item:hover { background: var(--sp-fill-2); }
body.theme-sirplay .perm-item:has(input:checked) label { color: var(--sp-text); }
body.theme-sirplay .perm-item label { font-size: 12.5px; line-height: 1.3; color: var(--sp-text-2); white-space: normal; overflow-wrap: anywhere; letter-spacing: 0; text-transform: none; }
body.theme-sirplay .perm-item input[type="checkbox"]:disabled + label { color: var(--sp-text-3); }
body.theme-sirplay .perm-item.disabled { opacity: .6; }

body.theme-sirplay .btn-perm-action {
    display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 14px; border: 0; border-radius: 999px; font-size: 12.5px; font-weight: 600; letter-spacing: -.005em;
    transition: background var(--sp-fast) ease, color var(--sp-fast) ease, transform var(--sp-fast) var(--sp-ease), box-shadow var(--sp-fast) ease;
}
body.theme-sirplay .btn-perm-action:active { transform: scale(.95); }
body.theme-sirplay .btn-perm-action:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(10, 132, 255, .28); }
body.theme-sirplay .btn-select-all { background: var(--sp-accent-soft); color: var(--sp-accent-strong); }
body.theme-sirplay .btn-select-all:hover { background: var(--cms-primary); color: #fff; }
body.theme-sirplay .btn-deselect-all { background: var(--sp-fill); color: var(--sp-text); }
body.theme-sirplay .btn-deselect-all:hover { background: rgba(120, 120, 128, .28); color: var(--sp-text); }
body.theme-sirplay .btn-save-role { background: var(--cms-success); color: #fff; }
body.theme-sirplay .btn-save-role:hover { background: var(--cms-success-hi); color: #fff; }
body.theme-sirplay .perm-saved-badge { color: var(--sp-green); }

body.theme-sirplay .layout-content #perm-search, body.theme-sirplay .layout-content input[placeholder^="Search perm"] { max-width: 440px; }

body.theme-sirplay .dataTables_wrapper .dataTables_filter label::after { display: none; }
body.theme-sirplay .dataTables_wrapper .dataTables_filter label { display: inline-flex; align-items: center; gap: 8px; margin: 0; }
body.theme-sirplay .dataTables_wrapper .dataTables_filter input { margin-left: 0; min-width: 180px; }
body.theme-sirplay .dataTables_wrapper .dataTables_processing { border-radius: 999px; padding: 8px 18px; font-weight: 500; color: var(--sp-text); }

body.theme-sirplay .layout-content table .btn-circle, body.theme-sirplay .layout-content table .btn-xs { min-width: 32px; min-height: 32px; }
body.theme-sirplay .layout-content table td .btn + .btn { margin-left: 4px; }
body.theme-sirplay .layout-content table td { font-variant-numeric: tabular-nums; }

body.theme-sirplay .layout-content table .btn-default.btn-circle { box-shadow: inset 0 0 0 1px var(--cms-edge); }

body.theme-sirplay table.dataTable td.dataTables_empty { color: var(--sp-text-2); padding: 28px 12px; text-align: center; font-size: 13px; }

body.theme-sirplay .rounded-input {
    background-color: rgb(var(--gw) / .6) !important; color: var(--sp-text); border: 0 !important; border-radius: 14px !important; height: 40px !important; padding: 6px 12px !important;
    box-shadow: inset 0 1px 3px rgba(40, 60, 120, .1), inset 0 0 0 1px var(--cms-edge);
}
body.theme-sirplay .rounded-input:focus { box-shadow: 0 0 0 4px rgba(10, 132, 255, .28), inset 0 0 0 1.5px var(--sp-accent); outline: none; }
body.theme-sirplay input[readonly].rounded-input { background-color: var(--sp-fill-2) !important; color: var(--sp-text-2); }
body.theme-sirplay .card-bar { background: var(--sp-accent-soft); border-radius: 18px; }
body.theme-sirplay .head-title { color: var(--sp-text); font-weight: 600; letter-spacing: -.01em; }
body.theme-sirplay .label-field { color: var(--sp-text-2); font-weight: 500; font-size: 12.5px; }
body.theme-sirplay .label-desc { color: var(--sp-text-2); font-size: 12px; }
body.theme-sirplay .button-save-rules { background: var(--cms-success) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; height: 36px; padding: 0 22px !important; font-weight: 600; }
body.theme-sirplay .button-save-rules:hover { background: var(--cms-success-hi) !important; color: #fff !important; border: 0 !important; }

body.theme-sirplay .select2-container--default .select2-selection--single {
    background-color: rgb(var(--gw) / .6) !important; border: 0 !important; border-radius: 14px !important; height: 40px !important; box-shadow: inset 0 1px 3px rgba(40, 60, 120, .1), inset 0 0 0 1px var(--cms-edge);
}
body.theme-sirplay .select2-container--default.select2-container--focus .select2-selection--single, body.theme-sirplay .select2-container--default.select2-container--open .select2-selection--single { box-shadow: 0 0 0 4px rgba(10, 132, 255, .28), inset 0 0 0 1.5px var(--sp-accent); }
body.theme-sirplay .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--sp-text) !important; font-size: 14px; }
body.theme-sirplay .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--sp-text-3) transparent transparent transparent; }
body.theme-sirplay .select2-container--default .select2-results__option { color: var(--sp-text); }
body.theme-sirplay .select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--sp-accent); color: #fff; }
html[data-sp-mode="dark"] body.theme-sirplay .select2-container--default .select2-dropdown, html[data-sp-mode="dark"] body.theme-sirplay .select2-container--default .select2-search--dropdown .select2-search__field { background: var(--sp-surface-2); color: var(--sp-text); }
body.theme-sirplay .input-group-custom button { background: var(--sp-fill); color: var(--sp-text); border: 0; border-radius: 0 14px 14px 0; min-width: 44px; }
body.theme-sirplay .input-group-custom button:hover { background: rgba(120, 120, 128, .28); }

body.theme-sirplay .button-row { border: 0; border-radius: 14px; background: var(--sp-fill-2); box-shadow: inset 0 0 0 1px var(--sp-sep); }
html[data-sp-mode="dark"] body.theme-sirplay #loading-overlay { background: rgba(0, 0, 0, .6) !important; }
html[data-sp-mode="dark"] body.theme-sirplay #loading-overlay * { color: var(--sp-text); }

@media (max-width: 767px) {

    body.theme-sirplay .layout-content .form-control, body.theme-sirplay.theme-glass .layout-content .form-control,
    body.theme-sirplay.theme-glass .layout-content .select2-container--bootstrap .select2-selection--single,
    body.theme-sirplay .rounded-input, body.theme-sirplay .layout-content .input-group-addon { height: 44px !important; font-size: 16px; }
    body.theme-sirplay .layout-content textarea.form-control { height: auto !important; }
    body.theme-sirplay .layout-content .select2-container--bootstrap .select2-selection--single { font-size: 16px; }
    body.theme-sirplay .layout-content .select2-container--bootstrap .select2-selection--multiple { min-height: 44px; }
    body.theme-sirplay .select2-container--default .select2-selection--single { height: 44px !important; }
    body.theme-sirplay .layout-content .btn, body.theme-sirplay .btn-perm-action, body.theme-sirplay .layout-content table .btn-circle { min-height: 44px; }
    body.theme-sirplay .layout-content table .btn-circle, body.theme-sirplay .layout-content table .btn-xs { min-width: 44px; }
    body.theme-sirplay .layout-content input[type="checkbox"]:not(.toggle-input):not(.manage-permission),
    body.theme-sirplay .layout-content .perm-item input[type="checkbox"], body.theme-sirplay .layout-content input[type="radio"] { width: 22px; height: 22px; background-size: 14px; }
    body.theme-sirplay .perm-item { min-height: 44px; padding: 8px 10px; }
    body.theme-sirplay .perm-item label { font-size: 14px; }
    body.theme-sirplay .perm-card-header, body.theme-sirplay .perm-card-body { padding-left: 14px; padding-right: 14px; }
    body.theme-sirplay .layout-content .card-body { padding: 16px 14px; }
    body.theme-sirplay .note-editor .note-toolbar .note-btn { min-width: 40px; height: 40px; }
    body.theme-sirplay .note-editor .note-editing-area { padding: 8px; }
    body.theme-sirplay .layout-content .input-group { display: flex; }

    body.theme-sirplay .layout-content .dataTables_wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

body.theme-sirplay {
    --spx-blue: #0071e3; --spx-blue-hi: #0a74e6; --spx-blue-lo: #0062cc; --spx-blue-press: #0055b3;
    --spx-green-hi: #188036; --spx-green-lo: #146a2c;
    --spx-red-hi: #e0281e; --spx-red-lo: #c8160d;
    --spx-amber-hi: #ffb02e; --spx-amber-lo: #ff9f0a;
    --spx-green-text: #1d7a35;
    --spx-ph: #75757a;
    --spx-ring: 0 0 0 4px rgba(0, 113, 227, .34);
    --spx-ring-color: rgba(0, 113, 227, .45);
    --spx-field-line: rgba(60, 60, 67, .30);
    --spx-field-line-hover: rgba(60, 60, 67, .46);
    --spx-field-bg: rgb(var(--gw) / .72);
    --spx-field-inset: rgba(40, 60, 120, .10);
    --spx-accent-text: var(--sp-accent-strong);
    --spx-text-2: #5c5c62;
}
html[data-sp-mode="dark"] body.theme-sirplay {
    --spx-ph: #98989f;
    --spx-ring: 0 0 0 4px rgba(10, 132, 255, .45);
    --spx-ring-color: rgba(10, 132, 255, .6);
    --spx-field-line: rgba(255, 255, 255, .20);
    --spx-field-line-hover: rgba(255, 255, 255, .34);
    --spx-field-bg: rgb(var(--gw) / .6);
    --spx-field-inset: rgba(0, 0, 0, .45);
    --spx-green-text: #30d158;
    --spx-text-2: var(--sp-text-2);
}

body.theme-sirplay.theme-glass .btn { -webkit-backdrop-filter: none; backdrop-filter: none; min-height: 36px; }
body.theme-sirplay.theme-glass .btn-sm { min-height: 32px; }
body.theme-sirplay.theme-glass .btn-xs { min-height: 28px; }
body.theme-sirplay.theme-glass .btn-lg { min-height: 48px; padding: 11px 26px; }
body.theme-sirplay .btn { line-height: 1.4; display: inline-flex; align-items: center; justify-content: center; gap: 6px; vertical-align: middle; }
body.theme-sirplay .btn-block { display: flex; }
body.theme-sirplay .btn .caret { border-top-color: currentColor; color: inherit; margin-left: 2px; }
body.theme-sirplay .btn .fa, body.theme-sirplay .btn .icon { line-height: 1; }

body.theme-sirplay .btn:focus-visible, body.theme-sirplay.theme-glass .btn:focus-visible,
body.theme-sirplay .close:focus-visible, body.theme-sirplay .pagination > li > a:focus-visible, body.theme-sirplay .nav > li > a:focus-visible,
body.theme-sirplay .dropdown-menu > li > a:focus-visible, body.theme-sirplay .panel-title a:focus-visible, body.theme-sirplay .list-group-item:focus-visible {
    outline: 4px solid var(--spx-ring-color); outline-offset: 0;
}
body.theme-sirplay .btn:focus:not(:focus-visible) { box-shadow: none; }

body.theme-sirplay .btn-primary, body.theme-sirplay .btn-info { background: var(--spx-blue); color: #fff; }
body.theme-sirplay.theme-glass .btn-primary, body.theme-sirplay.theme-glass .btn-info,
body.theme-sirplay.theme-glass .reg-btn-main, body.theme-sirplay.theme-glass .be-btn-search {
    background: linear-gradient(180deg, var(--spx-blue-hi), var(--spx-blue-lo)); color: #fff;
}
body.theme-sirplay.theme-glass .btn-primary:hover, body.theme-sirplay.theme-glass .btn-info:hover,
body.theme-sirplay.theme-glass .btn-primary:focus, body.theme-sirplay.theme-glass .btn-info:focus {
    background: linear-gradient(180deg, var(--spx-blue-lo), #0058b8); color: #fff;
}
body.theme-sirplay.theme-glass .btn-primary:active, body.theme-sirplay.theme-glass .btn-info:active { background: var(--spx-blue-press); }
body.theme-sirplay .btn-success { background: var(--spx-green-lo); color: #fff; }
body.theme-sirplay.theme-glass .btn-success { background: linear-gradient(180deg, var(--spx-green-hi), var(--spx-green-lo)); color: #fff; }
body.theme-sirplay.theme-glass .btn-success:hover, body.theme-sirplay.theme-glass .btn-success:focus { background: linear-gradient(180deg, var(--spx-green-lo), #0f5522); color: #fff; }
body.theme-sirplay .btn-danger { background: var(--spx-red-lo); color: #fff; }
body.theme-sirplay.theme-glass .btn-danger { background: linear-gradient(180deg, var(--spx-red-hi), var(--spx-red-lo)); color: #fff; }
body.theme-sirplay.theme-glass .btn-danger:hover, body.theme-sirplay.theme-glass .btn-danger:focus { background: linear-gradient(180deg, var(--spx-red-lo), #a8100a); color: #fff; }

body.theme-sirplay .btn-warning, body.theme-sirplay .btn-warning:hover, body.theme-sirplay .btn-warning:focus,
body.theme-sirplay .btn-warning:active, body.theme-sirplay .btn-warning.active { color: #1d1d1f; }
body.theme-sirplay.theme-glass .btn-warning { background: linear-gradient(180deg, var(--spx-amber-hi), var(--spx-amber-lo)); }

html[data-sp-mode="dark"] body.theme-sirplay .btn-warning, html[data-sp-mode="dark"] body.theme-sirplay .btn-warning:hover, html[data-sp-mode="dark"] body.theme-sirplay .btn-warning:focus,
html[data-sp-mode="dark"] body.theme-sirplay .btn-warning:active, html[data-sp-mode="dark"] body.theme-sirplay .btn-warning.active { color: #1d1d1f !important; }
body.theme-sirplay.theme-glass .btn-warning:hover, body.theme-sirplay.theme-glass .btn-warning:focus { background: linear-gradient(180deg, #ffbd52, #ffab26); }
body.theme-sirplay .btn-primary:hover, body.theme-sirplay .btn-primary:focus, body.theme-sirplay .btn-info:hover, body.theme-sirplay .btn-success:hover,
body.theme-sirplay .btn-danger:hover, body.theme-sirplay .btn-primary:active, body.theme-sirplay .btn-success:active, body.theme-sirplay .btn-danger:active { color: #fff; }

body.theme-sirplay .btn-outline-info, body.theme-sirplay .btn-outline-primary { color: var(--spx-accent-text); }
body.theme-sirplay .btn-outline-success { color: var(--spx-green-text); border-color: rgba(48, 160, 80, .45); }
body.theme-sirplay .btn-outline-success:hover { color: var(--spx-green-text); }
body.theme-sirplay .btn-outline-danger { color: var(--sp-red); }
body.theme-sirplay .btn-outline-warning { color: var(--sp-orange); border-color: rgba(255, 159, 10, .5); }
body.theme-sirplay .btn-outline-warning:hover { background: var(--sp-orange-soft); color: var(--sp-orange); border-color: transparent; }
body.theme-sirplay .btn-outline-secondary { color: var(--sp-text); border-color: var(--sp-sep-strong); }
body.theme-sirplay .btn-outline-secondary:hover { background: var(--sp-fill); color: var(--sp-text); }
body.theme-sirplay.theme-glass .btn-outline-info, body.theme-sirplay.theme-glass .btn-outline-primary, body.theme-sirplay.theme-glass .btn-outline-success,
body.theme-sirplay.theme-glass .btn-outline-danger, body.theme-sirplay.theme-glass .btn-outline-warning, body.theme-sirplay.theme-glass .btn-outline-secondary { border-color: var(--sp-sep-strong); }
body.theme-sirplay.theme-glass .btn-outline-info:hover, body.theme-sirplay.theme-glass .btn-outline-primary:hover { background: var(--sp-accent-soft); }
body.theme-sirplay.theme-glass .btn-outline-success:hover { background: var(--sp-green-soft); }
body.theme-sirplay.theme-glass .btn-outline-danger:hover { background: var(--sp-red-soft); }

body.theme-sirplay.theme-glass .btn:not([class*="btn-"]) { background: rgb(var(--gw) / .55); color: var(--sp-text); box-shadow: var(--g-edge), 0 2px 8px rgba(40, 60, 120, .08); }
body.theme-sirplay.theme-glass .btn:not([class*="btn-"]):hover { background: rgb(var(--gw) / .8); }

body.theme-sirplay .btn-link, body.theme-sirplay.theme-glass .btn-link { background: transparent; box-shadow: none; color: var(--spx-accent-text); }
body.theme-sirplay .btn-link:hover, body.theme-sirplay.theme-glass .btn-link:hover, body.theme-sirplay.theme-glass .btn-link:focus { background: var(--sp-accent-soft); color: var(--spx-accent-text); box-shadow: none; }

body.theme-sirplay .btn-default.active, body.theme-sirplay .open > .btn-default.dropdown-toggle, body.theme-sirplay.theme-glass .btn-default.active,
body.theme-sirplay.theme-glass .open > .btn-default.dropdown-toggle { background: var(--sp-accent-soft); color: var(--spx-accent-text); box-shadow: inset 0 0 0 1px var(--sp-accent-soft); }

body.theme-sirplay .btn[disabled], body.theme-sirplay .btn.disabled, body.theme-sirplay fieldset[disabled] .btn { opacity: .45; cursor: not-allowed; pointer-events: none; }
body.theme-sirplay .btn.loading, body.theme-sirplay .btn.is-loading { pointer-events: none; opacity: .75; }

body.theme-sirplay.theme-glass .btn-group > .btn, body.theme-sirplay.theme-glass .btn-group-vertical > .btn { border-radius: 0; }
body.theme-sirplay.theme-glass .btn-group > .btn:first-child:not(:last-child) { border-radius: 999px 0 0 999px; }
body.theme-sirplay.theme-glass .btn-group > .btn:last-child:not(:first-child), body.theme-sirplay.theme-glass .btn-group > .dropdown-toggle:not(:first-child) { border-radius: 0 999px 999px 0; }
body.theme-sirplay.theme-glass .btn-group > .btn:only-child { border-radius: 999px; }
body.theme-sirplay.theme-glass .btn-group > .btn + .btn, body.theme-sirplay.theme-glass .btn-group > .btn-group + .btn { margin-left: 0; box-shadow: var(--g-edge), -1px 0 0 var(--sp-sep); }
body.theme-sirplay .btn-group { vertical-align: middle; }
body.theme-sirplay .btn-group > .btn:hover { z-index: 2; }
body.theme-sirplay .btn-circle { min-width: 36px; padding-left: 12px; padding-right: 12px; }
body.theme-sirplay .btn-circle.btn-sm, body.theme-sirplay .btn-circle.btn-xs { min-width: 0; }

body.theme-sirplay .form-control::placeholder, body.theme-sirplay .input-style::placeholder { color: var(--spx-ph); opacity: 1; }

body.theme-sirplay.theme-glass .form-control, body.theme-sirplay.theme-glass .input-style {
    background-color: var(--spx-field-bg);
    box-shadow: inset 0 1px 2px var(--spx-field-inset), inset 0 0 0 1px var(--spx-field-line);
}
body.theme-sirplay.theme-glass .form-control:hover { box-shadow: inset 0 1px 2px var(--spx-field-inset), inset 0 0 0 1px var(--spx-field-line-hover); }
body.theme-sirplay.theme-glass .form-control:focus, body.theme-sirplay.theme-glass .input-style:focus {
    background-color: rgb(var(--gw) / .92); box-shadow: var(--spx-ring), inset 0 0 0 1px var(--spx-blue);
}
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .form-control:focus { box-shadow: var(--spx-ring), inset 0 0 0 1px var(--sp-accent); }
body.theme-sirplay.theme-glass .form-control[disabled], body.theme-sirplay.theme-glass .form-control[readonly], body.theme-sirplay.theme-glass fieldset[disabled] .form-control {
    background: var(--sp-fill-2); color: var(--sp-text-2); box-shadow: inset 0 0 0 1px var(--sp-sep); cursor: not-allowed; -webkit-text-fill-color: var(--sp-text-2); opacity: 1;
}
body.theme-sirplay.theme-glass .form-control[readonly]:not([disabled]) { cursor: default; }
body.theme-sirplay .form-control.input-sm, body.theme-sirplay.theme-glass .form-control.input-sm { height: 34px; min-height: 34px; padding: 4px 12px; font-size: 13px; border-radius: 12px; }
body.theme-sirplay .form-control.input-lg, body.theme-sirplay.theme-glass .form-control.input-lg { height: 48px; padding: 8px 16px; font-size: 16px; border-radius: 16px; }

body.theme-sirplay.theme-glass select.form-control:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%237c7c82' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 12px center; background-size: 12px 8px; padding-right: 34px;
}
body.theme-sirplay select.form-control[multiple], body.theme-sirplay select.form-control[size], body.theme-sirplay.theme-glass select.form-control[multiple] { height: auto; padding: 6px 8px; background-image: none; border-radius: 14px; }
body.theme-sirplay.theme-glass textarea.form-control { min-height: 40px; padding: 10px 14px; line-height: 1.45; }
body.theme-sirplay.theme-glass select.form-control.input-sm:not([multiple]) { padding-right: 30px; background-position: right 10px center; }
body.theme-sirplay .form-control { font-variant-numeric: tabular-nums; }

body.theme-sirplay .help-block { color: var(--spx-text-2); font-size: 12.5px; margin-top: 6px; }
body.theme-sirplay .has-error .help-block, body.theme-sirplay .has-error .control-label, body.theme-sirplay .has-error label, body.theme-sirplay .has-error .checkbox, body.theme-sirplay .has-error .radio { color: var(--sp-red); }
body.theme-sirplay .has-success .help-block, body.theme-sirplay .has-success .control-label, body.theme-sirplay .has-success label { color: var(--spx-green-text); }
body.theme-sirplay .has-warning .help-block, body.theme-sirplay .has-warning .control-label, body.theme-sirplay .has-warning label { color: var(--sp-orange); }

body.theme-sirplay.theme-glass .has-error .form-control { box-shadow: inset 0 0 0 1.5px var(--sp-red), 0 0 0 4px var(--sp-red-soft); }
body.theme-sirplay.theme-glass .has-success .form-control { box-shadow: inset 0 0 0 1.5px var(--spx-green-text), 0 0 0 4px var(--sp-green-soft); }
body.theme-sirplay.theme-glass .has-warning .form-control { box-shadow: inset 0 0 0 1.5px var(--sp-orange), 0 0 0 4px var(--sp-orange-soft); }
body.theme-sirplay.theme-glass .has-error .form-control:focus { box-shadow: inset 0 0 0 1.5px var(--sp-red), 0 0 0 4px rgba(255, 59, 48, .28); }
body.theme-sirplay.theme-glass .has-feedback .form-control-feedback { line-height: 40px; height: 40px; width: 40px; }

body.theme-sirplay .input-group-addon {
    height: 40px; padding: 6px 14px; font-size: 13px; font-weight: 500; color: var(--spx-text-2); border: 0; border-radius: 0;
    background: rgb(var(--gw) / .42); box-shadow: inset 0 1px 2px var(--spx-field-inset), inset 0 0 0 1px var(--spx-field-line);
}
body.theme-sirplay .input-group-addon:first-child { border-radius: 14px 0 0 14px; }
body.theme-sirplay .input-group-addon:last-child { border-radius: 0 14px 14px 0; }
body.theme-sirplay .input-group-addon .fa, body.theme-sirplay .input-group-addon i { color: inherit; }

body.theme-sirplay .layout-content .input-group-addon { color: var(--spx-text-2); }
body.theme-sirplay.theme-glass .input-group .form-control:first-child { border-radius: 14px 0 0 14px; }
body.theme-sirplay.theme-glass .input-group .form-control:last-child { border-radius: 0 14px 14px 0; }
body.theme-sirplay.theme-glass .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; }
body.theme-sirplay.theme-glass .input-group .form-control:only-child { border-radius: 14px; }

body.theme-sirplay.theme-glass .input-group .form-control:has(+ .input-group-btn) { border-radius: 14px; }
body.theme-sirplay.theme-glass .input-group-btn:last-child > .btn { margin-left: 6px; }
body.theme-sirplay.theme-glass .input-group-btn:first-child > .btn { margin-right: 6px; }
body.theme-sirplay .input-group-btn > .btn { border-radius: 999px; height: 40px; }
body.theme-sirplay .input-group-sm > .form-control, body.theme-sirplay .input-group-sm > .input-group-addon { height: 34px; }
body.theme-sirplay .input-group-lg > .form-control, body.theme-sirplay .input-group-lg > .input-group-addon { height: 48px; }

body.theme-sirplay input[type="file"] { --spf-pill: 32px; max-width: 100%; padding: 4px 0; color: var(--sp-text-2); font-size: 13px; line-height: var(--spf-pill); }
body.theme-sirplay input[type="file"]::file-selector-button {
    box-sizing: border-box; height: var(--spf-pill); min-height: 0; margin: 0; margin-inline-end: 12px; padding: 0 16px; border: 0; border-radius: 999px;
    background: var(--sp-fill); color: var(--sp-text); font: inherit; font-weight: 500; line-height: var(--spf-pill); vertical-align: top; cursor: pointer;
    transition: background var(--sp-fast) ease, transform var(--sp-fast) var(--sp-ease);
}
body.theme-sirplay input[type="file"]:not(:disabled)::file-selector-button:hover { background: rgba(120, 120, 128, .24); }
html[data-sp-mode="dark"] body.theme-sirplay input[type="file"]:not(:disabled)::file-selector-button:hover { background: rgba(120, 120, 128, .4); }
body.theme-sirplay input[type="file"]:not(:disabled)::file-selector-button:active { transform: scale(.96); }
body.theme-sirplay input[type="file"]:disabled, body.theme-sirplay input[type="file"]:disabled::file-selector-button { cursor: not-allowed; }
body.theme-sirplay input[type="file"]:disabled::file-selector-button { opacity: .5; }
body.theme-sirplay input[type="file"]:focus-visible { outline: none; }
body.theme-sirplay input[type="file"]:not(.form-control):focus-visible { box-shadow: 0 0 0 4px rgba(10, 132, 255, .28); border-radius: 999px; }

body.theme-sirplay input[type="file"].form-control { --spf-pill: 30px; padding: 3px 8px; overflow: hidden; cursor: pointer; }
body.theme-sirplay.theme-glass input[type="file"].form-control { padding-top: 5px; padding-bottom: 5px; }
body.theme-sirplay input[type="file"].form-control.input-sm { --spf-pill: 26px; padding-top: 3px; padding-bottom: 3px; }
body.theme-sirplay.theme-glass input[type="file"].form-control.input-sm { padding-top: 4px; padding-bottom: 4px; }
body.theme-sirplay input[type="file"].form-control.input-lg { --spf-pill: 34px; padding-top: 6px; padding-bottom: 6px; }
body.theme-sirplay.theme-glass input[type="file"].form-control.input-lg { padding-top: 7px; padding-bottom: 7px; }

body.theme-sirplay input[type="file"].form-control[style*="padding-left"] { padding-left: 8px !important; }

@media (min-width: 992px) {
    body.theme-sirplay .col-md-2 input[type="file"] { font-size: 11.5px; }
    body.theme-sirplay .col-md-2 input[type="file"]::file-selector-button { margin-inline-end: 6px; padding: 0 12px; }
}
@media (min-width: 1200px) {
    body.theme-sirplay .col-lg-2 input[type="file"] { font-size: 11.5px; }
    body.theme-sirplay .col-lg-2 input[type="file"]::file-selector-button { margin-inline-end: 6px; padding: 0 12px; }
}

@media (max-width: 767px) {
    body.theme-sirplay.theme-glass input[type="file"].form-control, body.theme-sirplay.theme-glass input[type="file"].form-control.input-sm,
    body.theme-sirplay.theme-glass input[type="file"].form-control.input-lg { --spf-pill: 34px; padding-top: 5px; padding-bottom: 5px; }
}

body.theme-sirplay .checkbox label, body.theme-sirplay .radio label, body.theme-sirplay .checkbox-inline, body.theme-sirplay .radio-inline { color: var(--sp-text); font-size: 13.5px; font-weight: 400; }
body.theme-sirplay input[type="checkbox"], body.theme-sirplay input[type="radio"] { width: 16px; height: 16px; margin-top: 2px; cursor: pointer; }
body.theme-sirplay input[type="checkbox"]:focus-visible, body.theme-sirplay input[type="radio"]:focus-visible { outline: 4px solid var(--spx-ring-color); outline-offset: 0; }
body.theme-sirplay input[type="checkbox"][disabled], body.theme-sirplay input[type="radio"][disabled] { cursor: not-allowed; }

body.theme-sirplay .custom-control { min-height: 18px; line-height: 18px; }
body.theme-sirplay .custom-control-label { margin-left: 26px; line-height: 18px; color: var(--sp-text); }
body.theme-sirplay .custom-control-indicator { width: 18px; height: 18px; border: 1.5px solid var(--spx-field-line-hover); background-color: var(--spx-field-bg); transition: background-color var(--sp-fast) ease, border-color var(--sp-fast) ease; }
body.theme-sirplay .custom-checkbox .custom-control-indicator { border-radius: 6px; }
body.theme-sirplay .custom-control-input:checked ~ .custom-control-indicator,
body.theme-sirplay .custom-control-default .custom-control-input:checked ~ .custom-control-indicator,
body.theme-sirplay .custom-control-primary .custom-control-input:checked ~ .custom-control-indicator { background-color: var(--spx-blue); border-color: var(--spx-blue); }
body.theme-sirplay .custom-control-success .custom-control-input:checked ~ .custom-control-indicator { background-color: var(--spx-green-lo); border-color: var(--spx-green-lo); }
body.theme-sirplay .custom-control-info .custom-control-input:checked ~ .custom-control-indicator { background-color: var(--spx-blue); border-color: var(--spx-blue); }
body.theme-sirplay .custom-control-warning .custom-control-input:checked ~ .custom-control-indicator { background-color: var(--spx-amber-lo); border-color: var(--spx-amber-lo); }
body.theme-sirplay .custom-control-danger .custom-control-input:checked ~ .custom-control-indicator { background-color: var(--spx-red-lo); border-color: var(--spx-red-lo); }
body.theme-sirplay .custom-control-input:focus-visible ~ .custom-control-indicator { box-shadow: var(--spx-ring); }
body.theme-sirplay .custom-control .custom-control-input:disabled ~ .custom-control-indicator { opacity: .45; }
body.theme-sirplay .has-error .custom-control-indicator { border-color: var(--sp-red); }

body.theme-sirplay .switch:has(> .switch-input) { width: 51px; height: 31px; }
body.theme-sirplay .switch:has(> .switch-input) .switch-track { background: rgba(120, 120, 128, .36); transition: background var(--sp-med) var(--sp-ease); border-radius: 999px; }
html[data-sp-mode="dark"] body.theme-sirplay .switch:has(> .switch-input) .switch-input:not(:checked) ~ .switch-track { background: rgba(120, 120, 128, .5); }
body.theme-sirplay .switch:has(> .switch-input) .switch-thumb {
    top: 2px; left: 2px; width: 27px; height: 27px; border: 0; background: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, .28), 0 0 0 .5px rgba(0, 0, 0, .06);
    transition: left .3s var(--sp-spring);
}
body.theme-sirplay .switch:has(> .switch-input) .switch-input:checked ~ .switch-thumb { left: 22px; border: 0; }
body.theme-sirplay .switch:has(> .switch-input) .switch-input:checked ~ .switch-track, body.theme-sirplay .switch-default:has(> .switch-input) .switch-input:checked ~ .switch-track,
body.theme-sirplay .switch-primary:has(> .switch-input) .switch-input:checked ~ .switch-track, body.theme-sirplay .switch-info:has(> .switch-input) .switch-input:checked ~ .switch-track { background: var(--spx-blue); }
body.theme-sirplay .switch-success:has(> .switch-input) .switch-input:checked ~ .switch-track { background: var(--spx-green-lo); }
body.theme-sirplay .switch-warning:has(> .switch-input) .switch-input:checked ~ .switch-track { background: var(--spx-amber-lo); }
body.theme-sirplay .switch-danger:has(> .switch-input) .switch-input:checked ~ .switch-track { background: var(--spx-red-lo); }
body.theme-sirplay .switch .switch-input:disabled ~ .switch-track { opacity: .45; }
body.theme-sirplay .switch .switch-input:focus-visible ~ .switch-track { box-shadow: var(--spx-ring); }

@media (max-width: 767px) {
    body.theme-sirplay.theme-glass .btn, body.theme-sirplay.theme-glass .btn-sm, body.theme-sirplay.theme-glass .btn-xs { min-height: 44px; }
    body.theme-sirplay.theme-glass .btn-xs, body.theme-sirplay.theme-glass .btn-sm { padding-left: 14px; padding-right: 14px; }
    body.theme-sirplay.theme-glass .form-control, body.theme-sirplay.theme-glass .input-style, body.theme-sirplay .input-group-addon, body.theme-sirplay .input-group-btn > .btn { min-height: 44px; height: 44px; font-size: 16px; }
    body.theme-sirplay.theme-glass textarea.form-control, body.theme-sirplay.theme-glass select.form-control[multiple] { height: auto; }
    body.theme-sirplay.theme-glass .form-control.input-sm { height: 44px; min-height: 44px; font-size: 16px; }
    body.theme-sirplay input[type="checkbox"], body.theme-sirplay input[type="radio"] { width: 20px; height: 20px; }
}

body.theme-sirplay.theme-glass .select2-dropdown, body.theme-sirplay.theme-glass .select2-drop, body.theme-sirplay.theme-glass .datepicker,
body.theme-sirplay.theme-glass .bootstrap-datetimepicker-widget, body.theme-sirplay.theme-glass .flatpickr-calendar { background: var(--spx-pop-bg); }

body.theme-sirplay :is(.select2-container--bootstrap, .select2-container--default) .select2-selection--single { height: 40px; padding: 0 12px; display: block; }
body.theme-sirplay :is(.select2-container--bootstrap, .select2-container--default) .select2-selection--single .select2-selection__rendered {
    color: var(--sp-text); padding: 0 22px 0 0; line-height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums;
}
body.theme-sirplay .select2-selection__placeholder { color: var(--spx-ph); }
body.theme-sirplay :is(.select2-container--bootstrap, .select2-container--default) .select2-selection--single .select2-selection__arrow { top: 0; right: 0; width: 34px; height: 100%; }
body.theme-sirplay .select2-selection--single .select2-selection__arrow b { display: none; }
body.theme-sirplay .select2-selection--single .select2-selection__arrow::after {
    content: ""; position: absolute; top: 50%; right: 14px; width: 7px; height: 7px; border: solid var(--sp-text-3); border-width: 0 2px 2px 0;
    transform: translateY(-70%) rotate(45deg); transition: transform var(--sp-fast) var(--sp-ease);
}
body.theme-sirplay .select2-container--open .select2-selection--single .select2-selection__arrow::after { transform: translateY(-20%) rotate(-135deg); }
body.theme-sirplay .select2-selection--single .select2-selection__clear { color: var(--sp-text-2); font-size: 18px; font-weight: 400; margin-right: 6px; line-height: 38px; }
body.theme-sirplay .select2-selection--single .select2-selection__clear:hover { color: var(--sp-text); }
body.theme-sirplay .select2-container--disabled .select2-selection { background: var(--sp-fill-2); cursor: not-allowed; }
body.theme-sirplay .select2-container--disabled .select2-selection__rendered { color: var(--sp-text-2); }

body.theme-sirplay.theme-glass :is(.select2-container--bootstrap, .select2-container--default) .select2-selection {
    background-color: var(--spx-field-bg); box-shadow: inset 0 1px 2px var(--spx-field-inset), inset 0 0 0 1px var(--spx-field-line); transition: box-shadow var(--sp-fast) ease, background-color var(--sp-fast) ease;
}
body.theme-sirplay.theme-glass :is(.select2-container--bootstrap, .select2-container--default) .select2-selection:hover { box-shadow: inset 0 1px 2px var(--spx-field-inset), inset 0 0 0 1px var(--spx-field-line-hover); }
body.theme-sirplay.theme-glass :is(.select2-container--bootstrap, .select2-container--default).select2-container--focus .select2-selection,
body.theme-sirplay.theme-glass :is(.select2-container--bootstrap, .select2-container--default).select2-container--open .select2-selection {
    background-color: rgb(var(--gw) / .92); box-shadow: var(--spx-ring), inset 0 0 0 1px var(--sp-accent); border-radius: 14px;
}
body.theme-sirplay.theme-glass .has-error .select2-selection { box-shadow: inset 0 0 0 1.5px var(--sp-red), 0 0 0 4px var(--sp-red-soft); }

body.theme-sirplay.theme-glass :is(.select2-container--bootstrap, .select2-container--default) .select2-selection--multiple { height: auto; min-height: 40px; padding: 3px 8px; }
body.theme-sirplay :is(.select2-container--bootstrap, .select2-container--default) .select2-selection--multiple .select2-selection__rendered {
    display: flex; flex-wrap: wrap; align-items: center; gap: 4px; padding: 0; margin: 0; list-style: none; box-sizing: border-box; width: 100%;
}
body.theme-sirplay :is(.select2-container--bootstrap, .select2-container--default) .select2-selection--multiple .select2-selection__choice {
    display: inline-flex; flex-direction: row; align-items: center; float: none; margin: 0; padding: 3px 10px 3px 6px; border: 0; border-radius: 999px;
    background: var(--sp-accent-soft); color: var(--spx-accent-text); font-size: 12.5px; font-weight: 500; line-height: 18px; cursor: default;
}
body.theme-sirplay :is(.select2-container--bootstrap, .select2-container--default) .select2-selection--multiple .select2-selection__choice__remove {
    float: none; position: static; margin: 0 5px 0 0; padding: 0; border: 0; background: transparent; color: inherit; font-weight: 600; opacity: .65; cursor: pointer; line-height: 18px;
}
body.theme-sirplay .select2-selection--multiple .select2-selection__choice__remove:hover { opacity: 1; color: var(--sp-red); }
body.theme-sirplay .select2-selection--multiple .select2-search--inline { flex: 1 1 70px; float: none; margin: 0; }
body.theme-sirplay .select2-selection--multiple .select2-search--inline .select2-search__field {
    width: 100% !important; min-width: 70px; height: 26px; margin: 0; padding: 0 4px; border: 0; background: transparent; box-shadow: none; color: var(--sp-text); outline: none;
}
body.theme-sirplay .select2-selection--multiple .select2-selection__clear { float: none; margin: 0 4px; color: var(--sp-text-2); }

body.theme-sirplay .select2-dropdown, body.theme-sirplay .select2-drop { padding: 6px; margin-top: 6px; border: 0; border-radius: 18px; }
body.theme-sirplay .select2-container--open .select2-dropdown--above { margin-top: 0; margin-bottom: 6px; }
body.theme-sirplay .select2-results__options { padding: 0; margin: 0; }
body.theme-sirplay .select2-container .select2-results__option {
    padding: 8px 12px; margin: 1px 0; border-radius: 10px; color: var(--sp-text); background: transparent; font-size: 13.5px; transition: background var(--sp-fast) ease;
}
body.theme-sirplay .select2-container .select2-results__option[aria-selected="true"], body.theme-sirplay .select2-container .select2-results__option--selected { background: var(--sp-accent-soft); color: var(--spx-accent-text); font-weight: 600; }
body.theme-sirplay .select2-container .select2-results__option--highlighted[aria-selected], body.theme-sirplay .select2-container .select2-results__option--highlighted.select2-results__option--selectable { background: var(--spx-blue); color: #fff; }
body.theme-sirplay .select2-container .select2-results__option[aria-disabled="true"] { color: var(--sp-text-3); opacity: .6; }
body.theme-sirplay .select2-container .select2-results__message { color: var(--sp-text-2); padding: 10px 12px; }
body.theme-sirplay .select2-results__group { color: var(--sp-text-2); font-size: 11.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; padding: 8px 12px 4px; }
body.theme-sirplay .select2-container .select2-search--dropdown { padding: 2px 2px 8px; }
body.theme-sirplay .select2-container .select2-search--dropdown .select2-search__field {
    height: 36px; padding: 0 14px; border: 0; border-radius: 999px; background: var(--sp-fill); color: var(--sp-text); outline: none; box-shadow: inset 0 0 0 1px var(--spx-field-line);
}
body.theme-sirplay .select2-container .select2-search--dropdown .select2-search__field:focus { box-shadow: var(--spx-ring), inset 0 0 0 1px var(--sp-accent); }

body.theme-sirplay.theme-glass .bootstrap-select > .dropdown-toggle {
    height: 40px; padding: 6px 34px 6px 12px; border-radius: 14px; justify-content: flex-start; text-align: left; font-weight: 400; font-size: 14px; color: var(--sp-text);
    background-color: var(--spx-field-bg); box-shadow: inset 0 1px 2px var(--spx-field-inset), inset 0 0 0 1px var(--spx-field-line);
}
body.theme-sirplay.theme-glass .bootstrap-select > .dropdown-toggle:hover { box-shadow: inset 0 1px 2px var(--spx-field-inset), inset 0 0 0 1px var(--spx-field-line-hover); transform: none; }
body.theme-sirplay.theme-glass .bootstrap-select.open > .dropdown-toggle, body.theme-sirplay.theme-glass .bootstrap-select > .dropdown-toggle:focus {
    background-color: rgb(var(--gw) / .92); box-shadow: var(--spx-ring), inset 0 0 0 1px var(--sp-accent); color: var(--sp-text);
}
body.theme-sirplay .bootstrap-select .filter-option { color: var(--sp-text); }
body.theme-sirplay .bootstrap-select .dropdown-toggle .bs-caret .caret, body.theme-sirplay .bootstrap-select > .dropdown-toggle > .caret {
    position: absolute; top: 50%; right: 14px; width: 7px; height: 7px; margin: -6px 0 0; border: solid var(--sp-text-3); border-width: 0 2px 2px 0; transform: rotate(45deg);
}
body.theme-sirplay .bootstrap-select.open > .dropdown-toggle .caret { transform: translateY(5px) rotate(-135deg); }
body.theme-sirplay .bootstrap-select .dropdown-menu { min-width: 100%; }
body.theme-sirplay .bootstrap-select .dropdown-menu li a span.text { color: inherit; }
body.theme-sirplay .bootstrap-select .bs-searchbox { padding: 2px 2px 8px; }
body.theme-sirplay .bootstrap-select .bs-actionsbox .btn { min-height: 28px; }
body.theme-sirplay .bootstrap-select .check-mark { color: var(--spx-accent-text); }
body.theme-sirplay .bootstrap-select .dropdown-menu li.selected > a .check-mark { color: inherit; }
body.theme-sirplay .bootstrap-select .dropdown-menu .no-results { background: transparent; color: var(--sp-text-2); padding: 8px 12px; }
body.theme-sirplay .bootstrap-select.btn-group:not(.input-group-btn) { width: 100%; }
@media (max-width: 767px) {
    body.theme-sirplay.theme-glass :is(.select2-container--bootstrap, .select2-container--default) .select2-selection--single { height: 44px; }
    body.theme-sirplay :is(.select2-container--bootstrap, .select2-container--default) .select2-selection--single .select2-selection__rendered { line-height: 42px; font-size: 16px; }
    body.theme-sirplay.theme-glass :is(.select2-container--bootstrap, .select2-container--default) .select2-selection--multiple { min-height: 44px; }
    body.theme-sirplay.theme-glass .bootstrap-select > .dropdown-toggle { height: 44px; font-size: 16px; }
    body.theme-sirplay .select2-container .select2-results__option { padding: 11px 12px; }
}

body.theme-sirplay .card:has(.bootstrap-datetimepicker-widget), body.theme-sirplay .panel:has(.bootstrap-datetimepicker-widget),
body.theme-sirplay .reg-card:has(.bootstrap-datetimepicker-widget), body.theme-sirplay .be-panel:has(.bootstrap-datetimepicker-widget),
body.theme-sirplay .card:has(.datepicker-inline), body.theme-sirplay .card:has(.daterangepicker) { overflow: visible; z-index: 150; }

body.theme-sirplay.theme-glass .card > :has(.bootstrap-datetimepicker-widget), body.theme-sirplay.theme-glass .panel > :has(.bootstrap-datetimepicker-widget),
body.theme-sirplay.theme-glass .reg-card > :has(.bootstrap-datetimepicker-widget), body.theme-sirplay.theme-glass .be-panel > :has(.bootstrap-datetimepicker-widget) { z-index: 5; }
body.theme-sirplay .bootstrap-datetimepicker-widget, body.theme-sirplay .datepicker, body.theme-sirplay .flatpickr-calendar { z-index: 1100; }

body.theme-sirplay { --spx-pop-bg: var(--sp-surface); }
@supports (background: color-mix(in srgb, red 50%, transparent)) {
    body.theme-sirplay { --spx-pop-bg: color-mix(in srgb, var(--sp-surface) 96%, transparent); }
}
body.theme-sirplay.theme-glass .bootstrap-datetimepicker-widget, html.sp-refract body.theme-sirplay.theme-glass .bootstrap-datetimepicker-widget,
body.theme-sirplay.theme-glass .datepicker.datepicker-dropdown, body.theme-sirplay.theme-glass .flatpickr-calendar {
    background: var(--spx-pop-bg); -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: var(--sp-shadow-pop), inset 0 0 0 1px var(--sp-sep);
}
body.theme-sirplay.theme-glass .bootstrap-datetimepicker-widget .datepicker, body.theme-sirplay.theme-glass .bootstrap-datetimepicker-widget .timepicker,
body.theme-sirplay.theme-glass .bootstrap-datetimepicker-widget .datepicker-days, body.theme-sirplay.theme-glass .bootstrap-datetimepicker-widget .datepicker-months,
body.theme-sirplay.theme-glass .bootstrap-datetimepicker-widget .datepicker-years, body.theme-sirplay.theme-glass .bootstrap-datetimepicker-widget .datepicker-decades {
    background: transparent; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; border: 0; border-radius: 0; padding: 0; margin: 0; min-width: 0; animation: none;
}
body.theme-sirplay .bootstrap-datetimepicker-widget .datepicker::before, body.theme-sirplay .bootstrap-datetimepicker-widget .datepicker::after { display: none; }

body.theme-sirplay .bootstrap-datetimepicker-widget, body.theme-sirplay .datepicker.datepicker-dropdown, body.theme-sirplay .datepicker-inline {
    padding: 10px; color: var(--sp-text); font-size: 13px; width: auto; min-width: 262px; border: 0; border-radius: 20px;
}
body.theme-sirplay .bootstrap-datetimepicker-widget .dropdown-menu, body.theme-sirplay .bootstrap-datetimepicker-widget ul.list-unstyled { margin: 0; padding: 0; background: transparent; box-shadow: none; border: 0; }
body.theme-sirplay .bootstrap-datetimepicker-widget.dropdown-menu { margin-top: 6px; }

body.theme-sirplay .bootstrap-datetimepicker-widget.dropdown-menu::before, body.theme-sirplay .bootstrap-datetimepicker-widget.dropdown-menu::after,
body.theme-sirplay .datepicker-dropdown::before, body.theme-sirplay .datepicker-dropdown::after { display: none; }
body.theme-sirplay .bootstrap-datetimepicker-widget table, body.theme-sirplay .datepicker table { width: 100%; border-collapse: separate; border-spacing: 2px; background: transparent; font-variant-numeric: tabular-nums; }
body.theme-sirplay .bootstrap-datetimepicker-widget table td, body.theme-sirplay .bootstrap-datetimepicker-widget table th,
body.theme-sirplay .datepicker table tr td, body.theme-sirplay .datepicker table tr th { border: 0; border-radius: 10px; text-align: center; padding: 0; width: 36px; height: 34px; line-height: 34px; color: var(--sp-text); background: transparent; transition: background var(--sp-fast) ease, color var(--sp-fast) ease; }

body.theme-sirplay .bootstrap-datetimepicker-widget table th.picker-switch, body.theme-sirplay .datepicker table tr th.datepicker-switch { font-weight: 600; font-size: 14px; letter-spacing: -.01em; width: auto; cursor: pointer; }
body.theme-sirplay .bootstrap-datetimepicker-widget table th.prev, body.theme-sirplay .bootstrap-datetimepicker-widget table th.next, body.theme-sirplay .datepicker table tr th.prev, body.theme-sirplay .datepicker table tr th.next { color: var(--sp-text-2); font-size: 16px; cursor: pointer; }
body.theme-sirplay .bootstrap-datetimepicker-widget table th.picker-switch:hover, body.theme-sirplay .bootstrap-datetimepicker-widget table th.prev:hover, body.theme-sirplay .bootstrap-datetimepicker-widget table th.next:hover,
body.theme-sirplay .datepicker table tr th.datepicker-switch:hover, body.theme-sirplay .datepicker table tr th.prev:hover, body.theme-sirplay .datepicker table tr th.next:hover { background: var(--sp-fill); color: var(--sp-text); }
body.theme-sirplay .bootstrap-datetimepicker-widget table th.dow, body.theme-sirplay .datepicker table tr th.dow, body.theme-sirplay .datepicker table tr th.cw { font-size: 11.5px; font-weight: 600; color: var(--sp-text-2); height: 28px; line-height: 28px; text-transform: uppercase; letter-spacing: .03em; }

body.theme-sirplay .bootstrap-datetimepicker-widget table td.day:hover, body.theme-sirplay .bootstrap-datetimepicker-widget table td span:hover, body.theme-sirplay .bootstrap-datetimepicker-widget table td.hour:hover,
body.theme-sirplay .bootstrap-datetimepicker-widget table td.minute:hover, body.theme-sirplay .datepicker table tr td.day:hover, body.theme-sirplay .datepicker table tr td span:hover { background: var(--sp-fill); cursor: pointer; }
body.theme-sirplay .bootstrap-datetimepicker-widget table td.old, body.theme-sirplay .bootstrap-datetimepicker-widget table td.new, body.theme-sirplay .datepicker table tr td.old, body.theme-sirplay .datepicker table tr td.new { color: var(--sp-text-3); }
body.theme-sirplay .bootstrap-datetimepicker-widget table td.disabled, body.theme-sirplay .bootstrap-datetimepicker-widget table td.disabled:hover, body.theme-sirplay .datepicker table tr td.disabled, body.theme-sirplay .datepicker table tr td.disabled:hover { color: var(--sp-text-3); opacity: .45; background: transparent; cursor: not-allowed; text-decoration: line-through; }
body.theme-sirplay .bootstrap-datetimepicker-widget table td.today, body.theme-sirplay .datepicker table tr td.today, body.theme-sirplay .datepicker table tr td.today:hover { background: transparent; color: var(--spx-accent-text); font-weight: 700; box-shadow: inset 0 0 0 1.5px var(--sp-accent); }
body.theme-sirplay .bootstrap-datetimepicker-widget table td.today::before { display: none; }
body.theme-sirplay .bootstrap-datetimepicker-widget table td.active, body.theme-sirplay .bootstrap-datetimepicker-widget table td.active:hover, body.theme-sirplay .bootstrap-datetimepicker-widget table td span.active,
body.theme-sirplay .datepicker table tr td.active, body.theme-sirplay .datepicker table tr td.active:hover, body.theme-sirplay .datepicker table tr td.active.active, body.theme-sirplay .datepicker table tr td span.active, body.theme-sirplay .datepicker table tr td span.active:hover {
    background: var(--spx-blue); color: #fff; box-shadow: none; text-shadow: none; border-radius: 10px; font-weight: 600;
}
body.theme-sirplay .datepicker table tr td.range, body.theme-sirplay .datepicker table tr td.range:hover { background: var(--sp-accent-soft); color: var(--spx-accent-text); border-radius: 0; }
body.theme-sirplay .bootstrap-datetimepicker-widget table td span { width: 56px; height: 44px; line-height: 44px; margin: 2px; border-radius: 12px; display: inline-block; }
body.theme-sirplay .datepicker table tr td span { border-radius: 12px; height: 44px; line-height: 44px; width: 25%; margin: 0; }

body.theme-sirplay .bootstrap-datetimepicker-widget .timepicker-picker table td { height: auto; line-height: normal; padding: 0; }
body.theme-sirplay .bootstrap-datetimepicker-widget .timepicker-picker a.btn, body.theme-sirplay .bootstrap-datetimepicker-widget .timepicker-picker .btn[data-action] {
    width: 100%; min-height: 32px; padding: 6px 0; border-radius: 10px; background: transparent; box-shadow: none; color: var(--sp-text-2);
}
body.theme-sirplay .bootstrap-datetimepicker-widget .timepicker-picker .btn[data-action]:hover { background: var(--sp-fill); color: var(--sp-text); }
body.theme-sirplay .bootstrap-datetimepicker-widget .timepicker-hour, body.theme-sirplay .bootstrap-datetimepicker-widget .timepicker-minute, body.theme-sirplay .bootstrap-datetimepicker-widget .timepicker-second { font-size: 22px; font-weight: 600; width: 44px; height: 44px; line-height: 44px; margin: 0; color: var(--sp-text); }
body.theme-sirplay .bootstrap-datetimepicker-widget .separator { color: var(--sp-text-2); font-weight: 600; width: 14px; }
body.theme-sirplay .bootstrap-datetimepicker-widget .glyphicon { top: 0; color: inherit; }

body.theme-sirplay .bootstrap-datetimepicker-widget table td.day, body.theme-sirplay .bootstrap-datetimepicker-widget table th.dow { width: 36px; height: 36px; line-height: 36px; }
body.theme-sirplay .bootstrap-datetimepicker-widget table th.dow { height: 28px; line-height: 28px; }
body.theme-sirplay .bootstrap-datetimepicker-widget table th.prev, body.theme-sirplay .bootstrap-datetimepicker-widget table th.next { height: 36px; line-height: 36px; }

body.theme-sirplay .bootstrap-datetimepicker-widget li.picker-switch { display: block; margin: 8px 0 0; padding: 8px 0 0; border-top: 1px solid var(--sp-sep); text-align: center; }
body.theme-sirplay .bootstrap-datetimepicker-widget li.picker-switch table { width: 100%; border-spacing: 0; }
body.theme-sirplay .bootstrap-datetimepicker-widget li.picker-switch td { width: auto; height: auto; line-height: normal; padding: 0; border-radius: 0; background: transparent; }
body.theme-sirplay .bootstrap-datetimepicker-widget li.picker-switch a[data-action] {
    display: flex; align-items: center; justify-content: center; width: 100%; min-height: 36px; padding: 0; border-radius: 10px; font-size: 16px; line-height: 1;
    color: var(--spx-accent-text); transition: background var(--sp-fast) ease;
}
body.theme-sirplay .bootstrap-datetimepicker-widget li.picker-switch a[data-action]:hover { background: var(--sp-fill); }
body.theme-sirplay .bootstrap-datetimepicker-widget li.picker-switch a[data-action]:focus-visible { outline: 4px solid var(--spx-ring-color); outline-offset: 0; }
body.theme-sirplay .bootstrap-datetimepicker-widget li.picker-switch a[data-action] .fa, body.theme-sirplay .bootstrap-datetimepicker-widget li.picker-switch a[data-action] .glyphicon { font-size: 16px; width: auto; }

body.theme-sirplay .flatpickr-calendar { border: 0; border-radius: 20px; box-shadow: var(--sp-shadow-pop); font-family: inherit; color: var(--sp-text); padding: 6px; width: 320px; }
body.theme-sirplay .flatpickr-calendar.arrowTop::before, body.theme-sirplay .flatpickr-calendar.arrowTop::after, body.theme-sirplay .flatpickr-calendar.arrowBottom::before, body.theme-sirplay .flatpickr-calendar.arrowBottom::after { display: none; }
body.theme-sirplay .flatpickr-months .flatpickr-month, body.theme-sirplay .flatpickr-current-month, body.theme-sirplay .flatpickr-current-month input.cur-year, body.theme-sirplay .flatpickr-current-month .flatpickr-monthDropdown-months { color: var(--sp-text); fill: var(--sp-text); font-weight: 600; }
body.theme-sirplay .flatpickr-current-month .flatpickr-monthDropdown-months { background: transparent; border-radius: 8px; }
body.theme-sirplay .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background: var(--sp-surface); color: var(--sp-text); }
body.theme-sirplay .flatpickr-months .flatpickr-prev-month, body.theme-sirplay .flatpickr-months .flatpickr-next-month { color: var(--sp-text-2); fill: var(--sp-text-2); border-radius: 50%; }
body.theme-sirplay .flatpickr-months .flatpickr-prev-month:hover, body.theme-sirplay .flatpickr-months .flatpickr-next-month:hover { background: var(--sp-fill); }
body.theme-sirplay .flatpickr-months .flatpickr-prev-month:hover svg, body.theme-sirplay .flatpickr-months .flatpickr-next-month:hover svg { fill: var(--spx-accent-text); }
body.theme-sirplay span.flatpickr-weekday { color: var(--sp-text-2); font-size: 11.5px; font-weight: 600; background: transparent; }
body.theme-sirplay .flatpickr-day { color: var(--sp-text); border: 0; border-radius: 10px; font-weight: 500; font-variant-numeric: tabular-nums; max-width: 40px; height: 38px; line-height: 38px; }
body.theme-sirplay .flatpickr-day:hover, body.theme-sirplay .flatpickr-day:focus { background: var(--sp-fill); border: 0; color: var(--sp-text); }
body.theme-sirplay .flatpickr-day.prevMonthDay, body.theme-sirplay .flatpickr-day.nextMonthDay, body.theme-sirplay .flatpickr-day.flatpickr-disabled, body.theme-sirplay .flatpickr-day.flatpickr-disabled:hover { color: var(--sp-text-3); }
body.theme-sirplay .flatpickr-day.flatpickr-disabled { opacity: .45; background: transparent; }
body.theme-sirplay .flatpickr-day.today { background: transparent; box-shadow: inset 0 0 0 1.5px var(--sp-accent); color: var(--spx-accent-text); font-weight: 700; border: 0; }
body.theme-sirplay .flatpickr-day.selected, body.theme-sirplay .flatpickr-day.startRange, body.theme-sirplay .flatpickr-day.endRange, body.theme-sirplay .flatpickr-day.selected:hover,
body.theme-sirplay .flatpickr-day.selected.inRange, body.theme-sirplay .flatpickr-day.selected.prevMonthDay, body.theme-sirplay .flatpickr-day.selected.nextMonthDay { background: var(--spx-blue); box-shadow: none; color: #fff; border: 0; font-weight: 600; }
body.theme-sirplay .flatpickr-day.inRange { background: var(--sp-accent-soft); box-shadow: -5px 0 0 var(--sp-accent-soft), 5px 0 0 var(--sp-accent-soft); border: 0; color: var(--sp-text); }
body.theme-sirplay .flatpickr-time { border-top: 1px solid var(--sp-sep); }
body.theme-sirplay .flatpickr-time input, body.theme-sirplay .flatpickr-time .flatpickr-time-separator, body.theme-sirplay .flatpickr-time .flatpickr-am-pm { color: var(--sp-text); font-weight: 600; }
body.theme-sirplay .flatpickr-time input:hover, body.theme-sirplay .flatpickr-time input:focus, body.theme-sirplay .flatpickr-time .flatpickr-am-pm:hover { background: var(--sp-fill); }
body.theme-sirplay .numInputWrapper span.arrowUp::after { border-bottom-color: var(--sp-text-2); }
body.theme-sirplay .numInputWrapper span.arrowDown::after { border-top-color: var(--sp-text-2); }
body.theme-sirplay .numInputWrapper:hover { background: var(--sp-fill); }

body.theme-sirplay .datepicker .datepicker-days tr td.active, body.theme-sirplay .datepicker .datepicker-days tr td.active:hover { background: var(--spx-blue) !important; color: #fff !important; }
body.theme-sirplay .datepicker .datepicker-days tr td.active ~ td { color: var(--sp-text) !important; background: transparent !important; }
body.theme-sirplay .datepicker .datepicker-days tr td.active ~ td.old, body.theme-sirplay .datepicker .datepicker-days tr td.active ~ td.new,
body.theme-sirplay .datepicker .datepicker-days tr td.active ~ td.disabled { color: var(--sp-text-3) !important; }
body.theme-sirplay .datepicker .datepicker-days tr td.active ~ td.today { color: var(--spx-accent-text) !important; }
body.theme-sirplay .datepicker .datepicker-days tr td.active ~ td.range { background: var(--sp-accent-soft) !important; color: var(--spx-accent-text) !important; }
body.theme-sirplay .datepicker .datepicker-days tr:hover td { background: transparent; color: var(--sp-text); border-radius: 10px; }
body.theme-sirplay .datepicker .datepicker-days tr:hover td.old, body.theme-sirplay .datepicker .datepicker-days tr:hover td.new, body.theme-sirplay .datepicker .datepicker-days tr:hover td.disabled { color: var(--sp-text-3); }
body.theme-sirplay .datepicker .datepicker-days tr:hover td.today { color: var(--spx-accent-text); }

body.theme-sirplay .table > tbody > tr > td, body.theme-sirplay .table > thead > tr > th, body.theme-sirplay .table > tfoot > tr > td, body.theme-sirplay .table > tfoot > tr > th,
body.theme-sirplay table.dataTable tbody td { font-variant-numeric: tabular-nums; }
body.theme-sirplay .table > thead > tr > th, body.theme-sirplay .table > tfoot > tr > th { white-space: nowrap; }
body.theme-sirplay .table > tfoot > tr > th { color: var(--sp-text-2); font-weight: 600; font-size: 11.5px; border-top: 1px solid var(--sp-sep-strong); background: transparent; }

body.theme-sirplay table.dataTable td.dataTables_empty, body.theme-sirplay .table > tbody > tr > td.dataTables_empty { text-align: center; color: var(--sp-text-2); padding: 32px 12px; font-size: 13.5px; }

body.theme-sirplay table.dataTable.display tbody tr > .sorting_1, body.theme-sirplay table.dataTable.display tbody tr > .sorting_2, body.theme-sirplay table.dataTable.display tbody tr > .sorting_3,
body.theme-sirplay table.dataTable.order-column tbody tr > .sorting_1, body.theme-sirplay table.dataTable.order-column tbody tr > .sorting_2, body.theme-sirplay table.dataTable.order-column tbody tr > .sorting_3,
body.theme-sirplay table.dataTable.display tbody tr.odd > .sorting_1, body.theme-sirplay table.dataTable.display tbody tr.even > .sorting_1 { background-color: transparent; }
body.theme-sirplay table.dataTable tbody tr.selected, body.theme-sirplay table.dataTable tbody tr.selected > * { background-color: var(--sp-accent-soft); color: var(--sp-text); box-shadow: none; }

body.theme-sirplay table.dataTable thead .sorting, body.theme-sirplay table.dataTable thead .sorting_asc, body.theme-sirplay table.dataTable thead .sorting_desc,
body.theme-sirplay table.dataTable thead .sorting_asc_disabled, body.theme-sirplay table.dataTable thead .sorting_desc_disabled { background-image: none; cursor: pointer; padding-right: 24px; position: relative; }
body.theme-sirplay table.dataTable thead .sorting_disabled { cursor: default; }
body.theme-sirplay table.dataTable thead .sorting::before, body.theme-sirplay table.dataTable thead .sorting::after, body.theme-sirplay table.dataTable thead .sorting_asc::before, body.theme-sirplay table.dataTable thead .sorting_asc::after,
body.theme-sirplay table.dataTable thead .sorting_desc::before, body.theme-sirplay table.dataTable thead .sorting_desc::after {
    position: absolute; right: 8px; display: block; font-family: inherit; font-size: 8px; line-height: 8px; color: var(--sp-text); opacity: .3; bottom: auto; transition: opacity var(--sp-fast) ease, color var(--sp-fast) ease;
}
body.theme-sirplay table.dataTable thead .sorting::before, body.theme-sirplay table.dataTable thead .sorting_asc::before, body.theme-sirplay table.dataTable thead .sorting_desc::before { content: "\25B2"; top: calc(50% - 9px); }
body.theme-sirplay table.dataTable thead .sorting::after, body.theme-sirplay table.dataTable thead .sorting_asc::after, body.theme-sirplay table.dataTable thead .sorting_desc::after { content: "\25BC"; top: calc(50% + 1px); }
body.theme-sirplay table.dataTable thead .sorting_asc::before, body.theme-sirplay table.dataTable thead .sorting_desc::after { opacity: 1; color: var(--sp-accent); }
body.theme-sirplay table.dataTable thead .sorting:hover::before, body.theme-sirplay table.dataTable thead .sorting:hover::after { opacity: .6; }

body.theme-sirplay .dataTables_wrapper .dataTables_length, body.theme-sirplay .dataTables_wrapper .dataTables_filter, body.theme-sirplay .dataTables_wrapper .dataTables_info { font-size: 12.5px; color: var(--sp-text-2); }
body.theme-sirplay .dataTables_wrapper .dataTables_length label, body.theme-sirplay .dataTables_wrapper .dataTables_filter label { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 8px; font-weight: 500; text-transform: none; }
body.theme-sirplay .dataTables_wrapper .dataTables_filter input { height: 34px; min-width: 200px; margin: 0; padding: 4px 14px; font-size: 13px; }
body.theme-sirplay .dataTables_wrapper .dataTables_length select { margin: 0; }
body.theme-sirplay .dataTables_wrapper .dataTables_info { padding-top: 14px; }
body.theme-sirplay .dataTables_wrapper .dataTables_paginate { padding-top: 8px; }
body.theme-sirplay .dataTables_wrapper .dataTables_paginate .pagination { margin: 0; }
body.theme-sirplay div.dataTables_wrapper div.dataTables_processing {
    background: var(--spx-pop-bg); color: var(--sp-text); border: 0; border-radius: 16px; box-shadow: var(--sp-shadow-pop); padding: 14px 18px; font-weight: 500;
}

body.theme-sirplay .dt-buttons { display: inline-flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; vertical-align: middle; }
body.theme-sirplay .dt-buttons .btn, body.theme-sirplay .dt-buttons .dt-button { margin: 0; font-size: 12.5px; }
body.theme-sirplay.theme-glass .dt-buttons .btn-group > .btn, body.theme-sirplay.theme-glass .dt-buttons > .btn { border-radius: 999px; }
body.theme-sirplay .dt-buttons .dt-button.disabled, body.theme-sirplay .dt-buttons .dt-button:disabled { opacity: .45; }
body.theme-sirplay .dt-buttons .dt-button.active, body.theme-sirplay .dt-buttons .dt-button.dt-btn-split-drop { background: var(--sp-accent-soft); color: var(--spx-accent-text); }
body.theme-sirplay div.dt-button-collection {
    background: var(--spx-pop-bg); -webkit-backdrop-filter: var(--g-blur); backdrop-filter: var(--g-blur); border: 0; border-radius: 18px; box-shadow: var(--sp-shadow-pop); padding: 6px; margin-top: 6px;
}
body.theme-sirplay div.dt-button-collection .dt-button, body.theme-sirplay div.dt-button-collection a.dt-button { display: block; width: 100%; margin: 1px 0; border-radius: 10px; text-align: left; background: transparent; box-shadow: none; color: var(--sp-text); }
body.theme-sirplay div.dt-button-collection .dt-button:hover { background: var(--spx-blue); color: #fff; }
body.theme-sirplay div.dt-button-collection .dt-button.active { background: var(--sp-accent-soft); color: var(--spx-accent-text); font-weight: 600; }

body.theme-sirplay table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, body.theme-sirplay table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before,
body.theme-sirplay table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before { background-color: var(--spx-blue); border: 0; box-shadow: none; }
body.theme-sirplay table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before { background-color: var(--spx-red-lo); }
body.theme-sirplay table.dataTable > tbody > tr.child ul.dtr-details { width: 100%; }
body.theme-sirplay table.dataTable > tbody > tr.child span.dtr-title { color: var(--sp-text-2); font-weight: 600; }

body.theme-sirplay .pagination > li > a, body.theme-sirplay .pagination > li > span { min-width: 32px; height: 32px; line-height: 20px; display: inline-flex; align-items: center; justify-content: center; font-variant-numeric: tabular-nums; font-size: 13px; float: none; }
body.theme-sirplay .pagination { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2px; margin: 8px 0; }
body.theme-sirplay .pagination > .active > a, body.theme-sirplay .pagination > .active > a:hover, body.theme-sirplay .pagination > .active > a:focus, body.theme-sirplay .pagination > .active > span { background: var(--spx-blue); color: #fff; font-weight: 600; }
body.theme-sirplay.theme-glass .pagination > .active > a, body.theme-sirplay.theme-glass .pagination > .active > a:hover { background: linear-gradient(180deg, var(--spx-blue-hi), var(--spx-blue-lo)); }
body.theme-sirplay .pagination > .disabled > a, body.theme-sirplay .pagination > .disabled > span, body.theme-sirplay .pagination > .disabled > a:hover { color: var(--sp-text-3); cursor: not-allowed; background: transparent; }
body.theme-sirplay .pager { margin: 12px 0; }
body.theme-sirplay .pager li > a, body.theme-sirplay .pager li > span { border: 0; border-radius: 999px; padding: 6px 16px; color: var(--sp-text); background: rgb(var(--gw) / .55); box-shadow: var(--g-edge, none); font-weight: 500; }
body.theme-sirplay .pager li > a:hover { background: rgb(var(--gw) / .85); color: var(--sp-text); }
body.theme-sirplay .pager .disabled > a, body.theme-sirplay .pager .disabled > span { color: var(--sp-text-3); opacity: .6; }

body.theme-sirplay .table-responsive { border: 0; }
body.theme-sirplay .modal .table { background: transparent; margin-bottom: 16px; }
body.theme-sirplay .modal .table:last-child { margin-bottom: 0; }
body.theme-sirplay .modal .table > thead > tr > th { background: transparent; }
body.theme-sirplay .modal .table-striped > tbody > tr:nth-of-type(odd) { background: var(--sp-fill-2); }
@media (max-width: 767px) {
    body.theme-sirplay .dataTables_wrapper .dataTables_filter input { width: 100%; min-width: 0; height: 44px; font-size: 16px; }
    body.theme-sirplay .dataTables_wrapper .dataTables_filter label { display: flex; width: 100%; }
    body.theme-sirplay .dataTables_wrapper .dataTables_length select { height: 44px; font-size: 16px; }
    body.theme-sirplay .pagination > li > a, body.theme-sirplay .pagination > li > span { min-width: 44px; height: 44px; }
    body.theme-sirplay .dataTables_wrapper .dataTables_paginate, body.theme-sirplay .dataTables_wrapper .dataTables_info { text-align: center; float: none; }
}

body.theme-sirplay .modal-content.animated { animation: none; }
body.theme-sirplay .modal-header { display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; gap: 12px; }
body.theme-sirplay .modal-header::before, body.theme-sirplay .modal-header::after { display: none; }
body.theme-sirplay .modal-header .close { float: none; margin: 0; flex: none; }
body.theme-sirplay .modal-header .modal-title { flex: 1; min-width: 0; margin: 0; line-height: 1.3; }
body.theme-sirplay .modal-footer { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; }
body.theme-sirplay .modal-footer .btn + .btn, body.theme-sirplay .modal-footer .btn-group .btn + .btn { margin-left: 0; }
body.theme-sirplay .modal-body { font-size: 14px; }
body.theme-sirplay .modal-body .form-group:last-child { margin-bottom: 0; }
body.theme-sirplay .close { text-shadow: none; }
body.theme-sirplay .close:focus { outline: none; }

body.theme-sirplay .modal-header .close, body.theme-sirplay .close { color: var(--spx-text-2); }
body.theme-sirplay .alert .close { color: inherit; opacity: .7; }
@media (max-width: 767px) {
    body.theme-sirplay .modal-dialog { margin: 12px; width: auto; }
    body.theme-sirplay .modal-footer .btn { flex: 1 1 auto; }
    body.theme-sirplay .modal-body, body.theme-sirplay .modal-header, body.theme-sirplay .modal-footer { padding-left: 16px; padding-right: 16px; }
    body.theme-sirplay .modal .close { width: 36px; height: 36px; line-height: 34px; }
}

@media (max-width: 767px) { body.theme-sirplay .sweet-alert button { min-height: 44px; } }
body.theme-sirplay .sweet-alert { max-width: calc(100vw - 24px); }
body.theme-sirplay .sweet-alert h2 { font-size: 21px; line-height: 1.25; margin: 16px 0 8px; }
body.theme-sirplay .sweet-alert p { font-size: 14px; line-height: 1.5; }
body.theme-sirplay .sweet-alert button { text-transform: none; font-size: 14px; padding: 9px 22px; margin: 18px 4px 0; min-height: 40px; }
body.theme-sirplay .sweet-alert button.confirm, body.theme-sirplay .sweet-alert button.confirm:hover, body.theme-sirplay .sweet-alert button.confirm:focus { background-color: var(--spx-blue) !important; color: #fff; }
body.theme-sirplay .sweet-alert button.confirm:hover { filter: brightness(.94); }
body.theme-sirplay .sweet-alert button.cancel, body.theme-sirplay .sweet-alert button.cancel:hover { background-color: var(--sp-fill) !important; color: var(--sp-text) !important; }
body.theme-sirplay .sweet-alert button:focus { outline: 4px solid var(--spx-ring-color); outline-offset: 0; }
body.theme-sirplay .sweet-alert input, body.theme-sirplay .sweet-alert textarea {
    height: 40px; margin: 16px 0 4px; padding: 0 14px; border: 0; border-radius: 14px; background: var(--spx-field-bg); color: var(--sp-text); font-size: 14px; box-shadow: inset 0 0 0 1px var(--spx-field-line);
}
body.theme-sirplay .sweet-alert textarea { height: auto; padding: 10px 14px; }
body.theme-sirplay .sweet-alert input:focus, body.theme-sirplay .sweet-alert textarea:focus { box-shadow: var(--spx-ring), inset 0 0 0 1px var(--sp-accent); }
body.theme-sirplay .sweet-alert .sa-input-error { display: none; }
body.theme-sirplay .sweet-alert .sa-error-container { background: var(--sp-red-soft); border-radius: 12px; }
body.theme-sirplay .sweet-alert .sa-error-container .icon { background: var(--sp-red); }
body.theme-sirplay .sweet-alert .sa-error-container p { color: var(--sp-red); }

body.theme-sirplay .sweet-alert .sa-icon.sa-success::before, body.theme-sirplay .sweet-alert .sa-icon.sa-success::after, body.theme-sirplay .sweet-alert .sa-icon.sa-success .sa-fix { background: transparent; display: none; }
body.theme-sirplay .sweet-alert .sa-icon.sa-success { border-color: var(--spx-green-text); }
body.theme-sirplay .sweet-alert .sa-icon.sa-success .sa-placeholder { border-color: rgba(48, 209, 88, .3); }
body.theme-sirplay .sweet-alert .sa-icon.sa-success .sa-line { background-color: var(--spx-green-text); }
body.theme-sirplay .sweet-alert .sa-icon.sa-info { border-color: var(--sp-accent); }
body.theme-sirplay .sweet-alert .sa-icon.sa-info::before, body.theme-sirplay .sweet-alert .sa-icon.sa-info::after { background-color: var(--sp-accent); }
body.theme-sirplay .sweet-alert .sa-icon.sa-error { border-color: var(--sp-red); }
body.theme-sirplay .sweet-alert .sa-icon.sa-error .sa-line { background-color: var(--sp-red); }
body.theme-sirplay .sweet-alert .sa-icon.sa-warning { border-color: var(--spx-amber-lo); }
body.theme-sirplay .sweet-alert .sa-icon.sa-warning .sa-body, body.theme-sirplay .sweet-alert .sa-icon.sa-warning .sa-dot { background-color: var(--spx-amber-lo); }

body.theme-sirplay .jq-toast-wrap { width: 340px; max-width: calc(100vw - 24px); }
body.theme-sirplay .jq-toast-wrap.top-right, body.theme-sirplay .jq-toast-wrap.top-left { top: 72px; }
body.theme-sirplay .jq-toast-single { font-size: 13.5px; line-height: 1.45; padding: 14px 40px 14px 18px; margin: 0 0 10px; }
body.theme-sirplay .jq-toast-single h2 { font-size: 14.5px; font-weight: 600; margin: 0 0 4px; color: inherit; letter-spacing: -.01em; }
body.theme-sirplay .jq-toast-single a { color: var(--sp-accent-strong); }
body.theme-sirplay .jq-toast-single .close-jq-toast-single { top: 10px; right: 12px; color: var(--sp-text-2); font-size: 20px; line-height: 1; }

body.theme-sirplay.theme-glass .jq-toast-single.jq-icon-success { box-shadow: var(--g-edge), var(--g-shadow-lift), inset 4px 0 0 var(--spx-green-text); }
body.theme-sirplay.theme-glass .jq-toast-single.jq-icon-error { box-shadow: var(--g-edge), var(--g-shadow-lift), inset 4px 0 0 var(--sp-red); }
body.theme-sirplay.theme-glass .jq-toast-single.jq-icon-warning { box-shadow: var(--g-edge), var(--g-shadow-lift), inset 4px 0 0 var(--sp-orange); }
body.theme-sirplay.theme-glass .jq-toast-single.jq-icon-info { box-shadow: var(--g-edge), var(--g-shadow-lift), inset 4px 0 0 var(--sp-accent); }

body.theme-sirplay .dropdown-menu > li > a { min-height: 32px; display: flex; align-items: center; font-size: 13.5px; line-height: 1.35; white-space: normal; }
body.theme-sirplay .dropdown-menu > li > a:hover, body.theme-sirplay .dropdown-menu > li > a:focus,
body.theme-sirplay.theme-glass .dropdown-menu > li > a:hover, body.theme-sirplay.theme-glass .dropdown-menu > li > a:focus { background: var(--spx-blue); color: #fff; box-shadow: none; }
body.theme-sirplay .dropdown-menu > .active > a, body.theme-sirplay .dropdown-menu > .active > a:hover, body.theme-sirplay .dropdown-menu > .active > a:focus,
body.theme-sirplay.theme-glass .dropdown-menu > .active > a, body.theme-sirplay.theme-glass .dropdown-menu > .active > a:hover { background: var(--sp-accent-soft); color: var(--spx-accent-text); font-weight: 600; box-shadow: none; }
body.theme-sirplay .dropdown-menu > .disabled > a, body.theme-sirplay .dropdown-menu > .disabled > a:hover { color: var(--sp-text-3); background: transparent; opacity: .6; cursor: not-allowed; }
body.theme-sirplay .dropdown-header { color: var(--spx-text-2); font-size: 11.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; padding: 8px 12px 4px; }
body.theme-sirplay .dropdown-menu { min-width: 180px; }
body.theme-sirplay .dropdown-menu > li > a .fa, body.theme-sirplay .dropdown-menu > li > a i { margin-right: 8px; width: 16px; text-align: center; }
@media (max-width: 767px) { body.theme-sirplay .dropdown-menu > li > a { min-height: 44px; } }

body.theme-sirplay .popover { max-width: 320px; padding: 0; font-size: 13.5px; background: var(--spx-pop-bg); -webkit-backdrop-filter: var(--g-blur); backdrop-filter: var(--g-blur); color: var(--sp-text); }
body.theme-sirplay .popover > .arrow, body.theme-sirplay .popover > .arrow::after { display: none; }
body.theme-sirplay .popover-title { padding: 12px 16px 8px; font-size: 14px; font-weight: 600; background: transparent; border: 0; border-radius: var(--sp-r) var(--sp-r) 0 0; color: var(--sp-text); }
body.theme-sirplay .popover-content { padding: 8px 16px 14px; color: var(--sp-text); }
body.theme-sirplay .popover-title + .popover-content { padding-top: 0; }
html[data-sp-mode="dark"] body.theme-sirplay .popover { background: var(--sp-surface); }
html[data-sp-mode="dark"] body.theme-sirplay .popover-title { background: transparent; }
body.theme-sirplay .tooltip .tooltip-arrow { display: none; }
body.theme-sirplay .tooltip.in { opacity: 1; }
body.theme-sirplay .tooltip-inner { max-width: 280px; font-size: 12px; line-height: 1.4; padding: 6px 12px; }
body.theme-sirplay.theme-glass .tooltip-inner { border-radius: 14px; background: rgba(29, 29, 31, .86); }
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .tooltip-inner { background: rgba(245, 245, 247, .94); color: #1d1d1f; }

body.theme-sirplay.theme-glass .nav-tabs { border: 0 !important; }
body.theme-sirplay .nav-tabs > li { border-left: 0; }
body.theme-sirplay .nav-tabs > li > a, body.theme-sirplay .nav-pills > li > a { color: var(--spx-text-2); min-height: 32px; display: flex; align-items: center; }
body.theme-sirplay .nav-tabs > li > a:hover, body.theme-sirplay .nav-pills > li > a:hover, body.theme-sirplay .nav-tabs > li > a:focus, body.theme-sirplay .nav-pills > li > a:focus { color: var(--sp-text); background: var(--sp-fill-2); }
body.theme-sirplay .nav-tabs > li.active > a, body.theme-sirplay .nav-tabs > li.active > a:hover, body.theme-sirplay .nav-tabs > li.active > a:focus { color: var(--spx-accent-text); font-weight: 600; }
body.theme-sirplay.theme-glass .nav-tabs > li.active > a, body.theme-sirplay.theme-glass .nav-tabs > li.active > a:hover, body.theme-sirplay.theme-glass .nav-tabs > li.active > a:focus { color: var(--sp-text); }
body.theme-sirplay .nav-pills > li.active > a, body.theme-sirplay .nav-pills > li.active > a:hover, body.theme-sirplay .nav-pills > li.active > a:focus { background: var(--spx-blue); color: #fff; }
body.theme-sirplay.theme-glass .nav-pills > li.active > a, body.theme-sirplay.theme-glass .nav-pills > li.active > a:hover, body.theme-sirplay.theme-glass .nav-pills > li.active > a:focus { background: linear-gradient(180deg, var(--spx-blue-hi), var(--spx-blue-lo)); }
body.theme-sirplay .nav > li.disabled > a, body.theme-sirplay .nav > li.disabled > a:hover { color: var(--sp-text-3); background: transparent; cursor: not-allowed; opacity: .7; }
body.theme-sirplay .nav-pills > li + li { margin-left: 4px; }
body.theme-sirplay .nav-tabs > li > a .badge, body.theme-sirplay .nav-pills > li > a .badge { margin-left: 6px; }
@media (max-width: 767px) {
    body.theme-sirplay.theme-glass .nav-tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    body.theme-sirplay.theme-glass .nav-tabs::-webkit-scrollbar { display: none; }
    body.theme-sirplay.theme-glass .nav-tabs > li > a { white-space: nowrap; min-height: 40px; }
}

body.theme-sirplay .panel-group .panel { margin-bottom: 8px; }
body.theme-sirplay .panel-group .panel + .panel { margin-top: 0; }
body.theme-sirplay .panel-title { font-size: 14.5px; font-weight: 600; letter-spacing: -.01em; }
body.theme-sirplay .panel-title > a { display: block; color: var(--sp-text); }
body.theme-sirplay .panel-title > a:hover { color: var(--spx-accent-text); }
body.theme-sirplay .panel-group .panel-heading + .panel-collapse > .panel-body, body.theme-sirplay .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid var(--sp-sep); }
body.theme-sirplay .collapsing { transition: height var(--sp-med) var(--sp-ease); }

body.theme-sirplay .panel-primary > .panel-heading, body.theme-sirplay .panel-info > .panel-heading { background: var(--sp-accent-soft); color: var(--spx-accent-text); border-color: transparent; }
body.theme-sirplay .panel-success > .panel-heading { background: var(--sp-green-soft); color: var(--sp-alert-success); border-color: transparent; }
body.theme-sirplay .panel-warning > .panel-heading { background: var(--sp-orange-soft); color: var(--sp-alert-warning); border-color: transparent; }
body.theme-sirplay .panel-danger > .panel-heading { background: var(--sp-red-soft); color: var(--sp-alert-danger); border-color: transparent; }
body.theme-sirplay .panel-primary > .panel-heading a, body.theme-sirplay .panel-info > .panel-heading a, body.theme-sirplay .panel-success > .panel-heading a,
body.theme-sirplay .panel-warning > .panel-heading a, body.theme-sirplay .panel-danger > .panel-heading a { color: inherit; }
body.theme-sirplay .panel-primary, body.theme-sirplay .panel-info, body.theme-sirplay .panel-success, body.theme-sirplay .panel-warning, body.theme-sirplay .panel-danger, body.theme-sirplay .panel-default { border-color: transparent; }

body.theme-sirplay .breadcrumb { padding: 8px 0; margin-bottom: 16px; font-size: 12.5px; }
body.theme-sirplay .breadcrumb > li + li::before { content: "\203A"; color: var(--sp-text-3); padding: 0 8px; font-size: 15px; line-height: 1; }
body.theme-sirplay .breadcrumb > li > a { color: var(--spx-accent-text); }
body.theme-sirplay .breadcrumb > .active { color: var(--spx-text-2); }

body.theme-sirplay.theme-glass .label { -webkit-backdrop-filter: none; backdrop-filter: none; }
body.theme-sirplay .label { display: inline-block; font-size: 12px; line-height: 1.25; padding: 3px 10px; font-weight: 600; vertical-align: baseline; white-space: nowrap; }
body.theme-sirplay .label-default { color: var(--spx-text-2); }
body.theme-sirplay .label-success { color: var(--spx-green-text); }
body.theme-sirplay .label-info, body.theme-sirplay .label-primary { color: var(--spx-accent-text); }
body.theme-sirplay .label[href]:hover, body.theme-sirplay a.label:hover { filter: brightness(.95); }

body.theme-sirplay .alert { padding: 14px 18px; font-size: 13.5px; line-height: 1.45; }
body.theme-sirplay .alert .alert-link, body.theme-sirplay .alert a { color: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
body.theme-sirplay .alert .alert-link:hover, body.theme-sirplay .alert a:hover { opacity: .8; }
body.theme-sirplay .alert .close { top: -2px; right: -8px; }
body.theme-sirplay .alert-dismissable, body.theme-sirplay .alert-dismissible { padding-right: 44px; }

body.theme-sirplay .progress-bar-success { background: var(--spx-green-lo); }
body.theme-sirplay .progress-bar-warning { background: var(--spx-amber-lo); }
body.theme-sirplay .progress-bar-danger { background: var(--spx-red-hi); }
body.theme-sirplay .progress-bar-info { background: var(--spx-blue); }
body.theme-sirplay .progress-bar { font-size: 10.5px; line-height: 8px; font-variant-numeric: tabular-nums; }
body.theme-sirplay .progress.progress-lg, body.theme-sirplay .progress.progress-md { height: 16px; }

body.theme-sirplay .list-group { border-radius: var(--sp-r); overflow: hidden; box-shadow: inset 0 0 0 1px var(--sp-sep); background: rgb(var(--gw) / .4); }
body.theme-sirplay .list-group-item { margin: 0; padding: 12px 16px; border: 0; border-top: 1px solid var(--sp-sep); border-radius: 0; background: transparent; color: var(--sp-text); font-size: 13.5px; }
body.theme-sirplay .list-group-item:first-child { border-top: 0; border-radius: 0; }
body.theme-sirplay .list-group-item:last-child { border-radius: 0; margin-bottom: 0; }
body.theme-sirplay a.list-group-item, body.theme-sirplay button.list-group-item { color: var(--sp-text); transition: background var(--sp-fast) ease; }
body.theme-sirplay a.list-group-item:hover, body.theme-sirplay a.list-group-item:focus, body.theme-sirplay button.list-group-item:hover { background: var(--sp-fill-2); color: var(--sp-text); }
body.theme-sirplay .list-group-item.active, body.theme-sirplay .list-group-item.active:hover, body.theme-sirplay .list-group-item.active:focus,
body.theme-sirplay a.list-group-item.active, body.theme-sirplay a.list-group-item.active:hover { background: var(--spx-blue); border-color: transparent; color: #fff; font-weight: 600; }
body.theme-sirplay .list-group-item.active .list-group-item-text, body.theme-sirplay .list-group-item.active .list-group-item-heading { color: inherit; }
body.theme-sirplay .list-group-item.disabled, body.theme-sirplay .list-group-item.disabled:hover { background: var(--sp-fill-2); color: var(--sp-text-3); }
body.theme-sirplay .list-group-item-success, body.theme-sirplay a.list-group-item-success { background: var(--sp-green-soft); color: var(--sp-alert-success); }
body.theme-sirplay .list-group-item-info, body.theme-sirplay a.list-group-item-info { background: var(--sp-accent-soft); color: var(--sp-alert-info); }
body.theme-sirplay .list-group-item-warning, body.theme-sirplay a.list-group-item-warning { background: var(--sp-orange-soft); color: var(--sp-alert-warning); }
body.theme-sirplay .list-group-item-danger, body.theme-sirplay a.list-group-item-danger { background: var(--sp-red-soft); color: var(--sp-alert-danger); }
body.theme-sirplay .list-group-item-heading { color: var(--sp-text); font-weight: 600; }
body.theme-sirplay .list-group-item-text { color: var(--spx-text-2); }
body.theme-sirplay .list-group-item > .badge { margin-top: 1px; }
body.theme-sirplay .panel > .list-group { box-shadow: none; border-radius: 0; background: transparent; }

body.theme-sirplay .well { padding: 16px 20px; }
body.theme-sirplay .jumbotron { border-radius: var(--sp-r-lg); background: var(--sp-fill-2); box-shadow: inset 0 0 0 1px var(--sp-sep); color: var(--sp-text); }
body.theme-sirplay .jumbotron h1, body.theme-sirplay .jumbotron .h1 { letter-spacing: -.03em; }
body.theme-sirplay .thumbnail { padding: 6px; border: 0; border-radius: var(--sp-r-lg); background: var(--sp-fill-2); box-shadow: inset 0 0 0 1px var(--sp-sep); transition: box-shadow var(--sp-med) var(--sp-ease), transform var(--sp-med) var(--sp-ease); }
body.theme-sirplay .thumbnail > img, body.theme-sirplay .thumbnail a > img { border-radius: 12px; }
body.theme-sirplay a.thumbnail:hover, body.theme-sirplay a.thumbnail:focus, body.theme-sirplay a.thumbnail.active { box-shadow: inset 0 0 0 1.5px var(--sp-accent), var(--sp-shadow-1); transform: translateY(-1px); }
body.theme-sirplay .thumbnail .caption { color: var(--sp-text); padding: 10px 10px 6px; }
body.theme-sirplay code { padding: 2px 6px; border-radius: 6px; background: var(--sp-fill); color: var(--sp-red); font-size: 12.5px; }
body.theme-sirplay kbd { padding: 2px 6px; border-radius: 6px; background: var(--sp-text); color: var(--sp-bg); box-shadow: none; font-size: 12px; }
body.theme-sirplay pre { border: 0; border-radius: var(--sp-r); background: var(--sp-fill-2); color: var(--sp-text); padding: 12px 16px; box-shadow: inset 0 0 0 1px var(--sp-sep); }
body.theme-sirplay pre code { background: transparent; color: inherit; padding: 0; }

@media (prefers-reduced-motion: reduce) {
    body.theme-sirplay .progress-bar-striped.active, body.theme-sirplay .progress-bar-striped { animation: none; }
    body.theme-sirplay .select2-selection--single .select2-selection__arrow::after { transition: none; }
}
@media (prefers-reduced-transparency: reduce) {
    body.theme-sirplay { --spx-pop-bg: rgb(var(--gw)); }
    body.theme-sirplay .popover, body.theme-sirplay div.dt-button-collection { -webkit-backdrop-filter: none; backdrop-filter: none; }
}

body.theme-sirplay .card-header > .card-actions { top: 50%; margin-top: 0; transform: translateY(-50%); }
body.theme-sirplay .card-header .card-actions > .btn-icon {
    width: 36px; height: 36px; min-width: 0; min-height: 0; padding: 0; box-sizing: border-box;
    display: inline-flex; align-items: center; justify-content: center; vertical-align: middle;
}

body.theme-sirplay {
    --dz-pos: #1b7a32;
    --dz-neg: #c8001a;
    --dz-warn: #a24b00;
    --dz-info: #0060c9;
    --dz-fill-on: #0071e3;
    --dz-text-2: #5f5f65;
    --dz-grid: rgba(60, 60, 67, .12);
    --dz-axis: rgba(60, 60, 67, .28);
}
html[data-sp-mode="dark"] body.theme-sirplay {
    --dz-pos: #30d158;
    --dz-neg: #ff6961;
    --dz-warn: #ffb340;
    --dz-info: #64b5ff;
    --dz-text-2: #a1a1a6;
    --dz-grid: rgba(255, 255, 255, .09);
    --dz-axis: rgba(255, 255, 255, .22);
}
body.theme-sirplay .layout-content .text-success, body.theme-sirplay .layout-content .valueggr { color: var(--dz-pos); }
body.theme-sirplay .layout-content .text-danger { color: var(--dz-neg); }
body.theme-sirplay .layout-content .text-warning, body.theme-sirplay .layout-content .valuebets { color: var(--dz-warn); }
body.theme-sirplay .layout-content .text-info, body.theme-sirplay .layout-content .text-primary { color: var(--dz-info); }

body.theme-sirplay .card-body > .media { display: flex; align-items: center; gap: 16px; }
body.theme-sirplay .card-body > .media > .media-left,
body.theme-sirplay .card-body > .media > .media-body { display: block; width: auto; padding: 0; }
body.theme-sirplay .card-body > .media > .media-body { flex: 1 1 auto; min-width: 0; }
body.theme-sirplay .card-body > .media > .media-left { flex: 0 0 auto; }

body.theme-sirplay .card-body > .media h6.media-heading {
    margin: 0 0 4px; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0; color: var(--dz-text-2);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

body.theme-sirplay .card-body > .media h3.media-heading { margin: 0 0 4px; font-size: 26px; line-height: 32px; letter-spacing: -.02em; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; }
body.theme-sirplay .card-body > .media h3.media-heading .fw-l { font-weight: 600; color: var(--sp-text); font-variant-numeric: tabular-nums; }
body.theme-sirplay .card-body > .media h3.media-heading .fz-sm { font-size: 13px !important; font-weight: 600; letter-spacing: 0; color: var(--dz-text-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
body.theme-sirplay .card-body > .media h3.media-heading .fz-sm .icon { margin-right: 2px; }

body.theme-sirplay .card-body > .media small { display: block; font-size: 12px; line-height: 16px; color: var(--dz-text-2); }

body.theme-sirplay .media .circle.sq-48 {
    width: 48px; height: 48px; flex: 0 0 48px; display: inline-flex; align-items: center; justify-content: center;
    border-radius: 50%; background: var(--sp-accent-soft); color: var(--sp-accent);
    box-shadow: inset 0 0 0 1px rgb(var(--gh) / calc(.3 * var(--gk)));
}
body.theme-sirplay .media .circle.sq-48 .icon, body.theme-sirplay .media .circle.sq-48 .fa { color: inherit; font-size: 20px; line-height: 1; }
body.theme-sirplay .media .circle.sq-48.bg-success { background: var(--sp-green-soft); color: var(--dz-pos); }
body.theme-sirplay .media .circle.sq-48.bg-danger { background: var(--sp-red-soft); color: var(--dz-neg); }
body.theme-sirplay .media .circle.sq-48.bg-warning { background: var(--sp-orange-soft); color: var(--dz-warn); }
body.theme-sirplay .media .circle.sq-48.bg-info { background: var(--sp-accent-soft); color: var(--dz-info); }
html[data-sp-mode="dark"] body.theme-sirplay .media .circle.sq-48 { color: var(--sp-accent-strong); }
html[data-sp-mode="dark"] body.theme-sirplay .media .circle.sq-48.bg-success { color: var(--dz-pos); }
html[data-sp-mode="dark"] body.theme-sirplay .media .circle.sq-48.bg-danger { color: var(--dz-neg); }
html[data-sp-mode="dark"] body.theme-sirplay .media .circle.sq-48.bg-warning { color: var(--dz-warn); }
html[data-sp-mode="dark"] body.theme-sirplay .media .circle.sq-48.bg-info { color: var(--dz-info); }

@media (min-width: 992px) {
    body.theme-sirplay .row.sp-kpi-row { display: flex; flex-wrap: wrap; }
    body.theme-sirplay .row.sp-kpi-row::before,
    body.theme-sirplay .row.sp-kpi-row::after { display: none; }
    body.theme-sirplay .row.sp-kpi-row > [class*="col-"] { display: flex; flex-direction: column; float: none; }
    body.theme-sirplay .row.sp-kpi-row > :not(.sp-x) > .card { flex: 1 1 auto; }
}

@media (max-width: 767px) {
    body.theme-sirplay .row.sp-kpi-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.theme-sirplay .row.sp-kpi-row::before,
    body.theme-sirplay .row.sp-kpi-row::after { display: none; }
    body.theme-sirplay .row.sp-kpi-row > [class*="col-"] { float: none; width: auto; min-width: 0; display: flex; flex-direction: column; }
    body.theme-sirplay .row.sp-kpi-row > :not(.sp-x) > .card { flex: 1 1 auto; margin-bottom: 0; }
    body.theme-sirplay .row.sp-kpi-row > [class*="col-"]:not(.sp-has-media) { grid-column: 1 / -1; }
    body.theme-sirplay .card-body > .media { flex-direction: column; align-items: flex-start; gap: 8px; }
    body.theme-sirplay .card-body > .media > .media-body { width: 100%; }
    body.theme-sirplay .card-body > .media h3.media-heading { font-size: 22px; line-height: 28px; }
    body.theme-sirplay .media .circle.sq-48 { width: 40px; height: 40px; flex-basis: 40px; }
    body.theme-sirplay .card-body > .media h6.media-heading { white-space: normal; }
}

body.theme-sirplay .layout-content table td, body.theme-sirplay .layout-content table th { font-variant-numeric: tabular-nums; }
body.theme-sirplay .layout-content .value, body.theme-sirplay .layout-content .fs20 { font-variant-numeric: tabular-nums; }

body.theme-sirplay .apexcharts-canvas { max-width: 100%; }
body.theme-sirplay .apexcharts-canvas text,
body.theme-sirplay .apexcharts-legend-text,
body.theme-sirplay .apexcharts-tooltip,
body.theme-sirplay .apexcharts-xaxistooltip,
body.theme-sirplay .apexcharts-yaxistooltip,
body.theme-sirplay .apexcharts-menu {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif !important;
}
body.theme-sirplay .apexcharts-text { font-variant-numeric: tabular-nums; }

body.theme-sirplay .apexcharts-title-text { font-weight: 600; font-size: 15px; fill: var(--sp-text); letter-spacing: -.01em; }
body.theme-sirplay .apexcharts-subtitle-text { fill: var(--dz-text-2); }
body.theme-sirplay .apexcharts-yaxis-title-text, body.theme-sirplay .apexcharts-xaxis-title-text { font-weight: 500; }

body.theme-sirplay .apexcharts-gridline { stroke: var(--dz-grid); stroke-dasharray: 0; }
body.theme-sirplay .apexcharts-xaxis-tick, body.theme-sirplay .apexcharts-yaxis-tick, body.theme-sirplay .apexcharts-grid-borders line { stroke: var(--dz-axis); }
body.theme-sirplay .apexcharts-xcrosshairs, body.theme-sirplay .apexcharts-ycrosshairs { stroke: var(--dz-axis); }
body.theme-sirplay .apexcharts-legend-text { font-size: 12px !important; font-weight: 500; }
body.theme-sirplay .apexcharts-legend-series { margin: 2px 8px !important; }

body.theme-sirplay .layout-content .card > div[id]:has(> .apexcharts-canvas) { padding: 16px 12px 8px; }
@media (max-width: 767px) { body.theme-sirplay .layout-content .card > div[id]:has(> .apexcharts-canvas) { padding: 12px 4px 4px; } }

body.theme-sirplay .apexcharts-tooltip.apexcharts-theme-light,
body.theme-sirplay .apexcharts-tooltip.apexcharts-theme-dark {
    background: rgb(var(--gw) / .92); color: var(--sp-text); border: 0; border-radius: 12px; overflow: hidden;
    box-shadow: var(--sp-shadow-pop);
}
body.theme-sirplay .apexcharts-tooltip-title { background: var(--sp-fill-2) !important; border-bottom: 1px solid var(--sp-sep) !important; color: var(--dz-text-2); font-weight: 600; font-size: 12px !important; }
body.theme-sirplay .apexcharts-tooltip-text, body.theme-sirplay .apexcharts-tooltip-text-y-value, body.theme-sirplay .apexcharts-tooltip-text-y-label { color: var(--sp-text); font-variant-numeric: tabular-nums; }
body.theme-sirplay .apexcharts-xaxistooltip, body.theme-sirplay .apexcharts-yaxistooltip {
    background: rgb(var(--gw) / .92); color: var(--sp-text); border: 1px solid var(--sp-sep); border-radius: 8px;
}
body.theme-sirplay .apexcharts-xaxistooltip-bottom::before, body.theme-sirplay .apexcharts-xaxistooltip-top::before,
body.theme-sirplay .apexcharts-yaxistooltip-left::before, body.theme-sirplay .apexcharts-yaxistooltip-right::before { border-color: var(--sp-sep); }
body.theme-sirplay .apexcharts-xaxistooltip-bottom::after, body.theme-sirplay .apexcharts-xaxistooltip-top::after,
body.theme-sirplay .apexcharts-yaxistooltip-left::after, body.theme-sirplay .apexcharts-yaxistooltip-right::after { border-bottom-color: rgb(var(--gw) / .92); border-top-color: rgb(var(--gw) / .92); }

body.theme-sirplay .apexcharts-toolbar { z-index: 2; }
body.theme-sirplay .apexcharts-toolbar svg { fill: var(--dz-text-2); }
body.theme-sirplay .apexcharts-toolbar .apexcharts-menu-icon:hover svg, body.theme-sirplay .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
body.theme-sirplay .apexcharts-toolbar .apexcharts-zoomin-icon:hover svg, body.theme-sirplay .apexcharts-toolbar .apexcharts-zoomout-icon:hover svg,
body.theme-sirplay .apexcharts-toolbar .apexcharts-pan-icon:hover svg, body.theme-sirplay .apexcharts-toolbar .apexcharts-reset-icon:hover svg { fill: var(--sp-accent); }
body.theme-sirplay .apexcharts-menu { background: var(--sp-surface); border: 1px solid var(--sp-sep); border-radius: 12px; box-shadow: var(--sp-shadow-pop); padding: 4px; min-width: 140px; }
body.theme-sirplay .apexcharts-menu-item { border-radius: 8px; padding: 6px 10px; color: var(--sp-text); transition: background var(--sp-fast) ease; }
body.theme-sirplay .apexcharts-menu-item:hover { background: var(--sp-fill); }

html:not([data-sp-mode="dark"]) body.theme-sirplay .apexcharts-yaxis text[fill="#00e396" i] { fill: var(--dz-pos); }
html:not([data-sp-mode="dark"]) body.theme-sirplay .apexcharts-yaxis text[fill="#feb019" i], html:not([data-sp-mode="dark"]) body.theme-sirplay .apexcharts-yaxis text[fill="#ff9800" i] { fill: var(--dz-warn); }
html:not([data-sp-mode="dark"]) body.theme-sirplay .apexcharts-yaxis text[fill="#008ffb" i] { fill: var(--dz-info); }
html:not([data-sp-mode="dark"]) body.theme-sirplay .apexcharts-yaxis text[fill="#ff4560" i] { fill: var(--dz-neg); }

html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-canvas text[fill="#373d3f"],
html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-canvas text[fill="#444444"],
html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-canvas text[fill="#444"],
html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-canvas text[fill="#333"],
html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-canvas text[fill="#333333"],
html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-canvas text[fill="#000"],
html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-canvas text[fill="#000000"],
html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-canvas text[fill="#263238"],
html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-canvas text[fill="#304758"],
html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-canvas text[fill="#666"],
html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-canvas text[fill="#666666"] { fill: var(--dz-text-2); }
html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-title-text { fill: var(--sp-text); }
html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-legend-text { color: var(--dz-text-2) !important; }

html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-pie-area[stroke="#fff"], html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-pie-area[stroke="#ffffff"] { stroke: var(--sp-surface); }
html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-menu-item { color: var(--sp-text); }
html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-tooltip.apexcharts-theme-light { background: rgb(var(--gw) / .94); }

body.theme-sirplay .layout-content table.dataTable thead tr,
body.theme-sirplay .layout-content thead.thead-dark, body.theme-sirplay .layout-content .thead-dark tr { background: transparent !important; color: var(--dz-text-2); }
body.theme-sirplay .layout-content table.dataTable thead th, body.theme-sirplay .layout-content table.dataTable thead td { color: var(--dz-text-2); }
body.theme-sirplay .layout-content .table.dataTable .sorting_asc, body.theme-sirplay .layout-content .table.dataTable .sorting_desc { color: var(--sp-accent-strong); }

body.theme-sirplay .layout-content [style*="background-color: #ffff" i]:not(select):not(input) { background: transparent !important; }
body.theme-sirplay .layout-content [class*="col-"].grey-background { background: transparent !important; }
body.theme-sirplay .layout-content .chartPointer,
body.theme-sirplay .layout-content .pd-30.box-shadow {
    background: var(--sp-fill-2) !important; border-radius: var(--sp-r-lg); box-shadow: none; border: 1px solid var(--sp-sep);
    padding: 20px; overflow: hidden;
}
@media (max-width: 767px) {
    body.theme-sirplay .layout-content .chartPointer, body.theme-sirplay .layout-content .pd-30.box-shadow { padding: 12px 8px; border-radius: var(--sp-r); }
}

body.theme-sirplay .layout-content .row.show-chart > .card-header { background: transparent; border-bottom: 0; padding: 8px 16px 4px; }
body.theme-sirplay .layout-content .row.show-chart > .card-header h4 { margin: 0; font-size: 17px; font-weight: 600; letter-spacing: -.01em; }

body.theme-sirplay .layout-content select.form-control[style*="background-color: #ffff" i] { background-color: var(--sp-fill-2) !important; border-color: var(--sp-sep) !important; color: var(--sp-text); }

html[data-sp-mode="dark"] body.theme-sirplay #loading-overlay { background: rgba(0, 0, 0, .55) !important; }
body.theme-sirplay .spinner { border-color: var(--sp-fill); border-top-color: var(--sp-accent); }

body.theme-sirplay .ret-cohort-badge { background: var(--sp-accent-soft); border-color: transparent; color: var(--sp-accent-strong); }
body.theme-sirplay .ret-cohort-badge strong { color: var(--sp-text); }

body.theme-sirplay .ret-seg-group { background: var(--sp-fill-2); border: 1px solid var(--sp-sep); border-radius: 14px; }
body.theme-sirplay .ret-controls-footer { border-top-color: var(--sp-sep); }
body.theme-sirplay .ret-ctl-lbl { color: var(--dz-text-2); }
body.theme-sirplay .preset-btn { color: var(--sp-text); border-radius: 10px; min-height: 32px; transition: background var(--sp-fast) ease, color var(--sp-fast) ease, transform var(--sp-fast) var(--sp-ease); }
body.theme-sirplay .preset-btn:hover { background: var(--sp-fill); color: var(--sp-text); border-color: transparent; }
body.theme-sirplay .preset-btn:active { transform: scale(.97); }
body.theme-sirplay .preset-btn:focus-visible { outline: 0; box-shadow: 0 0 0 4px rgba(0, 113, 227, .28); }

body.theme-sirplay .preset-btn.active-preset, body.theme-sirplay .preset-btn.active-preset:hover { background: var(--dz-fill-on); color: #fff !important; box-shadow: 0 1px 6px rgba(0, 113, 227, .35); }

body.theme-sirplay .cohort-toggle-btn { background: var(--sp-fill-2); color: var(--sp-text); border: 1px solid var(--sp-sep); border-radius: 10px; min-height: 32px; transition: background var(--sp-fast) ease, color var(--sp-fast) ease; }
body.theme-sirplay .cohort-toggle-btn:hover { background: var(--sp-fill); color: var(--sp-text); }
body.theme-sirplay .cohort-toggle-btn.active { background: var(--dz-fill-on); color: #fff !important; border-color: transparent; }

body.theme-sirplay .ret-summary-grid thead th { background: var(--sp-fill-2); color: var(--dz-text-2); }
body.theme-sirplay .ret-summary-grid tbody td:first-child { background: var(--sp-fill-2); color: var(--sp-text); }
body.theme-sirplay .ret-summary-grid .rs-pct, body.theme-sirplay .ret-summary-total { color: var(--sp-text); font-variant-numeric: tabular-nums; }
body.theme-sirplay .ret-summary-grid .rs-cnt, body.theme-sirplay .ret-summary-total-lbl { color: var(--dz-text-2); }
body.theme-sirplay .ret-summary-grid .rs-dep { color: var(--dz-text-2); }
body.theme-sirplay .ret-summary-header { border-bottom-color: var(--sp-sep); }
body.theme-sirplay .ret-section-sep { border-top-color: var(--sp-sep); }

body.theme-sirplay .rs-badge small, body.theme-sirplay .rs-badge strong { color: inherit; }

body.theme-sirplay .lifecycle-badge { font-weight: 700; text-shadow: 0 1px 2px rgba(0, 0, 0, .5); font-variant-numeric: tabular-nums; }

body.theme-sirplay .cohort-cell, body.theme-sirplay .cohort-table td, body.theme-sirplay .drawer-ov-value { font-variant-numeric: tabular-nums; }

html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#1565c0" i], html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #1565c0" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#0d47a1" i], html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #0d47a1" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: rgb(21, 101, 192)" i] { color: var(--dz-info) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#1b5e20" i], html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #1b5e20" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#2e7d32" i], html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #2e7d32" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#43a047" i], html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #43a047" i] { color: var(--dz-pos) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#c62828" i], html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #c62828" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#b71c1c" i], html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #b71c1c" i] { color: var(--dz-neg) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#856404" i], html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #856404" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#6d4400" i], html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #6d4400" i] { color: var(--dz-warn) !important; }

body.theme-sirplay #ret-definitions-toggle { color: var(--dz-info); min-height: 32px; padding: 4px 10px; border-radius: 10px; transition: background var(--sp-fast) ease; }
body.theme-sirplay #ret-definitions-toggle:hover { background: var(--sp-accent-soft); }
body.theme-sirplay #ret-definitions-panel { background: var(--sp-fill-2); border-color: var(--sp-sep); border-radius: var(--sp-r); color: var(--sp-text); }
body.theme-sirplay #ret-definitions-panel th { color: var(--dz-text-2); }
body.theme-sirplay #ret-definitions-panel code { background: var(--sp-fill); color: var(--sp-text); }
body.theme-sirplay .ret-def-warn, body.theme-sirplay #ret-denominator-warn { background: var(--sp-orange-soft); border-color: transparent; border-radius: var(--sp-r-sm); color: var(--dz-warn); }

body.theme-sirplay .layout-content [style*="color:#888" i], body.theme-sirplay .layout-content [style*="color: #888" i],
body.theme-sirplay .layout-content [style*="color:#999" i], body.theme-sirplay .layout-content [style*="color: #999" i],
body.theme-sirplay .layout-content [style*="color:#aaa" i], body.theme-sirplay .layout-content [style*="color: #aaa" i],
body.theme-sirplay .layout-content [style*="color:#78909c" i], body.theme-sirplay .layout-content [style*="color: #78909c" i],
body.theme-sirplay .layout-content [style*="color:#90a4ae" i], body.theme-sirplay .layout-content [style*="color: #90a4ae" i],
body.theme-sirplay .layout-content [style*="color:#b0bec5" i], body.theme-sirplay .layout-content [style*="color: #b0bec5" i],
body.theme-sirplay .layout-content [style*="color:#8b9aa5" i], body.theme-sirplay .layout-content [style*="color: #8b9aa5" i],
body.theme-sirplay .layout-content .na-placeholder { color: var(--dz-text-2) !important; }

html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#fff3cd" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #fff3cd" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#fff8e1" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #fff8e1" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#fff3e0" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #fff3e0" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#ffe57f" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #ffe57f" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#fef3c7" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #fef3c7" i] { background: rgba(255, 159, 10, .14) !important; color: var(--sp-text); }
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#e8f5e9" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #e8f5e9" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#e6f4ea" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #e6f4ea" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#d4edda" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #d4edda" i] { background: rgba(48, 209, 88, .13) !important; color: var(--sp-text); }
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#fce4e4" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #fce4e4" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#fdecea" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #fdecea" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#f8d7da" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #f8d7da" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#ffebee" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #ffebee" i] { background: rgba(255, 69, 58, .15) !important; color: var(--sp-text); }
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#e3f2fd" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #e3f2fd" i] { background: rgba(10, 132, 255, .16) !important; color: var(--sp-text); }
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#f3e5f5" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #f3e5f5" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#fce7f3" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #fce7f3" i] { background: rgba(191, 90, 242, .16) !important; color: var(--sp-text); }
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#f8f9fa" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #f8f9fa" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#f1f1f1" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #f1f1f1" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#eceff1" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #eceff1" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#f4f6f8" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #f4f6f8" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#f3f3f3" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #f3f3f3" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#fbfcfd" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #fbfcfd" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#fafbfc" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #fafbfc" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#f5f5f5" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #f5f5f5" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#f4f7f9" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #f4f7f9" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#f3f4f6" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #f3f4f6" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background:#f1f3f5" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="background: #f1f3f5" i] { background: var(--sp-fill-2) !important; color: var(--sp-text); }

html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#555" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #555" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#666" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #666" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#777" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #777" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#607d8b" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #607d8b" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#6c757d" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #6c757d" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#455a64" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #455a64" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#37474f" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #37474f" i] { color: var(--dz-text-2) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#ef6c00" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #ef6c00" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#e65100" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #e65100" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#f57c00" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #f57c00" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#ff9800" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #ff9800" i] { color: var(--dz-warn) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color:#6a1b9a" i],
html[data-sp-mode="dark"] body.theme-sirplay .layout-content [style*="color: #6a1b9a" i] { color: #d7a8ff !important; }

html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content th.ret-th-login, html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content th.ret-th-login * { color: var(--dz-info) !important; }
html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content th.ret-th-bet, html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content th.ret-th-bet * { color: var(--dz-warn) !important; }
html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content th.ret-th-sport, html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content th.ret-th-sport * { color: var(--dz-pos) !important; }
html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content th.ret-th-casino, html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content th.ret-th-casino * { color: var(--dz-neg) !important; }
html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content [style*="color:#ef6c00" i], html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content [style*="color: #ef6c00" i],
html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content [style*="color:#e65100" i], html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content [style*="color: #e65100" i] { color: var(--dz-warn) !important; }

body.theme-sirplay .cs-sub, body.theme-sirplay .cc-legend-lbl { color: var(--dz-text-2); }

body.theme-sirplay .layout-content .input-daterange .input-group-addon { color: var(--sp-text); font-weight: 500; }

body.theme-sirplay .layout-content thead[style*="background:#2c3e50" i] { background: var(--sp-fill-2) !important; color: var(--dz-text-2) !important; }
body.theme-sirplay .layout-content thead[style*="background:#2c3e50" i] th { color: var(--dz-text-2); }
body.theme-sirplay #ret-drawer-users-table thead th { background: var(--sp-surface-2); color: var(--dz-text-2); box-shadow: inset 0 -1px 0 var(--sp-sep); }
body.theme-sirplay .focus-btn { background: var(--sp-fill-2); border-color: var(--sp-sep); color: var(--sp-text); min-height: 32px; transition: background var(--sp-fast) ease, color var(--sp-fast) ease, transform var(--sp-fast) var(--sp-ease); }
body.theme-sirplay .focus-btn:hover { background: var(--sp-fill); color: var(--sp-text); border-color: var(--sp-sep-strong); }
body.theme-sirplay .focus-btn:active { transform: scale(.97); }
body.theme-sirplay .focus-btn.active, body.theme-sirplay .focus-btn.focus-recenti.active, body.theme-sirplay .focus-btn.focus-recuperabili.active, body.theme-sirplay .focus-btn.focus-freddi.active,
body.theme-sirplay .dd-sort-btn.active { background: var(--dz-fill-on); border-color: transparent; color: #fff !important; box-shadow: 0 1px 6px rgba(0, 113, 227, .35); }

body.theme-sirplay #ret-drawer { background: var(--sp-surface); }
body.theme-sirplay #ret-drawer-header { background: var(--sp-surface-2); color: var(--sp-text); border-bottom: 1px solid var(--sp-sep); }
body.theme-sirplay #ret-drawer-close { color: var(--sp-text); }
body.theme-sirplay #ret-drawer-filters-bar { background: var(--sp-fill-2); border-bottom-color: var(--sp-sep); }
body.theme-sirplay .drawer-ov-item { border-color: var(--sp-sep); }
body.theme-sirplay .drawer-ov-value { color: var(--sp-text); }
body.theme-sirplay .drawer-ov-label { color: var(--dz-text-2); }
body.theme-sirplay #ret-definitions-panel table, body.theme-sirplay #ret-definitions-panel td, body.theme-sirplay #ret-definitions-panel th { background: transparent; }

html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content [style*="color:#777" i],
html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content [style*="color: #777" i],
html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content [style*="color:#607d8b" i],
html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content [style*="color: #607d8b" i] { color: var(--dz-text-2) !important; }
html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content [style*="color:#2e7d32" i],
html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content [style*="color: #2e7d32" i],
html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content [style*="color:#43a047" i],
html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content [style*="color: #43a047" i] { color: var(--dz-pos) !important; }

body.theme-sirplay .cohort-stats-row td { background: var(--sp-fill-2) !important; color: var(--sp-text); }

body.theme-sirplay .apexcharts-point-annotations rect, body.theme-sirplay .apexcharts-yaxis-annotations rect, body.theme-sirplay .apexcharts-xaxis-annotations rect { rx: 6px; }
html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-point-annotations rect[fill="#fff"], html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-yaxis-annotations rect[fill="#fff"], html[data-sp-mode="dark"] body.theme-sirplay .apexcharts-xaxis-annotations rect[fill="#fff"] { fill: var(--sp-surface-2); stroke: var(--sp-sep-strong); }

@media (max-width: 767px) {

    body.theme-sirplay .layout-content div.dt-buttons { position: static; margin-bottom: 8px; }

    body.theme-sirplay .layout-content .dataTables_wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

body.theme-sirplay {
    --fn-ok: #17652f;   --fn-ok-bg: rgba(52, 199, 89, .2);
    --fn-warn: #864300; --fn-warn-bg: rgba(255, 159, 10, .22);
    --fn-bad: #b0001a;  --fn-bad-bg: rgba(255, 59, 48, .15);
    --fn-info: #0a56b5; --fn-info-bg: rgba(0, 113, 227, .13);
    --fn-mute: #505056; --fn-mute-bg: rgba(120, 120, 128, .18);
}
html[data-sp-mode="dark"] body.theme-sirplay {
    --fn-ok: #7fe69b;   --fn-ok-bg: rgba(48, 209, 88, .24);
    --fn-warn: #ffc56e; --fn-warn-bg: rgba(255, 159, 10, .26);
    --fn-bad: #ff9a92;  --fn-bad-bg: rgba(255, 69, 58, .28);
    --fn-info: #8cc4ff; --fn-info-bg: rgba(10, 132, 255, .3);
    --fn-mute: #c7c7cc; --fn-mute-bg: rgba(120, 120, 128, .32);
}

body.theme-sirplay .layout-content .label[style*="background"] {
    display: inline-block; padding: 3px 10px !important; border-radius: 999px !important; font-size: 11px !important; font-weight: 600 !important;
    line-height: 1.45; letter-spacing: 0; text-shadow: none; white-space: nowrap;
    background: var(--fn-mute-bg) !important; color: var(--fn-mute) !important;
}

body.theme-sirplay .layout-content .label[style*="#28a745" i], body.theme-sirplay .layout-content .label[style*="#2e7d32" i],
body.theme-sirplay .layout-content .label[style*="#1b5e20" i], body.theme-sirplay .layout-content .label[style*="#69cf77" i],
body.theme-sirplay .layout-content .label[style*="#198754" i], body.theme-sirplay .layout-content .label[style*="#4caf50" i] { background: var(--fn-ok-bg) !important; color: var(--fn-ok) !important; }

body.theme-sirplay .layout-content .label[style*="#fd7e14" i], body.theme-sirplay .layout-content .label[style*="#f2872c" i],
body.theme-sirplay .layout-content .label[style*="#ffc107" i], body.theme-sirplay .layout-content .label[style*="#ff9800" i] { background: var(--fn-warn-bg) !important; color: var(--fn-warn) !important; }

body.theme-sirplay .layout-content .label[style*="#dc3545" i], body.theme-sirplay .layout-content .label[style*="#d33" i],
body.theme-sirplay .layout-content .label[style*="#d9534f" i], body.theme-sirplay .layout-content .label[style*="#f44336" i] { background: var(--fn-bad-bg) !important; color: var(--fn-bad) !important; }

body.theme-sirplay .layout-content .label[style*="#17a2b8" i], body.theme-sirplay .layout-content .label[style*="#007bff" i],
body.theme-sirplay .layout-content .label[style*="#0275d8" i], body.theme-sirplay .layout-content .label[style*="#3298fc" i],
body.theme-sirplay .layout-content .label[style*="#0b67cd" i], body.theme-sirplay .layout-content .label[style*="#0d47a1" i] { background: var(--fn-info-bg) !important; color: var(--fn-info) !important; }

body.theme-sirplay .layout-content .label-default { background: var(--fn-mute-bg); color: var(--fn-mute); }
body.theme-sirplay .layout-content .label-success { background: var(--fn-ok-bg); color: var(--fn-ok); }
body.theme-sirplay .layout-content .label-warning { background: var(--fn-warn-bg); color: var(--fn-warn); }
body.theme-sirplay .layout-content .label-danger { background: var(--fn-bad-bg); color: var(--fn-bad); }
body.theme-sirplay .layout-content .label-info, body.theme-sirplay .layout-content .label-primary { background: var(--fn-info-bg); color: var(--fn-info); }

body.theme-sirplay.theme-glass .table .label, body.theme-sirplay.theme-glass .dataTable .label { -webkit-backdrop-filter: none; backdrop-filter: none; }

body.theme-sirplay .layout-content table.table th, body.theme-sirplay .layout-content table.table td { font-variant-numeric: tabular-nums; }
body.theme-sirplay .layout-content table.table td.text-right, body.theme-sirplay .layout-content table.table th.text-right,
body.theme-sirplay .layout-content table.dataTable td.dt-right, body.theme-sirplay .layout-content table.dataTable th.dt-right { text-align: right; }

body.theme-sirplay .layout-content table.table-bordered, body.theme-sirplay .layout-content table.table-bordered > thead > tr > th,
body.theme-sirplay .layout-content table.table-bordered > tbody > tr > td, body.theme-sirplay .layout-content table.table-bordered > tfoot > tr > td,
body.theme-sirplay .layout-content table.table-bordered > tfoot > tr > th { border-left-width: 0; border-right-width: 0; }
body.theme-sirplay .layout-content table.table > tbody > tr > td { padding-top: 10px; padding-bottom: 10px; }

body.theme-sirplay .layout-content table.table a:not(.btn):not(.label) { color: var(--sp-accent-strong); }
body.theme-sirplay .layout-content table.table a:not(.btn):not(.label):hover { text-decoration: underline; }

body.theme-sirplay .layout-content table.table > tfoot > tr > th, body.theme-sirplay .layout-content table.table > tfoot > tr > td {
    background: var(--sp-fill-2); color: var(--sp-text); font-size: 12.5px; font-weight: 600; border-top: 1px solid var(--sp-sep-strong);
}

body.theme-sirplay .layout-content table.dataTable td.dataTables_empty {
    text-align: center; color: var(--sp-text-2); font-size: 14px; padding: 40px 12px; background: transparent;
}
body.theme-sirplay .layout-content table.dataTable > tbody > tr:hover > td.dataTables_empty { background: transparent; }

body.theme-sirplay .dataTables_wrapper .dataTables_processing, body.theme-sirplay.theme-glass .dataTables_wrapper .dataTables_processing {
    position: absolute; top: 50%; left: 50%; width: auto; min-width: 140px; height: auto; margin: -18px 0 0 -70px; padding: 8px 18px; border: 0; border-radius: 999px;
    background: var(--sp-surface); color: var(--sp-text); font-size: 13px; font-weight: 500; text-align: center; box-shadow: var(--sp-shadow-pop); z-index: 5;
    -webkit-backdrop-filter: none; backdrop-filter: none; animation: sp-fade var(--sp-fast) ease both;
}
body.theme-sirplay.theme-glass .dataTables_wrapper .dataTables_processing::after { display: none; }

body.theme-sirplay.theme-glass table.table td .btn { -webkit-backdrop-filter: none; backdrop-filter: none; }
body.theme-sirplay.theme-glass table.table td .btn-success, body.theme-sirplay.theme-glass table.table td .btn-danger,
body.theme-sirplay.theme-glass table.table td .btn-warning, body.theme-sirplay.theme-glass table.table td .btn-primary,
body.theme-sirplay.theme-glass table.table td .btn-info {
    box-shadow: inset 0 1px 0 rgb(var(--gh) / calc(.5 * var(--gk))), 0 1px 3px rgba(0, 0, 0, .16);
}

body.theme-sirplay .layout-content .table-responsive { border: 0; border-radius: var(--sp-r); -webkit-overflow-scrolling: touch; }

body.theme-sirplay .dataTables_wrapper .dataTables_filter > label { font-family: inherit; }
body.theme-sirplay .dataTables_wrapper .dataTables_paginate .pagination > li > a,
body.theme-sirplay .dataTables_wrapper .dataTables_paginate .pagination > li > span { min-width: 32px; text-align: center; }
body.theme-sirplay .dataTables_wrapper .dataTables_paginate .pagination > .disabled > a { color: var(--sp-text-3); }

body.theme-sirplay .dataTables_wrapper .dt-buttons { display: inline-flex; flex-wrap: wrap; gap: 6px; vertical-align: middle; }
body.theme-sirplay .dataTables_wrapper .dt-buttons.btn-group > .btn { float: none; }
body.theme-sirplay .layout-content .btn-modern-export {
    height: 34px; padding: 6px 14px !important; margin: 0 !important; border: 0 !important; border-radius: 10px !important;
    font-size: 12px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important;
    background-color: var(--sp-fill) !important; color: var(--sp-text) !important; box-shadow: none !important;
}
body.theme-sirplay .layout-content .btn-modern-export:hover, body.theme-sirplay .layout-content .btn-modern-export:focus {
    background-color: rgba(120, 120, 128, .22) !important; color: var(--sp-text) !important; box-shadow: none !important;
}
body.theme-sirplay .layout-content .btn-modern-export:focus-visible { box-shadow: 0 0 0 4px rgba(0, 113, 227, .28) !important; }
body.theme-sirplay.theme-glass .layout-content .btn-modern-export { border-radius: 999px !important; background-color: rgb(var(--gw) / .55) !important; box-shadow: var(--g-edge) !important; }
body.theme-sirplay.theme-glass .layout-content .btn-modern-export:hover, body.theme-sirplay.theme-glass .layout-content .btn-modern-export:focus { background-color: rgb(var(--gw) / .85) !important; }

html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .layout-content .btn-modern-export[data-sp-bg] { background-color: rgb(var(--gw) / .55) !important; }
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .layout-content .btn-modern-export[data-sp-bg]:hover { background-color: rgb(var(--gw) / .85) !important; }

body.theme-sirplay .input-daterange.input-group { display: flex; align-items: stretch; width: 100%; }
body.theme-sirplay .input-daterange.input-group .form-control { float: none; flex: 1 1 0; min-width: 0; width: auto; }
body.theme-sirplay .input-daterange.input-group .form-control:first-child { border-radius: 10px 0 0 10px; }
body.theme-sirplay .input-daterange.input-group .form-control:last-child { border-radius: 0 10px 10px 0; }
body.theme-sirplay.theme-glass .input-daterange.input-group .form-control:first-child { border-radius: 14px 0 0 14px; }
body.theme-sirplay.theme-glass .input-daterange.input-group .form-control:last-child { border-radius: 0 14px 14px 0; }

body.theme-sirplay .input-daterange.input-group .form-control:only-child { border-radius: 10px; }
body.theme-sirplay.theme-glass .input-daterange.input-group .form-control:only-child { border-radius: 14px; }
body.theme-sirplay .input-daterange.input-group .input-group-addon {
    display: flex; align-items: center; justify-content: center; width: auto; min-width: 28px; padding: 0 4px; border: 0; border-radius: 0;
    background: var(--sp-fill-2); color: var(--sp-text); font-size: 12px; font-weight: 500;
}
body.theme-sirplay.theme-glass .input-daterange.input-group .input-group-addon {
    background: rgb(var(--gw) / .6); box-shadow: inset 0 1px 3px rgba(40, 60, 120, .12), inset 0 1px 0 rgb(var(--gh) / calc(.8 * var(--gk))), inset 0 -1px 0 rgb(var(--gh) / calc(.8 * var(--gk)));
}
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .input-daterange.input-group .input-group-addon { box-shadow: inset 0 1px 3px rgba(0, 0, 0, .45), inset 0 1px 0 rgb(var(--gh) / .1), inset 0 -1px 0 rgb(var(--gh) / .1); }

body.theme-sirplay .layout-content .btn-success ~ .btn-danger, body.theme-sirplay .layout-content .btn-danger:has(~ .btn-success),
body.theme-sirplay.theme-glass .layout-content .btn-success ~ .btn-danger, body.theme-sirplay.theme-glass .layout-content .btn-danger:has(~ .btn-success) {
    background: var(--fn-bad-bg); color: var(--fn-bad); box-shadow: inset 0 0 0 1px rgba(255, 59, 48, .22);
}
body.theme-sirplay .layout-content .btn-success ~ .btn-danger:hover, body.theme-sirplay .layout-content .btn-danger:has(~ .btn-success):hover,
body.theme-sirplay.theme-glass .layout-content .btn-success ~ .btn-danger:hover, body.theme-sirplay.theme-glass .layout-content .btn-danger:has(~ .btn-success):hover,
body.theme-sirplay.theme-glass .layout-content .btn-success ~ .btn-danger:focus, body.theme-sirplay.theme-glass .layout-content .btn-danger:has(~ .btn-success):focus {
    background: rgba(255, 59, 48, .26); color: var(--fn-bad); box-shadow: inset 0 0 0 1px rgba(255, 59, 48, .35);
}

body.theme-sirplay .tab {
    display: flex; flex-wrap: wrap; gap: 2px; width: fit-content; max-width: 100%; margin: 0 auto; padding: 3px; overflow: visible;
    border-radius: 999px; background: var(--sp-fill); box-shadow: inset 0 1px 3px rgba(40, 60, 120, .1);
}
body.theme-sirplay .tab > button.tablinks {
    float: none; width: auto; min-width: 120px; padding: 8px 18px; border: 0; border-radius: 999px; background: transparent; color: var(--sp-text-2);
    font-size: 13px; transition: background var(--sp-fast) ease, color var(--sp-fast) ease, box-shadow var(--sp-fast) ease, transform var(--sp-fast) var(--sp-ease);
}
body.theme-sirplay .tab > button.tablinks strong { font-weight: 500; }
body.theme-sirplay .tab > button.tablinks:hover { background: var(--sp-fill-2); color: var(--sp-text); }
body.theme-sirplay .tab > button.tablinks:active { transform: scale(.97); }
body.theme-sirplay .tab > button.tablinks:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(0, 113, 227, .28); }
body.theme-sirplay .tab > button.tablinks.active, body.theme-sirplay .tab > button.tablinks.active:hover {
    background: var(--sp-surface); color: var(--sp-text); box-shadow: 0 2px 8px rgba(40, 60, 120, .16), inset 0 1px 0 rgb(var(--gh) / calc(.9 * var(--gk)));
}
body.theme-sirplay .tab > button.tablinks.active strong { font-weight: 600; }
body.theme-sirplay.theme-glass .tab > button.tablinks.active, body.theme-sirplay.theme-glass .tab > button.tablinks.active:hover { background: rgb(var(--gw) / .92); }
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .tab > button.tablinks.active { background: rgba(255, 255, 255, .16); box-shadow: 0 2px 8px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .18); }

@media (max-width: 767px) {

    body.theme-sirplay .dataTables_wrapper .dataTables_paginate .pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 2px; }
    body.theme-sirplay .dataTables_wrapper .dataTables_paginate .pagination > li > a,
    body.theme-sirplay .dataTables_wrapper .dataTables_paginate .pagination > li > span { min-width: 44px; padding: 12px 14px; margin: 0; }
    body.theme-sirplay .dataTables_wrapper .dataTables_filter, body.theme-sirplay .dataTables_wrapper .dataTables_length { float: none; text-align: left; }
    body.theme-sirplay .dataTables_wrapper .dataTables_filter input { width: 100%; margin-left: 0; height: 44px; }
    body.theme-sirplay .dataTables_wrapper .dataTables_length select { height: 44px; }
    body.theme-sirplay .tab > button.tablinks { flex: 1 1 calc(50% - 2px); min-width: 0; padding: 12px 10px; }
    body.theme-sirplay .tab { border-radius: 22px; width: 100%; }
    body.theme-sirplay .input-daterange.input-group .form-control, body.theme-sirplay.theme-glass .layout-content .form-control { height: 44px; }

    body.theme-sirplay .dataTables_wrapper .dt-buttons { float: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
    body.theme-sirplay .dataTables_wrapper .dt-buttons > .btn { margin: 0; }
    body.theme-sirplay .dataTables_wrapper .datatable-info-top, body.theme-sirplay .dataTables_wrapper .dataTables_info { clear: both; }

    body.theme-sirplay .layout-content .btn { min-height: 44px; }
    body.theme-sirplay .layout-content .btn-circle { min-width: 44px; }
}

html:not([data-sp-mode="dark"]) body.theme-sirplay :is(.um-card, .reg-card, .reg-modal, #projectDetailsModal, #createUserModal, .layout-content-body:has(#platformUsersTable)) { --sp-text-2: #5f5f64; }

body.theme-sirplay .dataTables_filter > label { font-size: 0; color: transparent; }
body.theme-sirplay .dataTables_filter > label > input { font-size: 13px; color: var(--sp-text); padding-left: 34px; }
body.theme-sirplay .dataTables_filter > label::after {
    display: flex; align-items: center; justify-content: center; height: 100%; line-height: 1; color: var(--sp-text-2); margin-left: 2px;
}

body.theme-sirplay.theme-glass textarea.form-control { height: auto; min-height: 96px; }

body.theme-sirplay .input-daterange .input-group-addon { color: var(--sp-text); font-weight: 500; }

body.theme-sirplay .select2-container--bootstrap .select2-selection__placeholder, body.theme-sirplay .select2-selection__placeholder, body.theme-sirplay .select2-container .select2-choice .select2-default { color: var(--sp-text-2); }

html:not([data-sp-mode="dark"]) body.theme-sirplay .btn-outline-success { color: var(--sp-alert-success); }

body.theme-sirplay .alert a:not(.btn) { color: inherit; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }

body.theme-sirplay code { background: var(--sp-fill-2); color: var(--sp-red); border-radius: 6px; padding: 1px 6px; font-size: 90%; }

body.theme-sirplay .note-placeholder { color: var(--sp-text-2); }

body.theme-sirplay .btn-outline-default { color: var(--sp-text); border-color: var(--sp-sep-strong); }
body.theme-sirplay .btn-outline-default:hover { background: var(--sp-fill); color: var(--sp-text); border-color: var(--sp-sep-strong); }
body.theme-sirplay .btn-outline-purple { color: #6a3fd9; border-color: rgba(106, 63, 217, .4); background: transparent; }
body.theme-sirplay .btn-outline-purple:hover, body.theme-sirplay .btn-outline-purple:focus { color: #6a3fd9; background: rgba(106, 63, 217, .1); border-color: rgba(106, 63, 217, .4); }
html[data-sp-mode="dark"] body.theme-sirplay .btn-outline-purple, html[data-sp-mode="dark"] body.theme-sirplay .btn-outline-purple:hover { color: #c3a8ff; border-color: rgba(195, 168, 255, .45); }

html[data-sp-mode="dark"] body.theme-sirplay .btn-outline-primary, html[data-sp-mode="dark"] body.theme-sirplay .btn-outline-info,
html[data-sp-mode="dark"] body.theme-sirplay .btn-outline-primary:hover, html[data-sp-mode="dark"] body.theme-sirplay .btn-outline-info:hover { color: var(--sp-accent-strong); }

html[data-sp-mode="dark"] body.theme-sirplay .bg-success-transparent { background-color: var(--sp-green-soft); }
html[data-sp-mode="dark"] body.theme-sirplay .bg-info-transparent { background-color: var(--sp-accent-soft); }
html[data-sp-mode="dark"] body.theme-sirplay .bg-warning-transparent { background-color: var(--sp-orange-soft); }
html[data-sp-mode="dark"] body.theme-sirplay .bg-danger-transparent { background-color: var(--sp-red-soft); }

body.theme-sirplay .badge-code { background: var(--sp-accent-soft); color: var(--sp-accent-strong); border-radius: 999px; padding: 2px 10px; font-weight: 600; }

body.theme-sirplay .um-card .table > thead > tr > th {
    background: rgb(var(--gw) / .5); color: var(--sp-text-2); border-bottom: 1px solid var(--sp-sep-strong);
}
body.theme-sirplay .um-card .table > tbody > tr > td { color: var(--sp-text); border-top-color: var(--sp-sep); font-variant-numeric: tabular-nums; }

body.theme-sirplay .um-card .table > thead > tr > th, body.theme-sirplay .um-card .table > tbody > tr > td { padding-left: 8px; padding-right: 8px; }
body.theme-sirplay .um-card .table-striped > tbody > tr:nth-of-type(odd) { background: rgb(var(--gw) / .32); }
body.theme-sirplay .um-card .table-hover > tbody > tr:hover { background: var(--sp-accent-soft); }

body.theme-sirplay .um-card .dataTables_wrapper .pagination > .active > a, body.theme-sirplay .um-card .dataTables_wrapper .pagination > .active > a:hover { background-color: var(--sp-accent); border-color: transparent; color: #fff; }
body.theme-sirplay .um-card .form-control:focus { border-color: var(--sp-accent); box-shadow: 0 0 0 4px rgba(0, 113, 227, .2); }

body.theme-sirplay .um-card .btn-circle {
    width: 34px; height: 34px; min-width: 34px; padding: 0; margin: 0 2px; border-radius: 50%;
    display: inline-flex; align-items: center; justify-content: center; font-size: 13px; line-height: 1;
}
body.theme-sirplay .um-card #addUser { border-radius: 999px; padding: 8px 18px; }

body.theme-sirplay .card.bg-db { background: linear-gradient(160deg, #0a78ec, #0058b8); box-shadow: inset 0 1px 0 rgb(var(--gh) / calc(.5 * var(--gk))), 0 10px 28px rgba(0, 88, 184, .28); }
body.theme-sirplay .card.bg-db .my-add-user-svg { filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .25)); }
body.theme-sirplay .card.bg-db small { color: #fff !important; font-size: 11px !important; font-style: normal !important; opacity: .92; display: inline-block; margin-top: 8px; }
body.theme-sirplay .card.bg-db .btn { background: #fff !important; color: #0058b8 !important; border-radius: 999px !important; font-weight: 600; }

body.theme-sirplay #createUserModal .modal-content, body.theme-sirplay #projectDetailsModal .modal-content { border-radius: 30px; box-shadow: var(--g-edge), 0 30px 90px rgba(30, 40, 90, .32); }

body.theme-sirplay .um-header { background: rgb(var(--gw) / .3); border-bottom: 1px solid var(--sp-sep); border-radius: 30px 30px 0 0; }
body.theme-sirplay #createUserModal .modal-body, body.theme-sirplay #projectDetailsModal .modal-body { background: transparent; }
body.theme-sirplay .um-footer { background: rgb(var(--gw) / .3); border-top: 1px solid var(--sp-sep); }
body.theme-sirplay .um-title { color: var(--sp-text); letter-spacing: -.02em; }
body.theme-sirplay .um-header .close { opacity: 1; font-size: 20px; top: 16px; right: 18px; }

body.theme-sirplay .um-chip { background: var(--sp-fill); color: var(--sp-text); font-weight: 500; }
body.theme-sirplay .um-chip strong { color: var(--sp-text); font-weight: 600; }
body.theme-sirplay .um-avatar { background: var(--sp-accent-soft); color: var(--sp-accent-strong); }
body.theme-sirplay .um-chip.um-chip-primary { background: var(--sp-accent-soft); color: var(--sp-alert-info); font-weight: 600; }
body.theme-sirplay .um-chip.um-chip-status { font-weight: 600; }
body.theme-sirplay .um-chip.um-status-active { background: var(--sp-green-soft); color: var(--sp-alert-success); }
body.theme-sirplay .um-chip.um-status-suspended, body.theme-sirplay .um-chip.um-status-blocked, body.theme-sirplay .um-chip.um-status-closed { background: var(--sp-red-soft); color: var(--sp-alert-danger); }
body.theme-sirplay .um-chip.um-status-pending, body.theme-sirplay .um-chip.um-status-temp_suspended { background: var(--sp-orange-soft); color: var(--sp-alert-warning); }

body.theme-sirplay .um-balance { background: rgb(var(--gw) / .5); border: 0; border-radius: 14px; box-shadow: var(--g-edge); }
body.theme-sirplay .um-balance-label { color: var(--sp-text-2); }
body.theme-sirplay .um-balance-value { color: var(--sp-text); font-variant-numeric: tabular-nums; letter-spacing: -.01em; }

body.theme-sirplay .um-tabs button { color: var(--sp-text-2); border-radius: 8px 8px 0 0; transition: color var(--sp-fast) ease, border-color var(--sp-fast) ease, background var(--sp-fast) ease; }
body.theme-sirplay .um-tabs button:hover { color: var(--sp-text); }
body.theme-sirplay .um-tabs button.active { color: var(--sp-accent-strong); border-bottom-color: var(--sp-accent); }
body.theme-sirplay .um-tabs button:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(0, 113, 227, .28); }

html[data-sp-mode="dark"] body.theme-sirplay .um-tabs button:not(.active) { color: var(--sp-text) !important; }

body.theme-sirplay #createUserModal label, body.theme-sirplay #projectDetailsModal #updateDetails label { color: var(--sp-text-2); font-size: 12.5px; font-weight: 500; }
body.theme-sirplay #createUserModal .form-control[disabled], body.theme-sirplay #projectDetailsModal #updateDetails .form-control[disabled] { background: var(--sp-fill-2); color: var(--sp-text-2); }
body.theme-sirplay #createUserModal .um-type-select .form-control { background: rgb(var(--gw) / .6); }
body.theme-sirplay #createUserModal .form-control:focus, body.theme-sirplay #projectDetailsModal #updateDetails .form-control:focus { border-color: var(--sp-accent); box-shadow: 0 0 0 4px rgba(0, 113, 227, .2); }

@media (min-width: 768px) {
    body.theme-sirplay #projectDetailsModal .um-footer .row > [class*="col-"]:first-child { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; }
    body.theme-sirplay .um-footer .btn-circle {
        width: 36px; height: 36px; min-width: 36px; padding: 0; margin: 0; border-radius: 50%;
        display: inline-flex; align-items: center; justify-content: center; line-height: 1;
    }
    body.theme-sirplay .um-footer .btn-circle.btn-default { background: var(--sp-fill); }
    body.theme-sirplay #createUserModal .um-footer .btn, body.theme-sirplay #projectDetailsModal .um-footer .btn:not(.btn-circle) { border-radius: 999px; padding: 8px 22px; }
}

html[data-sp-mode="dark"] body.theme-sirplay .um-header, html[data-sp-mode="dark"] body.theme-sirplay .um-footer { background: rgb(var(--gw) / .3) !important; }
html[data-sp-mode="dark"] body.theme-sirplay #createUserModal .modal-body, html[data-sp-mode="dark"] body.theme-sirplay #projectDetailsModal .modal-body { background: transparent !important; }
html[data-sp-mode="dark"] body.theme-sirplay .um-avatar { background: var(--sp-accent-soft) !important; color: var(--sp-accent-strong) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .um-chip { background: var(--sp-fill) !important; color: var(--sp-text) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .um-chip.um-chip-primary { background: var(--sp-accent-soft) !important; color: var(--sp-alert-info) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .um-chip.um-status-active { background: var(--sp-green-soft) !important; color: var(--sp-alert-success) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .um-chip.um-status-suspended, html[data-sp-mode="dark"] body.theme-sirplay .um-chip.um-status-blocked, html[data-sp-mode="dark"] body.theme-sirplay .um-chip.um-status-closed { background: var(--sp-red-soft) !important; color: var(--sp-alert-danger) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .um-chip.um-status-pending, html[data-sp-mode="dark"] body.theme-sirplay .um-chip.um-status-temp_suspended { background: var(--sp-orange-soft) !important; color: var(--sp-alert-warning) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .um-chip strong, html[data-sp-mode="dark"] body.theme-sirplay .um-title { color: var(--sp-text) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .um-balance { background: rgb(var(--gw) / .5) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .um-balance-label { color: var(--sp-text-2) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .um-balance-value { color: var(--sp-text) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .um-card .table > thead > tr > th { background: rgb(var(--gw) / .5) !important; color: var(--sp-text-2) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .um-card .table > tbody > tr > td { color: var(--sp-text) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .um-card .table-striped > tbody > tr:nth-of-type(odd) { background: rgb(var(--gw) / .32) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .um-card .table-hover > tbody > tr:hover { background: var(--sp-accent-soft) !important; }

body.theme-sirplay .reg-field label { color: var(--sp-text-2); font-weight: 500; font-size: 12.5px; }
body.theme-sirplay .reg-field .form-control { color: var(--sp-text); }
body.theme-sirplay .reg-field .form-control:focus { border-color: var(--sp-accent); box-shadow: 0 0 0 4px rgba(0, 113, 227, .2); }
body.theme-sirplay .reg-actions { border-top-color: var(--sp-sep-strong); }

body.theme-sirplay .reg-btn-excel { background: var(--sp-green-soft); border-color: transparent; color: var(--sp-alert-success); }
body.theme-sirplay .reg-btn-excel:hover, body.theme-sirplay .reg-btn-excel:focus { background: var(--sp-green-soft); color: var(--sp-alert-success); filter: brightness(.96); }
html[data-sp-mode="dark"] body.theme-sirplay .reg-btn-excel { background: var(--sp-green-soft) !important; color: var(--sp-alert-success) !important; }
body.theme-sirplay .reg-bar .dataTables_length label { color: var(--sp-text-2); }
body.theme-sirplay .reg-foot .dataTables_info { color: var(--sp-text-2); }
body.theme-sirplay .reg-foot .pagination > li > a { border: 0; color: var(--sp-text); border-radius: 999px; }
body.theme-sirplay .reg-foot .pagination > li > a:hover { background: var(--sp-fill); }
body.theme-sirplay .reg-foot .pagination > .active > a, body.theme-sirplay .reg-foot .pagination > .active > a:hover { background-color: var(--sp-accent); color: #fff; }
body.theme-sirplay .reg-outer .dataTables_processing { background: var(--sp-surface); color: var(--sp-text); border: 0; border-radius: var(--sp-r); box-shadow: var(--sp-shadow-pop); }
body.theme-sirplay .reg-scroll { border: 1px solid var(--sp-sep); }

body.theme-sirplay #users-table { background: var(--sp-surface); }
body.theme-sirplay #users-table th, body.theme-sirplay #users-table td { border-right-color: var(--sp-sep); border-bottom-color: var(--sp-sep); color: var(--sp-text); font-variant-numeric: tabular-nums; }
body.theme-sirplay #users-table thead th, body.theme-sirplay.theme-glass #users-table thead th {
    background: var(--sp-surface-2); color: var(--sp-text-2); box-shadow: inset 0 -1px 0 var(--sp-sep-strong); border-bottom-color: transparent;
}
body.theme-sirplay #users-table tbody tr:nth-of-type(odd) td, body.theme-sirplay.theme-glass #users-table tbody tr:nth-of-type(odd) td { background: var(--sp-surface-2); }
body.theme-sirplay #users-table tbody tr:nth-of-type(even) td, body.theme-sirplay.theme-glass #users-table tbody tr:nth-of-type(even) td { background: var(--sp-surface); }
body.theme-sirplay #users-table tbody tr:hover td, body.theme-sirplay #users-table tbody tr:hover td:nth-child(-n+3),
body.theme-sirplay.theme-glass #users-table tbody tr:hover td, body.theme-sirplay.theme-glass #users-table tbody tr:hover td:nth-child(-n+3) {
    background-image: linear-gradient(var(--sp-accent-soft), var(--sp-accent-soft)); background-color: var(--sp-surface);
}
body.theme-sirplay #users-table th:nth-child(3), body.theme-sirplay #users-table td:nth-child(3) { box-shadow: 6px 0 8px -6px rgba(0, 0, 0, .22); }
body.theme-sirplay #users-table thead th:nth-child(3) { box-shadow: 6px 0 8px -6px rgba(0, 0, 0, .22), inset 0 -1px 0 var(--sp-sep-strong); }

html[data-sp-mode="dark"] body.theme-sirplay #users-table thead th { background: var(--sp-surface-2) !important; color: var(--sp-text-2) !important; }
html[data-sp-mode="dark"] body.theme-sirplay #users-table tbody tr:nth-of-type(odd) td { background-color: var(--sp-surface-2) !important; }
html[data-sp-mode="dark"] body.theme-sirplay #users-table tbody tr:nth-of-type(even) td { background-color: var(--sp-surface) !important; }
html[data-sp-mode="dark"] body.theme-sirplay #users-table th, html[data-sp-mode="dark"] body.theme-sirplay #users-table td { border-right-color: var(--sp-sep) !important; border-bottom-color: var(--sp-sep) !important; color: var(--sp-text) !important; }
html[data-sp-mode="dark"] body.theme-sirplay #users-table thead th { color: var(--sp-text-2) !important; }

body.theme-sirplay .reg-chip { background: var(--sp-fill); color: var(--sp-text); }
body.theme-sirplay .reg-chip.reg-chip-started { background: var(--sp-orange-soft); color: var(--sp-alert-warning); }
body.theme-sirplay .reg-chip.reg-chip-completed { background: var(--sp-green-soft); color: var(--sp-alert-success); }
body.theme-sirplay .reg-chip.reg-chip-error { background: var(--sp-red-soft); color: var(--sp-alert-danger); }
body.theme-sirplay .reg-btn { border-radius: 999px; min-height: 32px; transition: background var(--sp-fast) ease, transform var(--sp-fast) var(--sp-ease), filter var(--sp-fast) ease; }
body.theme-sirplay .reg-btn:active { transform: scale(.96); }
body.theme-sirplay .reg-btn:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(0, 113, 227, .28); }
body.theme-sirplay .reg-btn-steps { background: var(--sp-accent-soft); border-color: transparent; color: var(--sp-alert-info); }
body.theme-sirplay .reg-btn-info, body.theme-sirplay .reg-btn-neutral { background: var(--sp-fill); border-color: transparent; color: var(--sp-text); }
body.theme-sirplay .reg-btn-device, body.theme-sirplay .reg-btn-started { background: var(--sp-orange-soft); border-color: transparent; color: var(--sp-alert-warning); }
body.theme-sirplay .reg-btn-completed { background: var(--sp-green-soft); border-color: transparent; color: var(--sp-alert-success); }
html[data-sp-mode="dark"] body.theme-sirplay .reg-chip { background: var(--sp-fill) !important; color: var(--sp-text) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .reg-chip.reg-chip-started, html[data-sp-mode="dark"] body.theme-sirplay .reg-btn-device, html[data-sp-mode="dark"] body.theme-sirplay .reg-btn-started { background: var(--sp-orange-soft) !important; color: var(--sp-alert-warning) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .reg-chip.reg-chip-completed, html[data-sp-mode="dark"] body.theme-sirplay .reg-btn-completed { background: var(--sp-green-soft) !important; color: var(--sp-alert-success) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .reg-chip.reg-chip-error { background: var(--sp-red-soft) !important; color: var(--sp-alert-danger) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .reg-btn-steps { background: var(--sp-accent-soft) !important; color: var(--sp-alert-info) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .reg-btn-info, html[data-sp-mode="dark"] body.theme-sirplay .reg-btn-neutral { background: var(--sp-fill) !important; color: var(--sp-text) !important; }

body.theme-sirplay .reg-modal .modal-content { border-radius: 30px; box-shadow: var(--g-edge), 0 30px 90px rgba(30, 40, 90, .32); }
body.theme-sirplay .reg-modal-header .modal-title { color: var(--sp-text); letter-spacing: -.015em; }
body.theme-sirplay .reg-modal-header .close { opacity: 1; font-size: 20px; top: 16px; right: 18px; }
body.theme-sirplay .reg-modal-footer .btn { border-radius: 999px; }
body.theme-sirplay .reg-kv { border-color: var(--sp-sep); border-radius: var(--sp-r); }
body.theme-sirplay .reg-kv-row { border-bottom-color: var(--sp-sep); }
body.theme-sirplay .reg-kv-k { background: var(--sp-fill-2); color: var(--sp-text-2); font-weight: 500; }
body.theme-sirplay .reg-kv-v { color: var(--sp-text); }
body.theme-sirplay .reg-pre { background: var(--sp-fill-2); border-color: var(--sp-sep); color: var(--sp-text); font-family: ui-monospace, "SF Mono", Menlo, monospace; }
body.theme-sirplay .reg-step { border-left-color: var(--sp-accent); }
body.theme-sirplay .reg-step-name { color: var(--sp-text); }
body.theme-sirplay .reg-step-date, body.theme-sirplay .reg-empty { color: var(--sp-text-2); }
html[data-sp-mode="dark"] body.theme-sirplay .reg-kv-k { background: var(--sp-fill-2) !important; color: var(--sp-text-2) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .reg-kv-v, html[data-sp-mode="dark"] body.theme-sirplay .reg-step-name, html[data-sp-mode="dark"] body.theme-sirplay .reg-pre { color: var(--sp-text) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .reg-pre { background: var(--sp-fill-2) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .reg-kv, html[data-sp-mode="dark"] body.theme-sirplay .reg-kv-row { border-color: var(--sp-sep) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .reg-step-date, html[data-sp-mode="dark"] body.theme-sirplay .reg-empty { color: var(--sp-text-2) !important; }

@media (max-width: 767px) {

    body.theme-sirplay .um-footer {
        background: rgb(var(--gw) / .9); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px);
        border-radius: 0 0 26px 26px; box-shadow: 0 -1px 0 var(--sp-sep);
    }
    body.theme-sirplay #createUserModal .modal-content, body.theme-sirplay #projectDetailsModal .modal-content { border-radius: 26px; }
    body.theme-sirplay .um-header { border-radius: 26px 26px 0 0; }
    body.theme-sirplay .um-actions-toggle { background: var(--sp-fill); border-color: transparent; border-radius: 999px; color: var(--sp-text); }
    body.theme-sirplay .um-footer.um-actions-open .um-actions-toggle { background: var(--sp-accent-soft); color: var(--sp-accent-strong); border-color: transparent; }
    body.theme-sirplay .um-actions { background: var(--sp-surface); border: 0; border-radius: 20px; box-shadow: var(--sp-shadow-pop); }

    body.theme-sirplay.theme-glass .um-actions .btn-circle { color: var(--sp-text) !important; border-radius: 12px; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
    body.theme-sirplay.theme-glass .um-actions .btn-circle::before { display: none; }
    body.theme-sirplay .um-actions .btn-circle:active { background: var(--sp-fill) !important; }
    body.theme-sirplay #projectDetailsModal .um-footer #closeModalButton, body.theme-sirplay #createUserModal .um-footer .btn-danger {
        background: var(--sp-red-soft); color: var(--sp-alert-danger); border: 0; border-radius: 999px;
    }
    body.theme-sirplay #projectDetailsModal .um-footer .btn:not(.btn-circle), body.theme-sirplay #createUserModal .um-footer .btn { border-radius: 999px; }

    body.theme-sirplay .reg-btn { min-height: 44px; padding: 0 16px; }
    body.theme-sirplay .um-card .btn-circle { width: 44px; height: 44px; min-width: 44px; }
    html[data-sp-mode="dark"] body.theme-sirplay #projectDetailsModal .um-footer #closeModalButton, html[data-sp-mode="dark"] body.theme-sirplay #createUserModal .um-footer .btn-danger { background: var(--sp-red-soft) !important; color: var(--sp-alert-danger) !important; }
    html[data-sp-mode="dark"] body.theme-sirplay .um-actions-toggle { background: var(--sp-fill) !important; color: var(--sp-text) !important; }
    html[data-sp-mode="dark"] body.theme-sirplay .um-actions { background: var(--sp-surface) !important; }
    html[data-sp-mode="dark"] body.theme-sirplay .um-actions .btn-circle { color: var(--sp-text) !important; }
}

body.theme-sirplay.sp-auth { padding: 24px 16px; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif; color: var(--sp-text); }

body.theme-sirplay.sp-auth .login { max-width: 400px; width: 100%; animation: sp-load-pop .5s var(--sp-spring, cubic-bezier(.34, 1.56, .64, 1)) both; }
body.theme-sirplay.sp-auth .login-body {
    margin: 0 0 16px; padding: 36px 32px 28px; border: 0; border-radius: 30px; color: var(--sp-text);
    background: var(--g-fill-strong, var(--sp-surface)); -webkit-backdrop-filter: var(--g-blur-strong, none); backdrop-filter: var(--g-blur-strong, none);
    box-shadow: var(--g-edge, inset 0 0 0 1px var(--sp-sep)), 0 30px 80px rgba(30, 40, 90, .22);
}

body.theme-sirplay.sp-auth .login-brand { width: auto; margin: 0 auto 28px; text-align: center; }
body.theme-sirplay.sp-auth .login-brand img { display: block; width: auto; height: 46px; max-width: 100%; margin: 0 auto; }
body.theme-sirplay.sp-auth .login-brand img.sp-logo-dark { display: none; }
html[data-sp-mode="dark"] body.theme-sirplay.sp-auth .login-brand img.sp-logo-light { display: none; }
html[data-sp-mode="dark"] body.theme-sirplay.sp-auth .login-brand img.sp-logo-dark { display: block; }

body.theme-sirplay.sp-auth .login-form .form-group { margin: 0 0 16px; }
body.theme-sirplay.sp-auth .login-form label:not(.custom-control) { display: block; margin: 0 0 6px; font-size: 12.5px; font-weight: 500; letter-spacing: 0; color: var(--sp-text-2); }
body.theme-sirplay.sp-auth .login-form .form-control {
    height: 46px; padding: 0 16px; border: 0; border-radius: 14px; font-size: 16px; color: var(--sp-text); box-shadow: none; background-clip: padding-box;
    background-color: rgb(var(--gw) / .6); box-shadow: inset 0 1px 3px rgba(40, 60, 120, .12), inset 0 0 0 1px var(--yf-edge, rgba(60, 60, 67, .36));
    transition: box-shadow var(--sp-fast, .15s) ease, background-color var(--sp-fast, .15s) ease;
}
html[data-sp-mode="dark"] body.theme-sirplay.sp-auth .login-form .form-control { box-shadow: inset 0 1px 3px rgba(0, 0, 0, .45), inset 0 0 0 1px var(--yf-edge, rgba(235, 235, 245, .3)); }
body.theme-sirplay.sp-auth .login-form .form-control:focus { outline: none; background-color: rgb(var(--gw) / .85); box-shadow: 0 0 0 4px rgba(10, 132, 255, .28), inset 0 0 0 1.5px var(--sp-accent); }
body.theme-sirplay.sp-auth .login-form .has-error .form-control { box-shadow: inset 0 0 0 1.5px var(--sp-red); }
body.theme-sirplay.sp-auth .login-form .form-control:-webkit-autofill { -webkit-text-fill-color: var(--sp-text); -webkit-box-shadow: 0 0 0 100px rgb(var(--gw) / .95) inset; caret-color: var(--sp-text); }

body.theme-sirplay.sp-auth .login-form .help-block {
    display: block; margin: 0 0 16px; padding: 10px 14px; border-radius: 14px; background: var(--tn-dan-bg); color: var(--tn-dan-fg) !important;
    font-size: 13px; line-height: 1.4; text-align: center; box-shadow: inset 0 0 0 1px var(--tn-dan-ring);
}
body.theme-sirplay.sp-auth .login-form .alert { margin: 0 0 16px; padding: 10px 14px; border: 0; border-radius: 14px; font-size: 13px; line-height: 1.4; }
body.theme-sirplay.sp-auth .login-form .alert-success { background: var(--tn-suc-bg); color: var(--tn-suc-fg); box-shadow: inset 0 0 0 1px var(--tn-suc-ring); }
body.theme-sirplay.sp-auth .login-form .alert-danger { background: var(--tn-dan-bg); color: var(--tn-dan-fg); box-shadow: inset 0 0 0 1px var(--tn-dan-ring); }

body.theme-sirplay.sp-auth .login-form .form-group:has(.custom-control) { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; margin-bottom: 20px; }
body.theme-sirplay.sp-auth .login-form .form-group:has(.custom-control) > span[aria-hidden] { display: none; }
body.theme-sirplay.sp-auth .login-form .custom-control { position: relative; display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 0; min-height: 24px; font-size: 13px; color: var(--sp-text); cursor: pointer; }
body.theme-sirplay.sp-auth .login-form .custom-control-input { position: absolute; opacity: 0; width: 18px; height: 18px; margin: 0; }
body.theme-sirplay.sp-auth .login-form .custom-control-indicator {
    position: static; flex: none; display: inline-block; width: 18px; height: 18px; border: 1.5px solid var(--sp-text-3); border-radius: 6px; background: transparent;
    transition: background-color var(--sp-fast, .15s) ease, border-color var(--sp-fast, .15s) ease, box-shadow var(--sp-fast, .15s) ease;
}
body.theme-sirplay.sp-auth .login-form .custom-control-indicator::before, body.theme-sirplay.sp-auth .login-form .custom-control-indicator::after { display: none; }
body.theme-sirplay.sp-auth .login-form .custom-control-input:checked ~ .custom-control-indicator {
    border-color: var(--sp-accent); background: var(--sp-accent) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2.5 6.3l2.3 2.3 4.7-5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / 12px no-repeat;
}
body.theme-sirplay.sp-auth .login-form .custom-control-input:focus-visible ~ .custom-control-indicator { box-shadow: 0 0 0 4px rgba(10, 132, 255, .35); }
body.theme-sirplay.sp-auth .login-form .custom-control-label { margin: 0; font-size: 13px; color: var(--sp-text); }

body.theme-sirplay.sp-auth .login-form .btn-block { height: 46px; margin-top: 4px; padding: 0 20px; border-radius: 999px; font-size: 15px; font-weight: 600; }
body.theme-sirplay.sp-auth a { color: var(--sp-accent-strong); text-decoration: none; }
body.theme-sirplay.sp-auth a:hover, body.theme-sirplay.sp-auth a:focus-visible { text-decoration: underline; }
body.theme-sirplay.sp-auth .login-footer { margin: 4px 0 0; text-align: center; font-size: 12px; color: var(--sp-text-3); }
body.theme-sirplay.sp-auth .login-footer a { color: var(--sp-text-2); }

.sp-auth-mode {
    position: fixed; top: 16px; right: 16px; z-index: 10; width: 40px; height: 40px; padding: 0; border: 0; border-radius: 50%; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; color: var(--sp-text);
    background: var(--g-fill-strong, var(--sp-surface)); -webkit-backdrop-filter: var(--g-blur-strong, none); backdrop-filter: var(--g-blur-strong, none);
    box-shadow: var(--g-edge, inset 0 0 0 1px var(--sp-sep)); transition: transform var(--sp-fast, .15s) var(--sp-ease, ease), background-color var(--sp-fast, .15s) ease;
}
.sp-auth-mode:hover { transform: scale(1.06); }
.sp-auth-mode:active { transform: scale(.94); }
.sp-auth-mode:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(10, 132, 255, .45); }
.sp-auth-mode .sp-auth-mode-moon { display: none; }
html[data-sp-mode="dark"] .sp-auth-mode .sp-auth-mode-sun { display: none; }
html[data-sp-mode="dark"] .sp-auth-mode .sp-auth-mode-moon { display: block; }
.sp-auth-mode[data-pref="auto"]::after { content: "A"; position: absolute; right: -2px; bottom: -2px; width: 16px; height: 16px; border-radius: 50%; font-size: 9px; font-weight: 700; line-height: 16px; text-align: center; color: var(--sp-text-2); background: var(--sp-surface-2, var(--sp-surface)); box-shadow: 0 0 0 1px var(--sp-sep); }

@media (max-width: 480px) {
    body.theme-sirplay.sp-auth { padding: 16px 12px; }
    body.theme-sirplay.sp-auth .login { max-width: none; }
    body.theme-sirplay.sp-auth .login-body { padding: 30px 20px 22px; border-radius: 26px; }
}
@media (prefers-reduced-motion: reduce) { body.theme-sirplay.sp-auth .login { animation: none; } }
@media (prefers-reduced-transparency: reduce) {
    body.theme-sirplay.sp-auth .login-body, .sp-auth-mode { -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--sp-surface); }
}

body.theme-sirplay:has(#betBuilderSwitch) .filter-row { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 14px 16px; margin: 0 0 4px; }
body.theme-sirplay:has(#betBuilderSwitch) .filter-row::before, body.theme-sirplay:has(#betBuilderSwitch) .filter-row::after { display: none; }
body.theme-sirplay:has(#betBuilderSwitch) .filter-row > [class*="col-"] { float: none; width: auto; min-width: 0; padding: 0; margin: 0; }
body.theme-sirplay:has(#betBuilderSwitch) .filter-row > div { margin-top: 0; }
@media (min-width: 768px) { body.theme-sirplay:has(#betBuilderSwitch) .filter-row > :first-child { grid-column: span 2; } }
body.theme-sirplay:has(#betBuilderSwitch) .filter-label { margin: 0 0 6px; font-size: 12.5px; font-weight: 500; letter-spacing: 0; color: var(--sp-text-2); }

body.theme-sirplay:has(#betBuilderSwitch) .filter-row > [class*="col-"]:has(.toggle-switch) {
    display: flex; align-items: center; justify-content: space-between; gap: 12px; align-self: end; height: 40px; padding: 0 12px 0 16px;
    border-radius: 999px; background: var(--sp-fill-2);
}

body.theme-sirplay:has(#betBuilderSwitch) .filter-row > :not(.sp-x):has(.toggle-switch) .filter-label { margin: 0; }
body.theme-sirplay:has(#betBuilderSwitch) .filter-row > :not(.sp-x):has(.toggle-switch) > div { padding: 0 !important; display: flex; align-items: center; }

body.theme-sirplay:has(#betBuilderSwitch) .filter-row > :not(.sp-x):has(.toggle-switch) .toggle-switch { margin: 0; }
body.theme-sirplay:has(#betBuilderSwitch) .filter-actions { margin-top: 16px; padding-top: 16px; border-top-color: var(--sp-sep); }
@media (max-width: 575px) {
    body.theme-sirplay:has(#betBuilderSwitch) .filter-row { grid-template-columns: 1fr 1fr; gap: 12px; }
    body.theme-sirplay:has(#betBuilderSwitch) .filter-row > :first-child { grid-column: 1 / -1; }
    body.theme-sirplay:has(#betBuilderSwitch) .filter-row > [class*="col-"]:has(.toggle-switch) { grid-column: span 1; padding: 0 10px 0 12px; }
    body.theme-sirplay:has(#betBuilderSwitch) .filter-actions { justify-content: stretch; }
    body.theme-sirplay:has(#betBuilderSwitch) .filter-actions > * { flex: 1 1 0; }
}

body.theme-sirplay #resultsData .summary-box { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; padding: 0; background: transparent; border: 0; box-shadow: none; margin: 0 0 16px; }
body.theme-sirplay #resultsData .summary-item { gap: 6px; padding: 14px 18px; border-radius: 20px; background: rgb(var(--gw) / .5); box-shadow: var(--g-edge); min-width: 0; }
body.theme-sirplay #resultsData .summary-title { margin: 0; font-size: 12px; font-weight: 500; letter-spacing: 0; color: var(--sp-text-2); white-space: nowrap; }
body.theme-sirplay #resultsData .summary-title i { color: var(--sp-accent); margin-right: 4px; }
body.theme-sirplay #resultsData .summary-value { font-size: 21px; font-weight: 700; letter-spacing: -.02em; line-height: 1.1; color: var(--sp-text); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
body.theme-sirplay #resultsData .summary-value.text-success { color: var(--sp-alert-success) !important; }

body.theme-sirplay #commissionsReport thead th {
    padding: 10px 8px; font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--sp-text-2);
    background: transparent; border-bottom: 1px solid var(--sp-sep); white-space: nowrap;
}
body.theme-sirplay #commissionsReport thead th.sorting, body.theme-sirplay #commissionsReport thead th.sorting_asc, body.theme-sirplay #commissionsReport thead th.sorting_desc { padding-right: 20px; }
body.theme-sirplay #commissionsReport tbody td { padding: 8px; font-size: 13px; line-height: 1.35; border-top-color: var(--sp-sep); font-variant-numeric: tabular-nums; }
body.theme-sirplay #commissionsReport tbody tr { height: 48px; }
body.theme-sirplay #commissionsReport tbody td strong { font-weight: 600; color: var(--sp-text); }

body.theme-sirplay #commissionsReport tbody td:nth-child(8), body.theme-sirplay #commissionsReport tbody td:nth-child(9), body.theme-sirplay #commissionsReport tbody td:nth-child(11) { white-space: normal; min-width: 88px; max-width: 110px; }
body.theme-sirplay #commissionsReport tbody td:nth-child(8), body.theme-sirplay #commissionsReport tbody td:nth-child(9), body.theme-sirplay #commissionsReport tbody td:nth-child(11) { color: var(--sp-text-2); }
body.theme-sirplay #commissionsReport .copy-cell:hover { background-color: var(--sp-accent-soft) !important; }

body.theme-sirplay #commissionsReport tbody td span[style*="inline-block"][style*="border"],
body.theme-sirplay #detailModal .badge-modern,
body.theme-sirplay #detailModal span[style*="inline-block"][style*="border"],
body.theme-sirplay #detailModal span[style*="#fef3c7"] {
    display: inline-block; padding: 2px 10px; border: 0 !important; border-radius: 999px !important; box-shadow: inset 0 0 0 1px var(--bl-ring, var(--tn-neu-ring)) !important;
    background: var(--bl-bg, var(--tn-neu-bg)) !important; color: var(--bl-fg, var(--tn-neu-fg)) !important; font-size: 11.5px !important; font-weight: 600 !important; letter-spacing: 0 !important; line-height: 1.5; white-space: nowrap;
}

body.theme-sirplay #commissionsReport tbody td span.bl-chip:not(.sp-x) > i, body.theme-sirplay #detailModal .badge-modern > i { margin-right: 4px; }
body.theme-sirplay #commissionsReport tbody td span.bl-chip.bl-flat,
body.theme-sirplay #detailModal .badge-modern.bl-flat { text-transform: lowercase !important; }
body.theme-sirplay #commissionsReport tbody td span.bl-chip.bl-flat::first-letter,
body.theme-sirplay #detailModal .badge-modern.bl-flat::first-letter { text-transform: uppercase !important; }

body.theme-sirplay #commissionsReport tbody td span[style*="#e3f2fd"], body.theme-sirplay #detailModal .badge-type-multiple { --bl-bg: var(--tn-pri-bg); --bl-fg: var(--tn-pri-fg); --bl-ring: var(--tn-pri-ring); }
body.theme-sirplay #commissionsReport tbody td span[style*="#e1f5fe"], body.theme-sirplay #detailModal .badge-ctx-prematch { --bl-bg: var(--tn-inf-bg); --bl-fg: var(--tn-inf-fg); --bl-ring: var(--tn-inf-ring); }
body.theme-sirplay #commissionsReport tbody td span[style*="#ffebee"], body.theme-sirplay #commissionsReport tbody td span[style*="#f8d7da"],
body.theme-sirplay #detailModal .badge-ctx-live, body.theme-sirplay #detailModal .badge-lose { --bl-bg: var(--tn-dan-bg); --bl-fg: var(--tn-dan-fg); --bl-ring: var(--tn-dan-ring); }
body.theme-sirplay #commissionsReport tbody td span[style*="#e8f5e9"], body.theme-sirplay #commissionsReport tbody td span[style*="#d4edda"],
body.theme-sirplay #detailModal .badge-ctx-antepost, body.theme-sirplay #detailModal .badge-win { --bl-bg: var(--tn-suc-bg); --bl-fg: var(--tn-suc-fg); --bl-ring: var(--tn-suc-ring); }
body.theme-sirplay #commissionsReport tbody td span[style*="#fff3cd"], body.theme-sirplay #commissionsReport tbody td span[style*="#fef3c7"],
body.theme-sirplay #detailModal .badge-type-integral, body.theme-sirplay #detailModal .badge-pending, body.theme-sirplay #detailModal span[style*="#fef3c7"] { --bl-bg: var(--tn-war-bg); --bl-fg: var(--tn-war-fg); --bl-ring: var(--tn-war-ring); }
body.theme-sirplay #commissionsReport tbody td span[style*="#f3e5f5"], body.theme-sirplay #commissionsReport tbody td span[style*="#6f42c1"],
body.theme-sirplay #detailModal .badge-type-system, body.theme-sirplay #detailModal .badge-ctx-mixed, body.theme-sirplay #detailModal span[style*="#6f42c1"] { --bl-bg: var(--tn-pur-bg); --bl-fg: var(--tn-pur-fg); --bl-ring: var(--tn-pur-ring); }

body.theme-sirplay #commissionsReport tbody td span.bl-freebet {
    background: var(--sp-green, #16a34a) !important; color: #fff !important; box-shadow: 0 1px 4px rgba(22, 163, 74, .45) !important; font-weight: 800 !important;
    letter-spacing: .05em !important; text-transform: uppercase !important; font-size: 10.5px !important;
}
body.theme-sirplay #commissionsReport tbody td span.bl-freebet::first-letter { text-transform: uppercase !important; }

body.theme-sirplay #commissionsReport tbody td span.bl-chip:not(.sp-x) i { color: inherit !important; }

body.theme-sirplay #detailModal .badge-bb-label, body.theme-sirplay #detailModal .badge-fixed-base { background: var(--tn-pur-bg) !important; color: var(--tn-pur-fg) !important; box-shadow: inset 0 0 0 1px var(--tn-pur-ring); border-radius: 999px; padding: 2px 9px; font-weight: 600; letter-spacing: 0; }
body.theme-sirplay #detailModal .badge-boost-label { background: var(--tn-dan-bg) !important; color: var(--tn-dan-fg) !important; box-shadow: inset 0 0 0 1px var(--tn-dan-ring); border-radius: 999px; padding: 2px 9px; font-weight: 600; letter-spacing: 0; }
body.theme-sirplay #commissionsReport .badge-bb { background: var(--tn-pur-bg); color: var(--tn-pur-fg); box-shadow: inset 0 0 0 1px var(--tn-pur-ring); border-radius: 999px; padding: 1px 8px; letter-spacing: 0; }

body.theme-sirplay #detailModal .modal-dialog { width: min(1120px, calc(100vw - 32px)) !important; max-width: none !important; margin: 24px auto !important; }
body.theme-sirplay #detailModal .modal-content { overflow: hidden; }
body.theme-sirplay #detailModal .modal-header-custom {
    padding: 18px 24px; border-radius: 0; color: var(--sp-text); background: rgb(var(--gw) / .3); border-bottom: 1px solid var(--sp-sep);
}
body.theme-sirplay #detailModal .modal-header-custom h4 { margin: 0; font-size: 20px; font-weight: 700; letter-spacing: -.01em; color: var(--sp-text); }
body.theme-sirplay #detailModal .modal-header-custom .close {
    position: static; float: none; width: 32px; height: 32px; padding: 0; border-radius: 50%; background: var(--sp-fill); display: inline-flex; align-items: center; justify-content: center;
    color: var(--sp-text-2) !important; opacity: 1 !important; text-shadow: none !important; font-size: 20px; line-height: 1;
}
body.theme-sirplay #detailModal .modal-header-custom .close:hover { background: var(--sp-fill-2); color: var(--sp-text) !important; }
body.theme-sirplay #detailModal .modal-body { padding: 20px 24px; background: transparent !important; }
body.theme-sirplay #detailModal .card-detail { margin-bottom: 16px; border-radius: 20px; overflow: hidden; background: rgb(var(--gw) / .5); box-shadow: var(--g-edge); }
body.theme-sirplay #detailModal .card-header-detail {
    padding: 14px 18px 8px; font-size: 13px; font-weight: 600; letter-spacing: 0; color: var(--sp-text); background: transparent; border: 0;
}
body.theme-sirplay #detailModal .card-header-detail i { color: var(--sp-accent); margin-right: 4px; }
body.theme-sirplay #detailModal .card-header-warning { color: var(--tn-war-fg); background: var(--tn-war-bg); }
body.theme-sirplay #detailModal .table-detail { background: transparent; }
body.theme-sirplay #detailModal .table-detail td { padding: 8px 18px; border-top: 1px solid var(--sp-sep); font-size: 13px; color: var(--sp-text); background: transparent; font-variant-numeric: tabular-nums; }
body.theme-sirplay #detailModal .table-detail tr:first-child td { border-top: 0; }
body.theme-sirplay #detailModal .table-detail td.bold { width: 42%; font-size: 12.5px; font-weight: 500; color: var(--sp-text-2); background: transparent; }
body.theme-sirplay #detailModal .table-detail:has(tr > td:nth-child(4)) td.bold { width: 26%; }
body.theme-sirplay #detailModal .table-detail td.bold.text-success { color: var(--sp-alert-success); }
body.theme-sirplay #detailModal .text-success { color: var(--sp-alert-success) !important; }
body.theme-sirplay #detailModal .text-danger { color: var(--sp-alert-danger) !important; }
body.theme-sirplay #detailModal .text-muted { color: var(--sp-text-2) !important; }
body.theme-sirplay #detailModal td[style*="#495057"], body.theme-sirplay #detailModal td[style*="color: #495057"] { color: var(--sp-text) !important; }

body.theme-sirplay #detailModal thead[style] { background: transparent !important; color: var(--sp-text-2) !important; }
body.theme-sirplay #detailModal .card-detail table:not(.table-detail) thead th { padding: 10px 14px; font-size: 12px; font-weight: 600; letter-spacing: 0; color: var(--sp-text-2); border-bottom: 1px solid var(--sp-sep); }
body.theme-sirplay #detailModal .card-detail table:not(.table-detail) tbody td { padding: 9px 14px; border-top-color: var(--sp-sep); }

body.theme-sirplay #detailModal .moreDetail { border: 0 !important; border-radius: 999px !important; background: var(--tn-neu-bg) !important; color: var(--tn-neu-fg) !important; box-shadow: inset 0 0 0 1px var(--tn-neu-ring) !important; margin-bottom: 16px; }

body.theme-sirplay #detailModal .bb-row-head td, body.theme-sirplay #detailModal .bb-row-body td { background-color: var(--tn-pur-bg) !important; }
body.theme-sirplay #detailModal .bb-timeline-line, body.theme-sirplay #detailModal .bb-dot { background-color: var(--tn-pur-fg); }

body.theme-sirplay #detailModal .icon-result.pending { color: var(--sp-alert-warning); }
body.theme-sirplay #detailModal .icon-result.win { color: var(--sp-alert-success); }
body.theme-sirplay #detailModal .icon-result.lose { color: var(--sp-alert-danger); }
body.theme-sirplay #detailModal .icon-result.void { color: var(--sp-alert-info); }
body.theme-sirplay #detailModal .icon-result.cancelled { color: var(--sp-alert-warning); }

body.theme-sirplay #detailModal #modal-loader { background: transparent; border-radius: 0; }
body.theme-sirplay #detailModal .spinner-custom { width: 28px; height: 28px; border: 3px solid var(--sp-fill); border-top-color: var(--sp-accent); }
body.theme-sirplay #detailModal #modal-loader > div:last-child { color: var(--sp-text) !important; font-size: 17px !important; font-weight: 600; }

@media (max-width: 767px) {
    body.theme-sirplay #detailModal .modal-dialog { width: auto !important; margin: 8px !important; }
    body.theme-sirplay #detailModal .modal-header-custom { padding: 14px 16px; }
    body.theme-sirplay #detailModal .modal-body { padding: 14px 12px; }
    body.theme-sirplay #detailModal .table-detail td { padding: 8px 14px; }
    body.theme-sirplay #detailModal .table-detail td.bold { width: 46%; }
}

body.theme-sirplay :is(.be-page, #be-wizard-root) select.form-control.input-style:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%237c7c82' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 12px 8px !important;
    padding-right: 34px;
}

body.theme-sirplay .be-wizard-topbar select.input-style { width: 160px; flex: 0 0 auto; }
@media (min-width: 768px) {
    body.theme-sirplay .be-wizard-topbar { flex-wrap: nowrap; }
}

@media (min-width: 768px) and (max-width: 1279px) {
    body.theme-sirplay .be-wizard-step { min-width: 64px; }
    body.theme-sirplay .be-wizard-line { min-width: 8px; }
    body.theme-sirplay .be-wizard-label { font-size: 10px; letter-spacing: .01em; }
}
@media (max-width: 767px) {
    body.theme-sirplay .be-wizard-progress { row-gap: 14px; }
    body.theme-sirplay .be-wizard-line { display: none; }
    body.theme-sirplay .be-wizard-step { flex: 0 0 25%; min-width: 0; padding: 0 2px; }

    body.theme-sirplay .be-wizard-progress:not(:has(> :nth-child(12))) .be-wizard-step { flex-basis: 33.333%; }
    body.theme-sirplay .be-wizard-label { font-size: 10px; letter-spacing: .01em; line-height: 1.25; }
}

body.theme-sirplay #be-wizard-root :is(.be-btn-neutral, .be-btn-search) { text-transform: capitalize; }

body.theme-sirplay .be-user-search-results { background: rgb(var(--gw)); }

html[data-sp-mode="dark"] body.theme-sirplay .be-locale-terms,
html[data-sp-mode="dark"] body.theme-sirplay .be-locale-terms span { color: var(--sp-text); }

html body.theme-sirplay.theme-sirplay :is(.be-btn-cancel) { --yb: var(--tn-dan-bg); --yf: var(--tn-dan-fg); --yr: var(--tn-dan-ring); }
html body.theme-sirplay.theme-sirplay :is(.be-btn-neutral, .be-detail-back, .be-wizard-home-link, .be-add-rule, .be-locale-action-btn, .button-template) { --yb: var(--tn-neu-bg); --yf: var(--tn-neu-fg); --yr: var(--tn-neu-ring); }

html body.theme-sirplay.theme-sirplay :is(.be-btn-cancel, .be-btn-neutral, .be-detail-back, .be-wizard-home-link, .be-add-rule, .be-locale-action-btn, .button-template) {
    background: var(--yb); background-image: none; color: var(--yf); border-color: transparent; text-shadow: none;
    box-shadow: inset 0 0 0 1px var(--yr); font-weight: 500;
}
html body.theme-sirplay.theme-sirplay :is(.be-btn-cancel, .be-btn-neutral, .be-detail-back, .be-wizard-home-link, .be-add-rule, .be-locale-action-btn, .button-template):is(:hover, :active):not(:disabled):not(.disabled) {
    background: color-mix(in srgb, var(--yb) 100%, var(--yf) 14%); color: var(--yf); box-shadow: inset 0 0 0 1px var(--yr);
}
html body.theme-sirplay.theme-sirplay :is(.be-btn-cancel, .be-btn-neutral, .be-detail-back, .be-wizard-home-link, .be-add-rule, .be-locale-action-btn, .button-template):focus-visible {
    outline: none; box-shadow: inset 0 0 0 1px var(--yr), 0 0 0 4px rgba(10, 132, 255, .35);
}
html body.theme-sirplay.theme-sirplay :is(.be-btn-cancel, .be-btn-neutral, .button-template):is(:disabled, .disabled, [disabled]) { opacity: .5; }

html body.theme-sirplay #bonusSearchForm .btn-search { --yb: var(--tn-pri-bg); --yf: var(--tn-pri-fg); --yr: var(--tn-pri-ring); }
html body.theme-sirplay #bonusSearchForm .btn-cancel { --yb: var(--tn-dan-bg); --yf: var(--tn-dan-fg); --yr: var(--tn-dan-ring); }
html body.theme-sirplay #bonusSearchForm :is(.btn-search, .btn-cancel) {
    background: var(--yb) !important; color: var(--yf) !important; border: 0 !important; border-radius: 999px !important; padding: 8px 20px !important;
    min-height: 36px; font-weight: 500; box-shadow: inset 0 0 0 1px var(--yr);
}
html body.theme-sirplay #bonusSearchForm :is(.btn-search, .btn-cancel):is(:hover, :active, :focus) {
    background: color-mix(in srgb, var(--yb) 100%, var(--yf) 14%) !important; color: var(--yf) !important; border: 0 !important;
}
html body.theme-sirplay #bonusSearchForm :is(.btn-search, .btn-cancel):focus-visible { box-shadow: inset 0 0 0 1px var(--yr), 0 0 0 4px rgba(10, 132, 255, .35); }
@media (max-width: 767px) {
    html body.theme-sirplay #bonusSearchForm :is(.btn-search, .btn-cancel) { min-height: 44px; }
}

html body.theme-sirplay .create-bonus .btn-default:is(:hover, :active, :focus) { background: #fff !important; color: #0058b8 !important; }

@media (min-width: 992px) {
    body.theme-sirplay .bonus-card-info { width: 100%; padding-left: 5px; padding-right: 5px; }

    body.theme-sirplay div:has(> .bonus-card-info) { display: contents; }
    body.theme-sirplay div:has(> div > .bonus-card-info) { flex-direction: row !important; flex-wrap: wrap; align-content: flex-start; }
}

@media (min-width: 992px) and (max-width: 1279px), (min-width: 1500px) {
    body.theme-sirplay .bonus-card-info { width: 50%; }
}

@media (min-width: 992px) and (max-width: 1279px) {
    body.theme-sirplay .row.equal-height:has(#bonusSearchForm) { flex-wrap: wrap; }
    body.theme-sirplay .row.equal-height:has(#bonusSearchForm) > :has(#bonusSearchForm) { order: 3; width: 100%; flex: 0 0 100%; }
    body.theme-sirplay .row.equal-height:has(#bonusSearchForm) > :not(:has(#bonusSearchForm)):first-child { width: 33.333%; }
    body.theme-sirplay .row.equal-height:has(#bonusSearchForm) > :not(:has(#bonusSearchForm)):last-child { width: 66.667%; }
}

body.theme-sirplay .bonus-card-info { padding-bottom: 10px; }
body.theme-sirplay .bonus-card-info .card { margin-bottom: 0 !important; }
body.theme-sirplay .bonus-card-info .card-body { padding: 8px 14px; }
body.theme-sirplay .bonus-card-info .media-left { padding-right: 12px; }
body.theme-sirplay .bonus-card-info .media-body, body.theme-sirplay .bonus-card-info .media { overflow: visible; }
body.theme-sirplay .bonus-card-info h6.media-heading { white-space: normal; overflow: visible; text-overflow: clip; letter-spacing: .02em; }
body.theme-sirplay .bonus-card-info h3.media-heading { font-variant-numeric: tabular-nums; }

html body.theme-sirplay .border.rounded[style*="d1d5db"] {
    border-width: 0 !important; background-color: var(--sp-fill-2) !important; border-radius: 16px !important; box-shadow: inset 0 0 0 1px var(--sp-sep-strong);
}

body.theme-sirplay #default svg rect:not([stroke]) { fill: var(--sp-fill-2); }
body.theme-sirplay #default svg rect[stroke] { stroke: var(--sp-text-3); }
body.theme-sirplay #default svg path { fill: var(--sp-text-2); }

body.theme-sirplay .arrow-icon svg path { fill: var(--sp-text-2); }

html body.theme-sirplay #statusSelectBox { --sb: var(--tn-inf-bg); --sf: var(--tn-inf-fg); --sr: var(--tn-inf-ring); }
html body.theme-sirplay #statusSelectBox:has(> .selected[data-value="active"]) { --sb: var(--tn-suc-bg); --sf: var(--tn-suc-fg); --sr: var(--tn-suc-ring); }
html body.theme-sirplay #statusSelectBox:has(> .selected[data-value="publish"]) { --sb: var(--tn-pur-bg); --sf: var(--tn-pur-fg); --sr: var(--tn-pur-ring); }
html body.theme-sirplay #statusSelectBox:has(> .selected[data-value="expired"]) { --sb: var(--tn-dan-bg); --sf: var(--tn-dan-fg); --sr: var(--tn-dan-ring); }
html body.theme-sirplay #statusSelectBox:has(> .selected[data-value="inactive"]) { --sb: var(--tn-war-bg); --sf: var(--tn-war-fg); --sr: var(--tn-war-ring); }
html body.theme-sirplay #statusSelectBox { background-color: var(--sb) !important; color: var(--sf) !important; border: 0; box-shadow: inset 0 0 0 1px var(--sr); height: 28px; font-weight: 500; }
html body.theme-sirplay #statusSelectBox > .selected { background: transparent !important; color: var(--sf) !important; }
body.theme-sirplay #statusSelectBox .selected svg path, body.theme-sirplay #statusSelectBox .arrow svg path { fill: var(--sf); }
body.theme-sirplay #statusSelectBox .options { background: rgb(var(--gw)); color: var(--sp-text); border: 0; border-radius: 16px; box-shadow: var(--sp-shadow-pop); padding: 4px; height: auto; }
body.theme-sirplay #statusSelectBox .option { height: auto; min-height: 32px; border-radius: 12px; color: var(--sp-text); }
body.theme-sirplay #statusSelectBox .option:hover { background: var(--sp-fill); }
body.theme-sirplay #statusSelectBox .option svg path { fill: var(--sp-text-2); }

body.theme-sirplay .builder-column .button-add { width: auto; min-width: 130px; padding-left: 14px; padding-right: 14px; }
@media (min-width: 768px) {
    body.theme-sirplay .builder-column .button-add { white-space: nowrap; }
}

body.theme-sirplay .builder-column .button-add svg path, body.theme-sirplay .builder-column .button-add svg rect { fill: currentColor; }
body.theme-sirplay .card-bar :is(.head-title, .back-action, .save-bonus-btn) svg :is(path, circle) { fill: currentColor; }
html[data-sp-mode="dark"] body.theme-sirplay .card-bar .back-action img { filter: invert(1) brightness(1.2); }

body.theme-sirplay .row.gutter-xs > .card:has(#batchExcel) { margin-left: 5px; margin-right: 5px; }

body.theme-sirplay .be-locale-table, body.theme-sirplay .be-locale-table :is(thead, tbody, tr, th, td) { background: transparent; }
body.theme-sirplay .be-locale-table th { color: var(--bn-t2); letter-spacing: .04em; }
body.theme-sirplay .be-locale-table td.be-locale-code { color: var(--sp-text); }
body.theme-sirplay .be-locale-table tr + tr td { border-top: 1px solid var(--sp-sep); }

body.theme-sirplay .be-compact .be-field-row { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0 16px; }
body.theme-sirplay .be-compact .be-field-row > .be-wizard-field { min-width: 0; max-width: 100%; margin-bottom: 12px; }
body.theme-sirplay .be-compact .be-w-name { flex: 0 1 440px; }
body.theme-sirplay .be-compact .be-w-date { flex: 0 1 290px; }
body.theme-sirplay .be-compact .be-w-select { flex: 0 1 240px; }
body.theme-sirplay .be-compact .be-w-num { flex: 0 1 120px; }

body.theme-sirplay .be-compact { position: relative; }
body.theme-sirplay .be-compact .be-tz-hint { position: absolute; top: 16px; right: 22px; margin: 0; white-space: nowrap; }

body.theme-sirplay .be-compact .be-w-toggle { flex: 0 0 auto; min-height: 36px; display: flex; align-items: center; margin-right: 12px; }
body.theme-sirplay .be-compact .be-w-toggle .be-toggle-row { margin: 0; }
body.theme-sirplay .be-compact .be-wizard-field label { margin-bottom: 4px; font-size: 12px; }
body.theme-sirplay .be-compact .input-style { padding-top: 0; padding-bottom: 0; padding-left: 12px; font-size: 13px; border-radius: 12px; }

@media (min-width: 768px) { body.theme-sirplay.theme-glass .be-compact .input-style:not(textarea):not(.select2-selection--multiple) { height: 36px !important; } }
body.theme-sirplay .be-compact select.input-style { padding-right: 30px; background-position: right 10px center; }
body.theme-sirplay .be-compact .be-date-time-group { gap: 6px; }
body.theme-sirplay .be-compact .be-date-time-group input[type="date"] { flex: 1 1 62%; min-width: 0; }
body.theme-sirplay .be-compact .be-date-time-group input[type="time"] { flex: 1 1 38%; min-width: 0; }

body.theme-sirplay .be-compact .row > [class*="col-md-"] .input-style, body.theme-sirplay .be-compact #be-code-value { max-width: 280px; }

body.theme-sirplay .be-toggle-row.is-disabled .be-toggle-text { opacity: .5; }
@media (max-width: 575px) {
    body.theme-sirplay .be-compact .be-w-name, body.theme-sirplay .be-compact .be-w-date, body.theme-sirplay .be-compact .be-w-select, body.theme-sirplay .be-compact .be-w-num,
}

body.theme-sirplay .be-fs-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: start; }
body.theme-sirplay .be-fs-col { min-width: 0; border-radius: 24px; padding: 18px 22px 8px; background: var(--sp-fill-2); box-shadow: inset 0 0 0 1px var(--sp-sep); transition: box-shadow var(--sp-fast, .15s) ease, background-color var(--sp-fast, .15s) ease; }
body.theme-sirplay .be-fs-col.is-on { box-shadow: inset 0 0 0 1.5px var(--tn-suc-ring, var(--sp-sep)); }
body.theme-sirplay .be-fs-col-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
body.theme-sirplay .be-fs-col-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; min-width: 0; }
body.theme-sirplay .be-fs-col-title { font-size: 17px; font-weight: 600; letter-spacing: -.01em; color: var(--sp-text); }
body.theme-sirplay .be-fs-col-tag { padding: 2px 10px; border-radius: 999px; font-size: 11.5px; font-weight: 600; background: var(--tn-neu-bg); color: var(--tn-neu-fg); box-shadow: inset 0 0 0 1px var(--tn-neu-ring); }
body.theme-sirplay .be-fs-col-casino .be-fs-col-tag { background: var(--tn-pur-bg); color: var(--tn-pur-fg); box-shadow: inset 0 0 0 1px var(--tn-pur-ring); }
body.theme-sirplay .be-fs-col-freebet .be-fs-col-tag { background: var(--tn-inf-bg); color: var(--tn-inf-fg); box-shadow: inset 0 0 0 1px var(--tn-inf-ring); }
body.theme-sirplay .be-fs-col-head .be-toggle-row { margin: 0; flex: none; }

body.theme-sirplay .be-fs-col:not(.is-on) .be-fs-col-head { margin-bottom: 8px; }

body.theme-sirplay .be-fs-col .be-group-card { background: transparent; box-shadow: inset 0 0 0 1px var(--sp-sep); padding: 16px 16px 4px; margin-bottom: 14px; }
body.theme-sirplay .be-fs-col .be-wizard-field .input-style:not(textarea):not(select[multiple]) { max-width: none; }
body.theme-sirplay .be-fs-col #be-fs-ttl-hours { max-width: 100%; }

body.theme-sirplay .be-fs-col .row { display: flex; flex-wrap: wrap; }
body.theme-sirplay .be-fs-col .row::before, body.theme-sirplay .be-fs-col .row::after { display: none; }

@media (min-width: 992px) {
    body.theme-sirplay .be-panel:has(.be-fs-grid) { overflow: clip; }
    body.theme-sirplay .be-fs-col-casino { position: sticky; top: 76px; }
}
@media (max-width: 991px) {
    body.theme-sirplay .be-fs-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 575px) {
    body.theme-sirplay .be-fs-col { padding: 16px 14px 6px; border-radius: 20px; }
}

html[data-sp-mode="dark"] body.theme-sirplay .note-editor .note-editable [data-sp-fg="1"] { color: #1d1d1f !important; }
html[data-sp-mode="dark"] body.theme-sirplay .note-editor .note-editable [data-sp-fg="2"] { color: #6e6e73 !important; }
html[data-sp-mode="dark"] body.theme-sirplay .note-editor .note-editable :is(h1, h2, h3, h4, h5, h6, label, small, b, strong) { color: inherit; }

html[data-sp-mode="dark"] body.theme-sirplay .note-editor .note-editable [data-sp-bg="1"] { background-color: transparent !important; }
html[data-sp-mode="dark"] body.theme-sirplay .note-editor .note-editable [data-sp-bg="2"] { background-color: rgba(60, 60, 67, .07) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .note-editor .note-editable [data-sp-bg="3"] { background-color: rgba(60, 60, 67, .14) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .note-editor .note-editable [data-sp-bd] { border-color: rgba(60, 60, 67, .28) !important; }

body.theme-sirplay .layout-content .form-group.col-md-1 select.form-control {
    min-width: 72px; padding-left: 10px; padding-right: 26px; background-position: right 9px center;
}

body.theme-sirplay .layout-content form .row > .col-xs-1:has(> .btn) { padding-left: 4px; padding-right: 4px; }
body.theme-sirplay .layout-content form .row > .col-xs-1:has(> .btn) > .btn { width: 100%; padding-left: 8px; padding-right: 8px; white-space: nowrap; }

body.theme-sirplay .layout-content .nav-tabs > li > a[href^="#lang-"] > i.fa { margin-right: 6px; }

body.theme-sirplay #touranaments-table td > span.bg-success,
body.theme-sirplay #touranaments-table td > span.bg-danger {
    display: inline-block; padding: 3px 12px !important; border-radius: 999px !important; font-size: 12px; font-weight: 600; line-height: 18px; letter-spacing: .01em;
}
body.theme-sirplay #touranaments-table td > span.bg-success { background: var(--tn-suc-bg) !important; color: var(--tn-suc-fg) !important; box-shadow: inset 0 0 0 1px var(--tn-suc-ring); }
body.theme-sirplay #touranaments-table td > span.bg-danger { background: var(--tn-dan-bg) !important; color: var(--tn-dan-fg) !important; box-shadow: inset 0 0 0 1px var(--tn-dan-ring); }

body.theme-sirplay.theme-glass .message-form-container {
    background: var(--g-fill); -webkit-backdrop-filter: var(--g-blur); backdrop-filter: var(--g-blur);
    box-shadow: var(--g-edge), var(--g-shadow); border-radius: var(--sp-r-lg); padding: 24px; margin-bottom: 24px;
}
body.theme-sirplay .message-form-container label { display: block; margin: 0 0 6px; font-size: 12.5px; font-weight: 500; color: var(--sp-text-2); }
body.theme-sirplay .message-form-container > form > div + div, body.theme-sirplay .message-form-container > form > .mar-top-10 + .mar-top-10 { margin-top: 16px; }

body.theme-sirplay .message-form-container :is(input[type="text"], .full-width, textarea) {
    display: block; width: 100%; max-width: 100%; margin: 0; font: inherit; font-size: 14px; color: var(--sp-text); background: rgb(var(--gw) / .6);
    border: 0; border-radius: 14px; height: 40px; padding: 6px 14px; box-shadow: inset 0 1px 3px rgba(40, 60, 120, .1), inset 0 0 0 1px var(--cms-edge);
    transition: box-shadow var(--sp-fast) ease, background var(--sp-fast) ease;
}
html[data-sp-mode="dark"] body.theme-sirplay .message-form-container :is(input[type="text"], .full-width, textarea) { box-shadow: inset 0 1px 3px rgba(0, 0, 0, .45), inset 0 0 0 1px var(--cms-edge); }
body.theme-sirplay .message-form-container textarea { height: auto; min-height: 120px; padding: 12px 14px; border-radius: 18px; line-height: 1.45; resize: vertical; }
body.theme-sirplay .message-form-container :is(input[type="text"], .full-width, textarea):focus,
html[data-sp-mode="dark"] body.theme-sirplay .message-form-container :is(input[type="text"], .full-width, textarea):focus {
    outline: none; background: rgb(var(--gw) / .92); box-shadow: 0 0 0 4px rgba(10, 132, 255, .28), inset 0 0 0 1.5px var(--sp-accent);
}

body.theme-sirplay .message-form-container button[type="submit"] {
    margin-top: 16px; min-height: 40px; padding: 0 24px; border: 0; border-radius: 999px; font-size: 14px; font-weight: 500;
    background: var(--tn-pri-bg); color: var(--tn-pri-fg); box-shadow: inset 0 0 0 1px var(--tn-pri-ring);
    transition: background var(--sp-fast) ease, transform var(--sp-fast) var(--sp-ease);
}
body.theme-sirplay .message-form-container button[type="submit"]:hover { background: color-mix(in srgb, var(--tn-pri-bg) 100%, var(--tn-pri-fg) 14%); color: var(--tn-pri-fg); }
body.theme-sirplay .message-form-container button[type="submit"]:active { transform: scale(.97); }
body.theme-sirplay .message-form-container button[type="submit"]:focus-visible { outline: none; box-shadow: inset 0 0 0 1px var(--tn-pri-ring), 0 0 0 4px rgba(10, 132, 255, .35); }

body.theme-sirplay .message-form-container > .pull-right { margin: -4px 0 8px 12px; }

body.theme-sirplay .messages-container { margin: 56px 0 24px; display: flex; flex-direction: column; }
body.theme-sirplay .messages-container .message {
    position: relative; max-width: min(78%, 760px); margin: 0 0 12px; padding: 14px 20px 16px; border: 0; border-radius: 22px; color: var(--sp-text);
    background: rgb(var(--gw) / .62); box-shadow: var(--g-edge, inset 0 0 0 1px var(--sp-sep)); transform: none; transition: none; overflow-wrap: anywhere;
}
body.theme-sirplay .messages-container .message:hover { transform: none; }
body.theme-sirplay .messages-container .message.you { margin-left: auto; margin-right: 0; background: var(--sp-accent-soft); border-bottom-right-radius: 8px; }
body.theme-sirplay .messages-container .message.other { margin-right: auto; margin-left: 0; background: var(--sp-fill); border-bottom-left-radius: 8px; }
body.theme-sirplay .messages-container .message h2 { margin: 0 0 8px; font-size: 17px; font-weight: 600; letter-spacing: -.01em; line-height: 1.3; color: var(--sp-text); }
body.theme-sirplay .messages-container .message.you h2, body.theme-sirplay .messages-container .message.other h2 { color: var(--sp-text); }
body.theme-sirplay .messages-container .message p { margin: 0 0 6px; font-size: 14px; line-height: 1.5; color: var(--sp-text); }
body.theme-sirplay .messages-container .message.you p strong, body.theme-sirplay .messages-container .message.other p strong { color: var(--sp-text-2); font-weight: 600; font-size: 12px; letter-spacing: .02em; }

body.theme-sirplay .messages-container .message .read-flag {
    display: inline-block; margin: 6px 6px 0 0; padding: 3px 12px; border-radius: 999px; font-size: 12px; font-weight: 600; line-height: 18px;
    background: var(--tn-suc-bg); color: var(--tn-suc-fg); box-shadow: inset 0 0 0 1px var(--tn-suc-ring);
}

body.theme-sirplay .btn-action-sm.btn-outline-default {
    background: var(--tn-neu-bg); color: var(--tn-neu-fg); border-color: transparent; background-image: none; box-shadow: inset 0 0 0 1px var(--tn-neu-ring);
}
body.theme-sirplay .btn-action-sm.btn-outline-default:hover { background: color-mix(in srgb, var(--tn-neu-bg) 100%, var(--tn-neu-fg) 14%); color: var(--tn-neu-fg); }
body.theme-sirplay .btn-action-sm.btn-outline-default:focus-visible { outline: none; box-shadow: inset 0 0 0 1px var(--tn-neu-ring), 0 0 0 4px rgba(10, 132, 255, .35); }

body.theme-sirplay .layout-content-body:has(.modal) { animation-fill-mode: backwards; }

body.theme-sirplay :is(#templateModal, #editCampaignModal) .modal-header { flex-direction: row; justify-content: flex-start; }
body.theme-sirplay :is(#templateModal, #editCampaignModal) .modal-header > h4 { margin: 0; font-size: 17px; font-weight: 600; letter-spacing: -.015em; line-height: 28px; color: var(--sp-text); }

body.theme-sirplay .layout-content-body:has(.description-section) .card { border-radius: var(--sp-r-lg) !important; }
body.theme-sirplay .custom-select-container { min-width: 96px; }
body.theme-sirplay .custom-select-container .custom-select-sm {
    -webkit-appearance: none; appearance: none; min-width: 84px; height: 34px; padding: 4px 30px 4px 14px; border: 0; border-radius: 999px !important;
    font-size: 13px; color: var(--sp-text); background-color: rgb(var(--gw) / .6); box-shadow: inset 0 1px 3px rgba(40, 60, 120, .1), inset 0 0 0 1px var(--cms-edge);
    background-image: var(--cms-chevron); background-repeat: no-repeat; background-position: right 12px center; background-size: 12px 8px;
}
html[data-sp-mode="dark"] body.theme-sirplay .custom-select-container .custom-select-sm { box-shadow: inset 0 1px 3px rgba(0, 0, 0, .45), inset 0 0 0 1px var(--cms-edge); }

body.theme-sirplay .layout-content-body:has(.description-section) .dataTables_wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }

body.theme-sirplay .layout-content a.showPreview { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; min-height: 32px; border-radius: 999px; }

body.theme-sirplay #newMessage .row > .col-md-1.pull-right { width: auto; }
body.theme-sirplay #newMessage .row > .col-md-1:not(.pull-right) { width: auto; min-width: 132px; }
body.theme-sirplay #newMessage .row > :not(.sp-x) > label[for="test"] { white-space: nowrap; }
body.theme-sirplay #newMessage .processFile { white-space: nowrap; }

body.theme-sirplay .layout-content-body:has(#updatesTable, #welcomeForm) .card[style*="border-radius"] { border-radius: var(--sp-r-lg) !important; }
body.theme-sirplay #imagePreview { border-radius: 14px !important; box-shadow: inset 0 0 0 1px var(--sp-sep); }
body.theme-sirplay #loading-overlay .fa-spin { color: var(--sp-accent) !important; }

body.theme-sirplay label.toggle-switch {
    width: 46px; height: 28px; margin-left: 0; border-radius: 999px; background-color: rgba(120, 120, 128, .36); box-shadow: inset 0 0 0 1px var(--cms-edge);
    transition: background-color var(--sp-fast) ease, box-shadow var(--sp-fast) ease;
}
body.theme-sirplay label.toggle-switch::before { width: 24px; height: 24px; top: 2px; left: 2px; box-shadow: 0 2px 5px rgba(0, 0, 0, .3); transition: transform .35s var(--sp-spring); }
body.theme-sirplay input[type="checkbox"]:checked + label.toggle-switch { background-color: var(--sp-green); box-shadow: none; }
body.theme-sirplay input[type="checkbox"]:checked + label.toggle-switch::before { transform: translateX(18px); }

body.theme-sirplay #buttonsBuilder .btn-xs { min-height: 32px; padding-left: 14px; padding-right: 14px; font-size: 12.5px; }

@media (max-width: 767px) {

    body.theme-sirplay.theme-glass .message-form-container { padding: 18px 16px; }
    body.theme-sirplay .message-form-container :is(input[type="text"], .full-width) { height: 44px; font-size: 16px; }
    body.theme-sirplay .message-form-container textarea { font-size: 16px; }
    body.theme-sirplay .message-form-container button[type="submit"] { min-height: 44px; width: 100%; }
    body.theme-sirplay .messages-container { margin-top: 52px; }
    body.theme-sirplay .messages-container .message { max-width: 94%; padding: 12px 16px 14px; }

    body.theme-sirplay .layout-content a.showPreview { min-width: 44px; min-height: 44px; }
    body.theme-sirplay #buttonsBuilder .btn-xs { min-height: 44px; }

    body.theme-sirplay #newMessage .row > .col-md-1.pull-right { float: none; width: 100%; margin-top: 12px; }
    body.theme-sirplay #newMessage .processFile { width: 100%; }

    body.theme-sirplay .btn-action-sm.pull-right { float: none !important; display: flex; width: 100%; margin: 0 0 8px !important; justify-content: center; align-items: center; }
    body.theme-sirplay .layout-content .card-header:has(> .btn-action-sm) > strong { display: block; margin-bottom: 12px; }
}

@media (prefers-reduced-motion: reduce) {
    body.theme-sirplay label.toggle-switch, body.theme-sirplay label.toggle-switch::before,
    body.theme-sirplay .message-form-container :is(input[type="text"], .full-width, textarea, button[type="submit"]) { transition: none; }
    body.theme-sirplay .message-form-container button[type="submit"]:active { transform: none; }
}

body.theme-sirplay .card-header > .btn-group:has(> #topBetsBestBtn) { margin-left: 12px; vertical-align: middle; }
html body.theme-sirplay.theme-sirplay #topBetsBestBtn.btn-primary, html body.theme-sirplay.theme-sirplay #topBetsWorstBtn.btn-primary {
    background: var(--dz-fill-on) !important; color: #fff !important; box-shadow: 0 1px 6px rgba(0, 113, 227, .35) !important; font-weight: 600;
}
html body.theme-sirplay.theme-sirplay #topBetsBestBtn.btn-outline-primary, html body.theme-sirplay.theme-sirplay #topBetsWorstBtn.btn-outline-primary {
    background: var(--tn-neu-bg) !important; color: var(--tn-neu-fg) !important; box-shadow: inset 0 0 0 1px var(--tn-neu-ring) !important;
}
html body.theme-sirplay.theme-sirplay #topBetsBestBtn.btn-outline-primary:hover, html body.theme-sirplay.theme-sirplay #topBetsWorstBtn.btn-outline-primary:hover {
    background: color-mix(in srgb, var(--tn-neu-bg) 100%, var(--tn-neu-fg) 14%) !important;
}
html body.theme-sirplay.theme-sirplay #topBetsBestBtn:focus-visible, html body.theme-sirplay.theme-sirplay #topBetsWorstBtn:focus-visible {
    box-shadow: 0 0 0 4px rgba(10, 132, 255, .35) !important;
}

body.theme-sirplay .layout-content .card-body > [class*="col-"][style*="border: 1px solid #e5e7eb"],
body.theme-sirplay .layout-content .card-body > .table-responsive[style*="border: 1px solid #e5e7eb"] {
    background: var(--sp-fill-2) !important; border-color: var(--sp-sep) !important; border-radius: var(--sp-r-lg) !important;
}

body.theme-sirplay .layout-content .card-body > .table-responsive[style*="border: 1px solid #e5e7eb"] { padding: 16px !important; }

body.theme-sirplay .layout-content-body.sp-pg-userspie .card-header select.custom-select, body.theme-sirplay #playersPopup select {
    -webkit-appearance: none; appearance: none; height: 32px; padding: 4px 30px 4px 12px; border: 0; border-radius: 12px;
    font-size: 13px; font-weight: 500; color: var(--sp-text); background-color: rgb(var(--gw) / .6);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238e8e93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 11px center; background-size: 12px 8px; cursor: pointer;
    box-shadow: inset 0 1px 3px rgba(40, 60, 120, .12), inset 0 0 0 1px rgb(var(--gh) / calc(.8 * var(--gk)));
    transition: box-shadow var(--sp-fast) ease, background-color var(--sp-fast) ease;
}
html[data-sp-mode="dark"] body.theme-sirplay .layout-content-body.sp-pg-userspie .card-header select.custom-select, html[data-sp-mode="dark"] body.theme-sirplay #playersPopup select {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .45), inset 0 0 0 1px rgb(var(--gh) / .1);
}
body.theme-sirplay .layout-content-body.sp-pg-userspie .card-header select.custom-select:focus, body.theme-sirplay #playersPopup select:focus { outline: 0; box-shadow: 0 0 0 4px rgba(10, 132, 255, .22), inset 0 0 0 1px rgba(10, 132, 255, .65); }

body.theme-sirplay .apexcharts-pie-area[data\:angle="360"], body.theme-sirplay .apexcharts-pie-area[data\:angle="0"] { stroke-width: 0; }

@media (min-width: 992px) {
    body.theme-sirplay .layout-content-body.sp-pg-userspie .row.sp-row-card { display: flex; flex-wrap: wrap; }
    body.theme-sirplay .layout-content-body.sp-pg-userspie .row.sp-row-card::before,
    body.theme-sirplay .layout-content-body.sp-pg-userspie .row.sp-row-card::after { display: none; }
    body.theme-sirplay .layout-content-body.sp-pg-userspie .row > [class*="col-"]:has(> .card) { float: none; display: flex; flex-direction: column; }
    body.theme-sirplay .layout-content-body.sp-pg-userspie .row > :not(.sp-x) > .card { flex: 1 1 auto; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    body.theme-sirplay .layout-content-body.sp-pg-userspie .row > [class*="col-md-6"]:has(> .card),
    body.theme-sirplay .layout-content-body.sp-pg-userspie .row > [class*="col-md-4"]:has(> .card) { width: 100%; }
    body.theme-sirplay .layout-content-body.sp-pg-userspie .row > [class*="col-md-5"]:has(> .card) { width: 50%; }
    body.theme-sirplay .layout-content-body.sp-pg-userspie .row > [class*="col-md-2"]:has(> .card) { width: 100%; order: 3; }
}

@media (max-width: 991px) { body.theme-sirplay .layout-content .card.minH355 { min-height: 0; } }

body.theme-sirplay #lifecycle-body [data-rs-tip][style*="border-left:4px solid"] { border-radius: 16px !important; }
body.theme-sirplay #lifecycle-body > div[style*="border-left:4px solid"] { border-radius: 14px !important; padding: 10px 14px !important; }

body.theme-sirplay .layout-content-body.sp-pg-filter .card-body > .row.sp-row-daterange {
    display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; margin-left: 0; margin-right: 0;
}
body.theme-sirplay .layout-content-body.sp-pg-filter .card-body > .row.sp-row-daterange::before,
body.theme-sirplay .layout-content-body.sp-pg-filter .card-body > .row.sp-row-daterange::after { display: none; }
body.theme-sirplay .layout-content-body.sp-pg-filter .card-body > .row.sp-row-daterange > [class*="col-"] {
    float: none; width: auto; padding-left: 0; padding-right: 0; margin-top: 0 !important; flex: 1 1 100%; min-width: 0;
}
@media (min-width: 768px) {
    body.theme-sirplay .layout-content-body.sp-pg-filter .card-body > .row.sp-row-daterange > [class*="col-"] { flex: 1 1 150px; max-width: 240px; }
    body.theme-sirplay .layout-content-body.sp-pg-filter .card-body > .row.sp-row-daterange > [class*="col-"]:has(> .input-daterange) { flex: 0 0 372px; max-width: none; }
    body.theme-sirplay .layout-content-body.sp-pg-filter .card-body > .row.sp-row-daterange > [class*="col-"]:has(> .btn, > a) { flex: 0 0 auto; max-width: none; }
}

@media (min-width: 768px) and (max-width: 1279px) {
    body.theme-sirplay .row.sp-kpi-row { display: flex; flex-wrap: wrap; }
    body.theme-sirplay .row.sp-kpi-row::before,
    body.theme-sirplay .row.sp-kpi-row::after { display: none; }
    body.theme-sirplay .row.sp-kpi-row > [class*="col-"] { float: none; width: 50%; display: flex; flex-direction: column; }
    body.theme-sirplay .row.sp-kpi-row > [class*="col-"]:not(.sp-has-media) { width: 100%; }
    body.theme-sirplay .row.sp-kpi-row > :not(.sp-x) > .card { flex: 1 1 auto; }
}

@media (max-width: 1279px) {
    body.theme-sirplay .row.sp-kpi-row > :not(.sp-x) > .card.p-15-0 { padding-top: 0; padding-bottom: 0; }
}

@media (min-width: 1280px) and (max-width: 1599px) {
    body.theme-sirplay .layout-content-body.sp-pg-filter-results .row > .col-md-8.sp-has-card { width: 50%; }
    body.theme-sirplay .layout-content-body.sp-pg-filter-results .row > .col-md-2.sp-has-media { width: 25%; }
}

body.theme-sirplay .card-body > .media h6.media-heading {
    white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
}

body.theme-sirplay .row.sp-kpi-row > :not(.sp-x) > .card.sp-card-media { display: flex; flex-direction: column; }
body.theme-sirplay .row.sp-kpi-row > :not(.sp-x) > .card.sp-card-media > .card-body {
    flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center;
}

body.theme-sirplay #playersPopup .popup-overlay { background: rgba(0, 0, 0, .42); }
body.theme-sirplay #playersPopup .popup-content {
    background: var(--sp-surface) !important; color: var(--sp-text); border: 1px solid var(--sp-sep); border-radius: 24px; box-shadow: var(--sp-shadow-pop);
    top: 50%; max-height: calc(100vh - 48px); overflow-y: auto; padding: 24px;
}
body.theme-sirplay #playersPopup #playersPopupTitle { margin: 0 40px 16px 0; font-size: 17px; font-weight: 600; letter-spacing: -.01em; }
body.theme-sirplay #playersPopup .close-popup {
    top: 16px; right: 16px; width: 32px; height: 32px; padding: 0; border-radius: 999px; font-size: 20px; line-height: 1; color: var(--dz-text-2);
    background: var(--sp-fill); transition: background var(--sp-fast) ease, color var(--sp-fast) ease;
}
body.theme-sirplay #playersPopup .close-popup:hover { background: var(--sp-fill-2); color: var(--sp-text); }
body.theme-sirplay #playersPopup .close-popup:focus-visible, body.theme-sirplay #playersPopup .back-button:focus-visible { outline: 0; box-shadow: 0 0 0 4px rgba(10, 132, 255, .35); }

body.theme-sirplay #playersPopup .back-button {
    min-width: 36px; height: 36px; padding: 0 14px; border-radius: 999px; font-size: 14px;
    background: var(--tn-pri-bg); color: var(--tn-pri-fg); box-shadow: inset 0 0 0 1px var(--tn-pri-ring); transition: background var(--sp-fast) ease;
}
body.theme-sirplay #playersPopup .back-button:hover { background: color-mix(in srgb, var(--tn-pri-bg) 100%, var(--tn-pri-fg) 14%); color: var(--tn-pri-fg); }

body.theme-sirplay #playersPopup .btn-light {
    background: var(--tn-neu-bg); color: var(--tn-neu-fg) !important; border: 0; box-shadow: inset 0 0 0 1px var(--tn-neu-ring); border-radius: 999px; min-height: 32px; padding: 4px 14px;
}
body.theme-sirplay #playersPopup .btn-light:hover { background: color-mix(in srgb, var(--tn-neu-bg) 100%, var(--tn-neu-fg) 14%); }
body.theme-sirplay #playersPopup #paginationControls { gap: 12px; flex-wrap: wrap; }
body.theme-sirplay #playersPopup #paginationControls label { display: inline-flex; align-items: center; gap: 8px; margin: 0; }

body.theme-sirplay .layout-content hr[style*="border-top: 2px solid #cdcfd1"] { border-top: 1px solid var(--sp-sep) !important; margin: 16px 0 !important; }

body.theme-sirplay .layout-content .card-body.sp-provider-row { padding: 16px !important; gap: 16px !important; }
@media (max-width: 991px) {
    body.theme-sirplay .layout-content .card-body.sp-provider-row { flex-direction: column !important; align-items: stretch !important; }
    body.theme-sirplay .layout-content .card-body.sp-provider-row > * { flex: 0 0 auto !important; width: 100%; }
}

@media (max-width: 767px) {
    body.theme-sirplay .layout-content .card-header .input-group[style*="width:320px"] { width: 100% !important; max-width: 100%; }
    body.theme-sirplay .layout-content .card-header .input-group[style*="width:320px"] > .form-control { flex: 1 1 auto; min-width: 0; }
    body.theme-sirplay .layout-content .card-header .input-group[style*="width:320px"] > .input-group-btn { width: auto; flex: 0 0 auto; }
}

@media (max-width: 767px) {
    body.theme-sirplay .preset-btn, body.theme-sirplay .cohort-toggle-btn, body.theme-sirplay .focus-btn, body.theme-sirplay .dd-sort-btn,
    body.theme-sirplay #ret-definitions-toggle { min-height: 44px; }
    body.theme-sirplay .ret-seg-group { padding: 3px; }
    body.theme-sirplay #retCurveChart .apexcharts-point-annotations > rect, body.theme-sirplay #retCurveChart .apexcharts-point-annotation-label { display: none; }
}

html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content [style*="color:#6c757d" i],
html:not([data-sp-mode="dark"]) body.theme-sirplay .layout-content [style*="color: #6c757d" i],
body.theme-sirplay .cc-legend { color: var(--dz-text-2) !important; }

body.theme-sirplay .lifecycle-badge[style*="background:#00E396" i], body.theme-sirplay .lifecycle-badge[style*="background:#FEB019" i],
body.theme-sirplay .lifecycle-badge[style*="background:#43A047" i], body.theme-sirplay .lifecycle-badge[style*="background:#FF9800" i],
body.theme-sirplay .lifecycle-badge[style*="background:#FF7043" i] { color: #1d1d1f !important; text-shadow: none; }
body.theme-sirplay .lifecycle-badge[style*="background:#E91E63" i], body.theme-sirplay .lifecycle-badge[style*="background:#607D8B" i],
body.theme-sirplay .lifecycle-badge[style*="background:#FF4560" i], body.theme-sirplay .lifecycle-badge[style*="background:#008FFB" i] {
    background-image: linear-gradient(rgba(0, 0, 0, .24), rgba(0, 0, 0, .24)) !important; text-shadow: none;
}

html:not([data-sp-mode="dark"]) body.theme-sirplay .apexcharts-canvas text[fill="#78909c" i], html:not([data-sp-mode="dark"]) body.theme-sirplay .apexcharts-canvas text[fill="#90a4ae" i] { fill: var(--dz-text-2); }
html:not([data-sp-mode="dark"]) body.theme-sirplay .apexcharts-point-annotation-label[fill="#008ffb" i] { fill: var(--dz-info); }
html:not([data-sp-mode="dark"]) body.theme-sirplay .apexcharts-point-annotation-label[fill="#feb019" i], html:not([data-sp-mode="dark"]) body.theme-sirplay .apexcharts-point-annotation-label[fill="#ff9800" i],
html:not([data-sp-mode="dark"]) body.theme-sirplay .apexcharts-point-annotation-label[fill="#d97706" i] { fill: var(--dz-warn); }

body.theme-sirplay .apexcharts-pie-label { paint-order: stroke fill; stroke: rgba(0, 0, 0, .42); stroke-width: 2.5px; stroke-linejoin: round; font-weight: 600; }

body.theme-sirplay .layout-content .row:has(> .form-group > #loadDataButton) {
    display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: flex-start; gap: 12px 16px; margin-left: 0; margin-right: 0;
}
body.theme-sirplay .layout-content .row:has(> .form-group > #loadDataButton)::before,
body.theme-sirplay .layout-content .row:has(> .form-group > #loadDataButton)::after { display: none; }
body.theme-sirplay .layout-content .row:has(> .form-group > #loadDataButton) > [class*="col-"] {
    float: none; width: auto; padding-left: 0; padding-right: 0; margin-bottom: 0; flex: 0 0 auto;
}
@media (min-width: 768px) {
    body.theme-sirplay .layout-content .row:has(> .form-group > #loadDataButton) > [class*="col-"]:has(> .input-daterange) { flex-basis: 372px; }
    body.theme-sirplay .layout-content .row:has(> .form-group > #loadDataButton) > [class*="col-"]:has(.bootstrap-select) { min-width: 180px; }
}
@media (max-width: 767px) {
    body.theme-sirplay .layout-content .row:has(> .form-group > #loadDataButton) > [class*="col-"] { flex: 1 1 100%; }
}

body.theme-sirplay .layout-content .row:has(> .form-group > #loadDataButton) .mt-button { margin-top: 0; }
body.theme-sirplay .layout-content .row:has(> .form-group > #loadDataButton) .nav-pills { margin: 0; }
body.theme-sirplay .layout-content .row:has(> .form-group > #loadDataButton) .bootstrap-select.form-control {
    display: block; width: 100% !important; padding: 0; height: auto; background: transparent !important; box-shadow: none !important; border-radius: 14px;
}
body.theme-sirplay .layout-content .row:has(> .form-group > #loadDataButton) .bootstrap-select.form-control > button.dropdown-toggle { width: 100%; border-radius: 14px; }

@media (prefers-reduced-motion: reduce) {
    body.theme-sirplay .layout-content-body.sp-pg-userspie .card-header select.custom-select, body.theme-sirplay #playersPopup select,
    body.theme-sirplay #playersPopup .close-popup, body.theme-sirplay #playersPopup .back-button { transition: none; }
}

body.theme-sirplay #ret-drawer .ddnav-btn {
    min-height: 32px; padding: 4px 12px; border: 0; border-radius: 999px; font-size: 12px; font-weight: 500; line-height: 1.3;
    background: var(--tn-neu-bg); color: var(--tn-neu-fg); box-shadow: inset 0 0 0 1px var(--tn-neu-ring);
}
body.theme-sirplay #ret-drawer .ddnav-btn:hover:not([disabled]):not(.current) { background: color-mix(in srgb, var(--tn-neu-bg) 100%, var(--tn-neu-fg) 14%); color: var(--tn-neu-fg); }
body.theme-sirplay #ret-drawer .ddnav-btn:focus-visible { outline: 0; box-shadow: 0 0 0 4px rgba(10, 132, 255, .35); }
body.theme-sirplay #ret-drawer .ddnav-btn.current { background: var(--dz-fill-on); color: #fff; box-shadow: 0 1px 6px rgba(0, 113, 227, .35); font-weight: 600; }
body.theme-sirplay #ret-drawer .ddnav-group { gap: 6px; }

body.theme-sirplay #ret-drawer .dd-filter-input, body.theme-sirplay #ret-drawer .dd-filter-select {
    height: 32px; padding: 4px 12px; border: 0; border-radius: 12px; font-size: 13px; color: var(--sp-text); background-color: rgb(var(--gw) / .6);
    box-shadow: inset 0 1px 3px rgba(40, 60, 120, .12), inset 0 0 0 1px rgb(var(--gh) / calc(.8 * var(--gk)));
}
html[data-sp-mode="dark"] body.theme-sirplay #ret-drawer .dd-filter-input, html[data-sp-mode="dark"] body.theme-sirplay #ret-drawer .dd-filter-select {
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .45), inset 0 0 0 1px rgb(var(--gh) / .1);
}
body.theme-sirplay #ret-drawer .dd-filter-select {
    -webkit-appearance: none; appearance: none; padding-right: 30px; cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238e8e93' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat; background-position: right 11px center; background-size: 12px 8px;
}
body.theme-sirplay #ret-drawer .dd-filter-input:focus, body.theme-sirplay #ret-drawer .dd-filter-select:focus { outline: 0; box-shadow: 0 0 0 4px rgba(10, 132, 255, .22), inset 0 0 0 1px rgba(10, 132, 255, .65); }
body.theme-sirplay #ret-drawer .dd-sort-btn, body.theme-sirplay #ret-drawer .dd-smart-btn {
    min-height: 32px; padding: 4px 12px; border: 0; border-radius: 999px; font-size: 12px; line-height: 1.3;
    background: var(--tn-neu-bg); color: var(--tn-neu-fg); box-shadow: inset 0 0 0 1px var(--tn-neu-ring); filter: none;
}
body.theme-sirplay #ret-drawer .dd-sort-btn:hover:not(.active), body.theme-sirplay #ret-drawer .dd-smart-btn:hover:not(.active) { background: color-mix(in srgb, var(--tn-neu-bg) 100%, var(--tn-neu-fg) 14%); }
body.theme-sirplay #ret-drawer .dd-sort-btn:focus-visible, body.theme-sirplay #ret-drawer .dd-smart-btn:focus-visible { outline: 0; box-shadow: 0 0 0 4px rgba(10, 132, 255, .35); }

body.theme-sirplay #ret-drawer .dd-smart-btn#dd-smart-risk.active { background: var(--tn-dan-bg); color: var(--tn-dan-fg); box-shadow: inset 0 0 0 1px var(--tn-dan-ring); }
body.theme-sirplay #ret-drawer .dd-smart-btn#dd-smart-opp.active { background: var(--tn-suc-bg); color: var(--tn-suc-fg); box-shadow: inset 0 0 0 1px var(--tn-suc-ring); }
body.theme-sirplay #ret-drawer .dd-smart-btn#dd-smart-priority.active { background: var(--tn-pri-bg); color: var(--tn-pri-fg); box-shadow: inset 0 0 0 1px var(--tn-pri-ring); }
body.theme-sirplay #ret-drawer .dd-sort-lbl, body.theme-sirplay #ret-drawer .dd-smart-lbl, body.theme-sirplay #ret-drawer .dd-seg-lbl { color: var(--dz-text-2); border-bottom-color: var(--sp-sep-strong); }

body.theme-sirplay #ret-drawer .dd-export-btn {
    min-height: 32px; padding: 4px 14px; border: 0; border-radius: 999px; font-size: 12px; font-weight: 500;
    background: var(--tn-suc-bg); color: var(--tn-suc-fg); box-shadow: inset 0 0 0 1px var(--tn-suc-ring);
}
body.theme-sirplay #ret-drawer .dd-export-btn:hover:not([disabled]) { background: color-mix(in srgb, var(--tn-suc-bg) 100%, var(--tn-suc-fg) 14%); border: 0; }
body.theme-sirplay #ret-drawer .dd-export-btn:focus-visible { outline: 0; box-shadow: 0 0 0 4px rgba(10, 132, 255, .35); }

body.theme-sirplay #ret-drawer .dd-af-lbl, body.theme-sirplay #ret-drawer .dd-af-count { color: var(--dz-info); }
body.theme-sirplay #ret-drawer .dd-af-chip {
    min-height: 26px; padding: 2px 4px 2px 10px; border: 0; border-radius: 999px; font-size: 12px; color: var(--tn-pri-fg); background: var(--tn-pri-bg); box-shadow: inset 0 0 0 1px var(--tn-pri-ring);
}
body.theme-sirplay #ret-drawer .dd-af-x { width: 20px; height: 20px; line-height: 19px; background: var(--sp-fill); color: var(--tn-pri-fg); }
body.theme-sirplay #ret-drawer .dd-af-x:hover { background: var(--dz-fill-on); color: #fff; }
body.theme-sirplay #ret-drawer .dd-af-clear {
    min-height: 28px; padding: 2px 12px; border: 0; border-radius: 999px; font-size: 11px; font-weight: 600; background: var(--tn-pri-bg); color: var(--tn-pri-fg); box-shadow: inset 0 0 0 1px var(--tn-pri-ring);
}
body.theme-sirplay #ret-drawer .dd-af-clear:hover { background: color-mix(in srgb, var(--tn-pri-bg) 100%, var(--tn-pri-fg) 14%); color: var(--tn-pri-fg); }

body.theme-sirplay #ret-drawer .dd-status, body.theme-sirplay #ret-drawer .dd-kyc, body.theme-sirplay #ret-drawer .dd-seg { border-radius: 999px; padding: 2px 9px; font-weight: 600; font-variant-numeric: tabular-nums; }
body.theme-sirplay #ret-drawer .dd-status--active, body.theme-sirplay #ret-drawer .dd-kyc--verified { background: var(--sp-green-soft); color: var(--dz-pos); }
body.theme-sirplay #ret-drawer .dd-status--suspended, body.theme-sirplay #ret-drawer .dd-kyc--pending, body.theme-sirplay #ret-drawer .dd-kyc--stale { background: var(--sp-orange-soft); color: var(--dz-warn); }
body.theme-sirplay #ret-drawer .dd-status--blocked, body.theme-sirplay #ret-drawer .dd-kyc--rejected { background: var(--sp-red-soft); color: var(--dz-neg); }
body.theme-sirplay #ret-drawer .dd-status--pending { background: var(--sp-accent-soft); color: var(--dz-info); }
body.theme-sirplay #ret-drawer .dd-status--default, body.theme-sirplay #ret-drawer .dd-kyc--unknown { background: var(--sp-fill); color: var(--dz-text-2); }

body.theme-sirplay #ret-drawer .dd-sort-btn.active, body.theme-sirplay #ret-drawer .dd-sort-btn.active:hover {
    background: var(--dz-fill-on); color: #fff !important; box-shadow: 0 1px 6px rgba(0, 113, 227, .35); font-weight: 600;
}

html[data-sp-mode="dark"] body.theme-sirplay #ret-drawer :is([style*="color:#1565c0" i], [style*="color:#0d47a1" i], [style*="color:#283593" i], [style*="color: #1565c0" i], [style*="color: #0d47a1" i]) { color: var(--dz-info) !important; }
html[data-sp-mode="dark"] body.theme-sirplay #ret-drawer :is([style*="color:#1b5e20" i], [style*="color:#2e7d32" i], [style*="color:#43a047" i], [style*="color: #2e7d32" i], [style*="color: #1b5e20" i]) { color: var(--dz-pos) !important; }
html[data-sp-mode="dark"] body.theme-sirplay #ret-drawer :is([style*="color:#c62828" i], [style*="color:#b71c1c" i], [style*="color: #c62828" i]) { color: var(--dz-neg) !important; }
html[data-sp-mode="dark"] body.theme-sirplay #ret-drawer :is([style*="color:#856404" i], [style*="color:#6d4400" i], [style*="color:#ef6c00" i], [style*="color:#e65100" i], [style*="color:#f57c00" i], [style*="color:#ff9800" i], [style*="color:#8c4a00" i], [style*="color: #ef6c00" i]) { color: var(--dz-warn) !important; }
html[data-sp-mode="dark"] body.theme-sirplay #ret-drawer :is([style*="color:#555" i], [style*="color:#666" i], [style*="color:#777" i], [style*="color:#607d8b" i], [style*="color:#6c757d" i], [style*="color:#455a64" i], [style*="color:#37474f" i], [style*="color: #666" i], [style*="color: #777" i]) { color: var(--dz-text-2) !important; }
body.theme-sirplay #ret-drawer :is([style*="color:#888" i], [style*="color:#999" i], [style*="color:#aaa" i], [style*="color:#78909c" i], [style*="color: #888" i], [style*="color: #999" i]) { color: var(--dz-text-2) !important; }
html:not([data-sp-mode="dark"]) body.theme-sirplay #ret-drawer :is([style*="color:#777" i], [style*="color:#607d8b" i], [style*="color:#6c757d" i], [style*="color: #777" i]) { color: var(--dz-text-2) !important; }
html:not([data-sp-mode="dark"]) body.theme-sirplay #ret-drawer :is([style*="color:#2e7d32" i], [style*="color:#43a047" i], [style*="color: #2e7d32" i]) { color: var(--dz-pos) !important; }

body.theme-sirplay #ret-drawer :is(.dd-badge, .dd-risk, .dd-opp, .dd-nba-action) { border-radius: 999px; padding: 2px 9px; font-variant-numeric: tabular-nums; }
body.theme-sirplay #ret-drawer .dd-nba-score { border-radius: 999px; }
body.theme-sirplay #ret-drawer :is(.dd-badge--yes, .dd-risk--low, .dd-opp--high, .dd-nba-action--reinforce) { background: var(--sp-green-soft); color: var(--dz-pos); }
body.theme-sirplay #ret-drawer :is(.dd-risk--medium, .dd-nba-action--simplify) { background: var(--sp-orange-soft); color: var(--dz-warn); }
body.theme-sirplay #ret-drawer :is(.dd-risk--high, .dd-nba-action--recover) { background: var(--sp-red-soft); color: var(--dz-neg); }
body.theme-sirplay #ret-drawer :is(.dd-opp--medium, .dd-nba-action--active_now) { background: var(--sp-accent-soft); color: var(--dz-info); }
body.theme-sirplay #ret-drawer .dd-nba-action--send_promo { background: var(--tn-pur-bg); color: var(--tn-pur-fg); }
body.theme-sirplay #ret-drawer :is(.dd-badge--no, .dd-opp--low, .dd-nba-action--none, .dd-nba-action--excluded, .dd-nba-score--low) { background: var(--sp-fill); color: var(--dz-text-2); }
body.theme-sirplay #ret-drawer .dd-nba-reason { color: var(--dz-text-2); }

body.theme-sirplay #ret-drawer :is(.ddnav-lbl, .dd-filter-count, .dd-user-id, .dd-when-win, .dd-dep-n, .dd-bonus-count, .dd-bmoney-none, .dd-margin--zero, .dd-margin-sub) { color: var(--dz-text-2); }
html[data-sp-mode="dark"] body.theme-sirplay #ret-drawer .dd-margin--pos { color: var(--dz-pos); }
html[data-sp-mode="dark"] body.theme-sirplay #ret-drawer .dd-margin--neg { color: var(--dz-neg); }
@media (max-width: 767px) {

    body.theme-sirplay #ret-drawer :is(.ddnav-btn, .dd-sort-btn, .dd-smart-btn, .dd-export-btn, .dd-af-clear, .dd-filter-select, .dd-filter-input, #ret-drawer-close) { min-height: 44px; }
    body.theme-sirplay #ret-drawer #ret-drawer-close { min-width: 44px; }
    body.theme-sirplay #ret-drawer .dd-af-x { width: 28px; height: 28px; line-height: 27px; }
    body.theme-sirplay #ret-drawer .dd-af-chip { min-height: 36px; }
}

body.theme-sirplay .layout-content.sp-pg-daterange .card-header > :is(h3, h4, h5):only-child { margin: 0; }

body.theme-sirplay .layout-content.sp-pg-daterange .card-header::before,
body.theme-sirplay .layout-content.sp-pg-daterange .card-header::after { display: none; }

body.theme-sirplay .layout-content.sp-pg-daterange :not(.modal-body) > .row.sp-row-ctrl {
    display: flex; flex-wrap: wrap; align-items: flex-end;
}
body.theme-sirplay .layout-content.sp-pg-daterange :not(.modal-body) > .row.sp-row-ctrl::before,
body.theme-sirplay .layout-content.sp-pg-daterange :not(.modal-body) > .row.sp-row-ctrl::after { display: none; }
body.theme-sirplay .layout-content.sp-pg-daterange :not(.modal-body) > .row.sp-row-ctrl > [class*="col-"] { float: none; }

@media (min-width: 768px) {
    body.theme-sirplay .layout-content.sp-pg-daterange [class*="col-"]:has(> .btn.mt-button) { min-width: 104px; }

    body.theme-sirplay .layout-content.sp-pg-daterange [class*="col-"]:has(> .btn.mt-button ~ .btn.mt-button ~ .btn.mt-button) { min-width: 360px; }

    body.theme-sirplay .layout-content.sp-pg-daterange [class*="col-"]:has(> input#userId) { min-width: 136px; }
}

@media (max-width: 767px) {
    body.theme-sirplay.theme-glass .layout-content.sp-pg-daterange .btn.form-control { height: auto; min-height: 44px; }
}

@media (min-width: 768px) {

    body.theme-sirplay .layout-content div.sp-has-casinoexcel { display: flex; flex-wrap: wrap; align-items: flex-end; }
    body.theme-sirplay .layout-content div.sp-has-casinoexcel > [class*="col-"] { float: none; }
    body.theme-sirplay .layout-content [class*="col-"]:has(> #showTable) { min-width: 104px; }
    body.theme-sirplay .layout-content [class*="col-"]:has(> #casinoActionsExcelBtn) { min-width: 210px; }
    body.theme-sirplay .layout-content [class*="col-"]:has(> #casinoPromoWinExcelBtn) { min-width: 240px; }
}

body.theme-sirplay .layout-content input#showTable.btn { padding-left: 12px; padding-right: 12px; }

@media (min-width: 768px) {
    body.theme-sirplay .layout-content #makegiroconto [class*="col-"]:has(> select#type),
    body.theme-sirplay .layout-content #walletBonusForm [class*="col-"]:has(> select#type) { min-width: 128px; }
    body.theme-sirplay .layout-content #makegiroconto [class*="col-"]:has(> #passCode) { min-width: 96px; }
    body.theme-sirplay .layout-content #makegiroconto [class*="col-"]:has(> #amount),
    body.theme-sirplay .layout-content #walletBonusForm [class*="col-"]:has(> #amount) { min-width: 116px; }

    body.theme-sirplay .layout-content #walletBonusForm [class*="col-"]:has(> select#wallet) { min-width: 180px; }

    body.theme-sirplay .layout-content #walletBonusForm [class*="col-"]:has(> #walletBonusSubmit) { min-width: 120px; }
}
body.theme-sirplay .layout-content :is(#makegiroconto, #walletBonusForm) label { white-space: nowrap; }
body.theme-sirplay .layout-content #walletBonusSubmit { white-space: nowrap; }

@media (max-width: 767px) {
    body.theme-sirplay .layout-content:has(select#month) [class*="col-"]:has(> select#month, > select#year, > select#context, > select#userNameDetails) { width: 50%; }
}
@media (min-width: 768px) {
    body.theme-sirplay .layout-content:has(select#month) [class*="col-"]:has(> select#month, > select#year, > select#context, > select#userNameDetails) { min-width: 120px; }
}

body.theme-sirplay .layout-content .card-body:has(> table#totalizerRetailTable) { overflow-x: auto; -webkit-overflow-scrolling: touch; }
@media (min-width: 768px) {
    body.theme-sirplay .layout-content [class*="col-"]:has(> .btn.mt-button[onclick*="batchGenerate"]) { min-width: 200px; }
    body.theme-sirplay .layout-content [class*="col-"]:has(> select#onlyWithActivity) { min-width: 250px; }
}

body.theme-sirplay .layout-content button.btn.total {
    --tn-bg: var(--tn-neu-bg); --tn-fg: var(--tn-neu-fg); --tn-ring: var(--tn-neu-ring);
    display: block; min-height: 76px; padding: 14px 22px; border: 0; border-radius: 22px; text-align: left;
    background: var(--tn-bg) !important; background-image: none !important; color: var(--tn-fg) !important; box-shadow: inset 0 0 0 1px var(--tn-ring) !important;
    font-size: 24px; font-weight: 600; line-height: 1.25; font-variant-numeric: tabular-nums; text-shadow: none;
}
body.theme-sirplay .layout-content button.btn.total[style*="#3298fc" i] { --tn-bg: var(--tn-pri-bg); --tn-fg: var(--tn-pri-fg); --tn-ring: var(--tn-pri-ring); }
body.theme-sirplay .layout-content button.btn.total[style*="#69cf77" i] { --tn-bg: var(--tn-suc-bg); --tn-fg: var(--tn-suc-fg); --tn-ring: var(--tn-suc-ring); }
body.theme-sirplay .layout-content button.btn.total[style*="#f2872c" i] { --tn-bg: var(--tn-war-bg); --tn-fg: var(--tn-war-fg); --tn-ring: var(--tn-war-ring); }
body.theme-sirplay .layout-content button.btn.total:hover, body.theme-sirplay .layout-content button.btn.total:focus {
    background: color-mix(in srgb, var(--tn-bg) 100%, var(--tn-fg) 14%) !important; color: var(--tn-fg) !important;
}
body.theme-sirplay .layout-content button.btn.total:focus-visible { box-shadow: inset 0 0 0 1px var(--tn-ring), 0 0 0 4px rgba(10, 132, 255, .35) !important; }

body.theme-sirplay .layout-content button.btn.total > span { font-size: 13px !important; font-weight: 500; letter-spacing: .02em; opacity: .86; }

body.theme-sirplay .layout-content thead.total-table { --tn-bg: var(--tn-neu-bg); --tn-fg: var(--tn-neu-fg); background: var(--tn-bg) !important; color: var(--tn-fg) !important; font-weight: 600 !important; }
body.theme-sirplay .layout-content thead.total-table[style*="#3298fc" i] { --tn-bg: var(--tn-pri-bg); --tn-fg: var(--tn-pri-fg); }
body.theme-sirplay .layout-content thead.total-table[style*="#69cf77" i] { --tn-bg: var(--tn-suc-bg); --tn-fg: var(--tn-suc-fg); }
body.theme-sirplay .layout-content thead.total-table[style*="#f2872c" i] { --tn-bg: var(--tn-war-bg); --tn-fg: var(--tn-war-fg); }
body.theme-sirplay .layout-content thead.total-table th { background: transparent !important; color: var(--tn-fg) !important; }

@media (max-width: 1199px) {
    body.theme-sirplay .layout-content button.btn.total { margin-bottom: 10px; }
}
@media (max-width: 767px) {
    body.theme-sirplay .layout-content button.btn.total { float: none; width: 100%; }
}

body.theme-sirplay {
    --yf-edge: rgba(60, 60, 67, .64);
    --yf-edge-hover: rgba(60, 60, 67, .8);
    --yf-inset: rgba(40, 60, 120, .1);
    --yf-ring: rgba(10, 132, 255, .28);
    --yf-fill-solid: #fff;
    --cms-edge: var(--yf-edge);
    --spx-field-line: var(--yf-edge);
    --spx-field-line-hover: var(--yf-edge-hover);
}
html[data-sp-mode="dark"] body.theme-sirplay {
    --yf-edge: rgba(235, 235, 245, .4);
    --yf-edge-hover: rgba(235, 235, 245, .58);
    --yf-inset: rgba(0, 0, 0, .45);
    --yf-fill-solid: #25252d;
    --cms-edge: var(--yf-edge);
    --spx-field-line: var(--yf-edge);
    --spx-field-line-hover: var(--yf-edge-hover);
}

body.theme-sirplay.theme-glass :is(.form-control, .input-style),
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass :is(.form-control, .input-style) {
    box-shadow: inset 0 1px 2px var(--yf-inset), inset 0 0 0 1px var(--yf-edge);
}
body.theme-sirplay.theme-glass :is(.form-control, .input-style):hover,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass :is(.form-control, .input-style):hover {
    box-shadow: inset 0 1px 2px var(--yf-inset), inset 0 0 0 1px var(--yf-edge-hover);
}

body.theme-sirplay.theme-glass :is(.form-control, .input-style):focus,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass :is(.form-control, .input-style):focus {
    background-color: rgb(var(--gw) / .92); box-shadow: 0 0 0 4px var(--yf-ring), inset 0 0 0 1.5px var(--sp-accent); outline: none;
}

body.theme-sirplay.theme-glass .dataTables_wrapper .dataTables_length select, body.theme-sirplay.theme-glass .dataTables_wrapper .dataTables_filter input,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .dataTables_wrapper .dataTables_length select, html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .dataTables_wrapper .dataTables_filter input {
    box-shadow: inset 0 1px 2px var(--yf-inset), inset 0 0 0 1px var(--yf-edge);
}
body.theme-sirplay.theme-glass .dataTables_wrapper .dataTables_length select:hover, body.theme-sirplay.theme-glass .dataTables_wrapper .dataTables_filter input:hover,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .dataTables_wrapper .dataTables_length select:hover, html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .dataTables_wrapper .dataTables_filter input:hover {
    box-shadow: inset 0 1px 2px var(--yf-inset), inset 0 0 0 1px var(--yf-edge-hover);
}
body.theme-sirplay.theme-glass .dataTables_wrapper .dataTables_length select:focus, body.theme-sirplay.theme-glass .dataTables_wrapper .dataTables_filter input:focus,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .dataTables_wrapper .dataTables_length select:focus, html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .dataTables_wrapper .dataTables_filter input:focus {
    background-color: rgb(var(--gw) / .92); box-shadow: 0 0 0 4px var(--yf-ring), inset 0 0 0 1.5px var(--sp-accent); outline: none;
}

body.theme-sirplay.theme-glass :is(.form-control, .input-style)[disabled],
body.theme-sirplay.theme-glass fieldset[disabled] :is(.form-control, .input-style),
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass :is(.form-control, .input-style)[disabled],
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass fieldset[disabled] :is(.form-control, .input-style) {
    background-color: var(--sp-fill-2); box-shadow: inset 0 0 0 1px var(--sp-sep); color: var(--sp-text-2); -webkit-text-fill-color: var(--sp-text-2); opacity: .7; cursor: not-allowed;
}
body.theme-sirplay.theme-glass :is(.form-control, .input-style)[readonly]:not([disabled]),
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass :is(.form-control, .input-style)[readonly]:not([disabled]) {
    background-color: var(--sp-fill-2); box-shadow: inset 0 0 0 1px var(--sp-sep); color: var(--sp-text); -webkit-text-fill-color: var(--sp-text); opacity: 1; cursor: default;
}

body.theme-sirplay.theme-glass .has-error :is(.form-control, .input-style), body.theme-sirplay.theme-glass :is(.form-control, .input-style).is-invalid,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .has-error :is(.form-control, .input-style), html[data-sp-mode="dark"] body.theme-sirplay.theme-glass :is(.form-control, .input-style).is-invalid {
    box-shadow: inset 0 0 0 1.5px var(--sp-red), 0 0 0 4px var(--sp-red-soft);
}
body.theme-sirplay.theme-glass .has-success :is(.form-control, .input-style), body.theme-sirplay.theme-glass :is(.form-control, .input-style).is-valid,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .has-success :is(.form-control, .input-style), html[data-sp-mode="dark"] body.theme-sirplay.theme-glass :is(.form-control, .input-style).is-valid {
    box-shadow: inset 0 0 0 1.5px var(--spx-green-text), 0 0 0 4px var(--sp-green-soft);
}
body.theme-sirplay.theme-glass .has-warning :is(.form-control, .input-style),
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .has-warning :is(.form-control, .input-style) {
    box-shadow: inset 0 0 0 1.5px var(--sp-orange), 0 0 0 4px var(--sp-orange-soft);
}
body.theme-sirplay.theme-glass .has-error :is(.form-control, .input-style):focus, body.theme-sirplay.theme-glass :is(.form-control, .input-style).is-invalid:focus,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .has-error :is(.form-control, .input-style):focus, html[data-sp-mode="dark"] body.theme-sirplay.theme-glass :is(.form-control, .input-style).is-invalid:focus {
    box-shadow: inset 0 0 0 1.5px var(--sp-red), 0 0 0 4px rgba(255, 59, 48, .3);
}
body.theme-sirplay .invalid-feedback { color: var(--sp-red); font-size: 12.5px; margin-top: 6px; }
body.theme-sirplay .valid-feedback { color: var(--spx-green-text); font-size: 12.5px; margin-top: 6px; }
body.theme-sirplay .help-block strong { font-weight: 500; }

body.theme-sirplay.theme-glass.theme-glass.theme-glass :is(input, textarea, select):-webkit-autofill,
body.theme-sirplay.theme-glass.theme-glass.theme-glass :is(input, textarea, select):-webkit-autofill:hover,
body.theme-sirplay.theme-glass.theme-glass.theme-glass :is(input, textarea, select):-webkit-autofill:active {
    -webkit-text-fill-color: var(--sp-text); caret-color: var(--sp-text);
    box-shadow: inset 0 0 0 1px var(--yf-edge), inset 0 0 0 1000px var(--yf-fill-solid);
    transition: background-color 600000s 0s, color 600000s 0s;
}
body.theme-sirplay.theme-glass.theme-glass.theme-glass :is(input, textarea, select):-webkit-autofill:focus {
    -webkit-text-fill-color: var(--sp-text); caret-color: var(--sp-text);
    box-shadow: 0 0 0 4px var(--yf-ring), inset 0 0 0 1.5px var(--sp-accent), inset 0 0 0 1000px var(--yf-fill-solid);
}

body.theme-sirplay.theme-glass .input-style { border-radius: 14px !important; }
body.theme-sirplay.theme-glass .input-style:not([disabled]):not([readonly]) { background-color: var(--spx-field-bg) !important; }
body.theme-sirplay.theme-glass .input-style[disabled], body.theme-sirplay.theme-glass .input-style[readonly] { background-color: var(--sp-fill-2) !important; }
body.theme-sirplay.theme-glass .input-style:not(textarea):not(.select2-selection--multiple) { height: 40px !important; }
body.theme-sirplay.theme-glass textarea.input-style { height: auto !important; min-height: 96px; border-radius: 18px !important; }
body.theme-sirplay.theme-glass .input-style:focus:not([readonly]) { background-color: rgb(var(--gw) / .92) !important; }

body.theme-sirplay.theme-glass select.form-control.input-style:not([multiple]):not([size]) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%237c7c82' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important; background-position: right 12px center !important; background-size: 12px 8px !important; padding-right: 34px;
}

@media (min-width: 768px) {
    body.theme-sirplay :is(.layout-content, .modal-body) :is(.col-md-1, .col-sm-1, .col-lg-1):has(select, .select2-container) { min-width: 128px; }
}
body.theme-sirplay.theme-glass :is(.col-md-1, .col-sm-1, .col-lg-1) select.form-control:not([multiple]):not([size]) { padding-left: 10px; padding-right: 28px; background-position: right 10px center; }

body.theme-sirplay.theme-glass select.form-control:not([multiple]):not([size]) { padding-right: 30px; }

body.theme-sirplay.theme-glass :is(.select2-container--bootstrap, .select2-container--default, .select2-container) :is(.select2-selection, .select2-choice),
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass :is(.select2-container--bootstrap, .select2-container--default, .select2-container) :is(.select2-selection, .select2-choice) {
    box-shadow: inset 0 1px 2px var(--yf-inset), inset 0 0 0 1px var(--yf-edge);
}
body.theme-sirplay.theme-glass :is(.select2-container--bootstrap, .select2-container--default, .select2-container) :is(.select2-selection, .select2-choice):hover,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass :is(.select2-container--bootstrap, .select2-container--default, .select2-container) :is(.select2-selection, .select2-choice):hover {
    box-shadow: inset 0 1px 2px var(--yf-inset), inset 0 0 0 1px var(--yf-edge-hover);
}

body.theme-sirplay.theme-glass :is(.select2-container--focus, .select2-container--open) :is(.select2-selection, .select2-choice),
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass :is(.select2-container--focus, .select2-container--open) :is(.select2-selection, .select2-choice),
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .layout-content :is(.select2-container--focus, .select2-container--open) :is(.select2-selection, .select2-choice) {
    background-color: rgb(var(--gw) / .92); box-shadow: 0 0 0 4px var(--yf-ring), inset 0 0 0 1.5px var(--sp-accent);
}

body.theme-sirplay.theme-glass .has-error :is(.select2-selection, .select2-choice),
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .has-error :is(.select2-selection, .select2-choice) { box-shadow: inset 0 0 0 1.5px var(--sp-red), 0 0 0 4px var(--sp-red-soft); }
body.theme-sirplay.theme-glass .has-success :is(.select2-selection, .select2-choice),
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .has-success :is(.select2-selection, .select2-choice) { box-shadow: inset 0 0 0 1.5px var(--spx-green-text), 0 0 0 4px var(--sp-green-soft); }
body.theme-sirplay.theme-glass .has-warning :is(.select2-selection, .select2-choice),
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .has-warning :is(.select2-selection, .select2-choice) { box-shadow: inset 0 0 0 1.5px var(--sp-orange), 0 0 0 4px var(--sp-orange-soft); }

body.theme-sirplay.theme-glass .layout-content .select2-container--bootstrap .select2-selection--single { padding-right: 24px; }

body.theme-sirplay.theme-glass .select2-container--disabled :is(.select2-selection, .select2-choice),
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .select2-container--disabled :is(.select2-selection, .select2-choice) { background-color: var(--sp-fill-2); box-shadow: inset 0 0 0 1px var(--sp-sep); opacity: .7; }

body.theme-sirplay .select2-container :is(.select2-selection, .select2-choice) { color: var(--sp-text); }

body.theme-sirplay.theme-glass .bootstrap-select > .dropdown-toggle,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .bootstrap-select > .dropdown-toggle { box-shadow: inset 0 1px 2px var(--yf-inset), inset 0 0 0 1px var(--yf-edge); }
body.theme-sirplay.theme-glass .bootstrap-select > .dropdown-toggle:hover,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .bootstrap-select > .dropdown-toggle:hover { box-shadow: inset 0 1px 2px var(--yf-inset), inset 0 0 0 1px var(--yf-edge-hover); }
body.theme-sirplay.theme-glass .bootstrap-select.open > .dropdown-toggle, body.theme-sirplay.theme-glass .bootstrap-select > .dropdown-toggle:focus,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .bootstrap-select.open > .dropdown-toggle, html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .bootstrap-select > .dropdown-toggle:focus {
    box-shadow: 0 0 0 4px var(--yf-ring), inset 0 0 0 1.5px var(--sp-accent);
}

body.theme-sirplay .input-group-addon,
html[data-sp-mode="dark"] body.theme-sirplay .input-group-addon { box-shadow: inset 0 1px 2px var(--yf-inset), inset 0 0 0 1px var(--yf-edge); }

body.theme-sirplay legend {
    display: block; width: 100%; margin: 0 0 12px; padding: 0 0 8px; border: 0; border-bottom: 1px solid var(--sp-sep);
    font-size: 15px; font-weight: 600; letter-spacing: -.01em; color: var(--sp-text);
}
body.theme-sirplay .form-horizontal .control-label { padding-top: 10px; }

body.theme-sirplay :is(.layout-content, .modal) :is([style*="color:#a9a9a9"], [style*="color: #a9a9a9"], [style*="color:#888"], [style*="color: #888"],
    [style*="color:#999"], [style*="color: #999"], [style*="color:#aaa"], [style*="color: #aaa"]) { color: var(--sp-text-2) !important; }

body.theme-sirplay .password-container > .form-control { padding-right: 40px; }
body.theme-sirplay .password-container > i.fa { color: var(--sp-text-2); transition: color var(--sp-fast) ease; }
body.theme-sirplay .password-container > i.fa:hover { color: var(--sp-text); }
body.theme-sirplay .password-container > i.fa::after { content: ""; position: absolute; inset: -9px; }

body.theme-sirplay .modal-body [class*="col-"] > .form-group:last-child { margin-bottom: 16px; }
body.theme-sirplay .modal-body > .row:last-child, body.theme-sirplay .modal-body > form > .row:last-child { margin-bottom: -16px; }

body.theme-sirplay label.toggle-switch {
    width: 46px; height: 28px; border-radius: 999px; vertical-align: middle; flex: none; background-color: rgba(120, 120, 128, .36) !important; box-shadow: inset 0 0 0 1px var(--yf-edge);
    transition: background-color var(--sp-fast) ease, box-shadow var(--sp-fast) ease;
}
body.theme-sirplay label.toggle-switch::before {
    width: 24px; height: 24px; top: 2px; left: 2px; background-color: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, .3); transition: transform .35s var(--sp-spring);
}
body.theme-sirplay input[type="checkbox"]:checked + label.toggle-switch { background-color: var(--sp-green) !important; box-shadow: none; }
body.theme-sirplay input[type="checkbox"]:checked + label.toggle-switch::before { transform: translateX(18px); }
body.theme-sirplay label.toggle-switch::after { content: ""; position: absolute; inset: -6px -4px; }

@media (max-width: 767px) {
    body.theme-sirplay .layout-content div[style*="grid-template-columns"]:has(> .switch-row) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    body.theme-sirplay .switch-row { min-width: 0; gap: 8px; }
}

body.theme-sirplay input[type="color"] {
    -webkit-appearance: none; appearance: none; width: 56px; height: 40px; padding: 5px; border: 0; border-radius: 14px; cursor: pointer;
    background: var(--spx-field-bg); box-shadow: inset 0 1px 2px var(--yf-inset), inset 0 0 0 1px var(--yf-edge);
}
body.theme-sirplay input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; }
body.theme-sirplay input[type="color"]::-webkit-color-swatch { border: 0; border-radius: 9px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); }
body.theme-sirplay input[type="color"]:focus-visible { outline: none; box-shadow: 0 0 0 4px var(--yf-ring), inset 0 0 0 1.5px var(--sp-accent); }

body.theme-sirplay input[type="datetime-local"].form-control { padding-left: 10px; padding-right: 6px; letter-spacing: 0; }
body.theme-sirplay input[type="datetime-local"].form-control::-webkit-calendar-picker-indicator,
body.theme-sirplay input[type="date"].form-control::-webkit-calendar-picker-indicator,
body.theme-sirplay input[type="time"].form-control::-webkit-calendar-picker-indicator { margin-left: 2px; padding: 0; cursor: pointer; }

body.theme-sirplay.theme-glass .note-editor .note-toolbar .note-btn-group > .note-btn { border-radius: 8px; box-shadow: none; margin-left: 0; }
body.theme-sirplay.theme-glass .note-editor .note-toolbar .note-btn-group > .note-btn:focus-visible { box-shadow: 0 0 0 3px rgba(10, 132, 255, .45); }

body.theme-sirplay .note-editor .note-placeholder, body.theme-sirplay .note-placeholder { color: #5f5f64; }

body.theme-sirplay .note-modal .note-input, body.theme-sirplay .note-modal .form-control { border-radius: 14px; }

@media (max-width: 767px) {
    body.theme-sirplay.theme-glass .input-style:not(textarea):not(.select2-selection--multiple) { height: 44px !important; font-size: 16px; }
    body.theme-sirplay input[type="color"] { height: 44px; }
}

@media (max-width: 575px) {
    body.theme-sirplay .input-daterange.input-group { flex-direction: column; align-items: stretch; gap: 6px; }
    body.theme-sirplay.theme-glass .input-daterange.input-group > .form-control:is(:first-child, :last-child) { flex: none; width: 100%; border-radius: 14px; }
    body.theme-sirplay.theme-glass .input-daterange.input-group > .input-group-addon,
    html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .input-daterange.input-group > .input-group-addon {
        align-self: center; height: auto; min-width: 0; padding: 0 12px; background: transparent; box-shadow: none; color: var(--sp-text-2);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.theme-sirplay label.toggle-switch, body.theme-sirplay label.toggle-switch::before { transition: none; }
}

body.theme-sirplay .layout-content .card-header:is([style*="display:flex"], [style*="display: flex"])::before,
body.theme-sirplay .layout-content .card-header:is([style*="display:flex"], [style*="display: flex"])::after,
body.theme-sirplay .layout-content:has(.btn-modern-export) .card-header::before,
body.theme-sirplay .layout-content:has(.btn-modern-export) .card-header::after { display: none; }

body.theme-sirplay .layout-content .card-header svg [fill="#484964"] { fill: var(--sp-text-2); }

body.theme-sirplay :is(.ops-json-view, .benefit-json-view):empty { display: none; }

body.theme-sirplay .ops-card [style*="color:#4a5f79" i] { color: color-mix(in srgb, var(--sp-text) 74%, var(--sp-surface)) !important; }

body.theme-sirplay .ops-card .label-success { color: var(--sp-alert-success); }
body.theme-sirplay .ops-card .label-danger  { color: var(--sp-alert-danger); }
body.theme-sirplay .ops-card .label-warning { color: var(--sp-alert-warning); }

@media (max-width: 767px) {
    body.theme-sirplay .layout-content:has(.nav-tabs > li > a.nav-link) .nav-tabs > li > a.nav-link { min-height: 44px; display: inline-flex; align-items: center; }
}

@media (max-width: 575px) {
    body.theme-sirplay .modal-body:has(.rounded-input) :is([style*="display:grid"], [style*="display: grid"]) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    body.theme-sirplay .modal-body:has(.rounded-input) :is([style*="grid-template-columns:1fr 1fr;"], [style*="grid-template-columns: 1fr 1fr;"]) { grid-template-columns: minmax(0, 1fr) !important; }
    body.theme-sirplay .modal-body:has(.rounded-input) :is([style*="grid-column: span 2"], [style*="grid-column:span 2"]) { grid-column: 1 / -1 !important; }
    body.theme-sirplay .modal-body:has(.rounded-input) :is([style*="display:grid"], [style*="display: grid"]) > .btn:last-child { grid-column: 1 / -1; min-height: 44px; }
}

body.theme-sirplay .layout-content hr[style*="#5bc0de" i] { border-top-color: var(--sp-accent) !important; }
body.theme-sirplay .layout-content hr[style*="#5cb85c" i] { border-top-color: var(--sp-green) !important; }
body.theme-sirplay .layout-content hr[style*="#f0ad4e" i] { border-top-color: var(--sp-orange) !important; }

body.theme-sirplay .layout-content:has(#createBonusForm) .label-field { white-space: nowrap; }

@media (max-width: 767px) {
    body.theme-sirplay .layout-content:has(#createBonusForm) .card-header[style*="display:flex"] { flex-wrap: wrap; gap: 8px; }
    body.theme-sirplay .layout-content:has(#createBonusForm) .card-header > div:has(#filterState) { flex: 1 1 100%; flex-wrap: wrap; }
    body.theme-sirplay .layout-content:has(#createBonusForm) .card-header > div:has(#filterState) > div { width: 100% !important; }
    body.theme-sirplay .layout-content:has(#createBonusForm) #btnExportReport { flex: 1 1 100%; justify-content: center; }
}

body.theme-sirplay #totalizerRetailTable_wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }

body.theme-sirplay .status-box, body.theme-sirplay .legend-item, body.theme-sirplay .id-tag { border-radius: 16px; }
body.theme-sirplay .id-tag { border-radius: 999px; }
body.theme-sirplay .status-box { background: var(--sp-fill-2); border-color: var(--sp-sep); color: var(--sp-text); }
body.theme-sirplay :is(.status-success, .tag-conciliated) { background: var(--sp-green-soft); color: var(--sp-alert-success); border-color: rgba(52, 199, 89, .4); }
body.theme-sirplay :is(.status-warning, .tag-warning)     { background: var(--sp-orange-soft); color: var(--sp-alert-warning); border-color: rgba(255, 159, 10, .45); }
body.theme-sirplay :is(.status-error, .tag-error)         { background: var(--sp-red-soft); color: var(--sp-alert-danger); border-color: rgba(255, 59, 48, .4); }
body.theme-sirplay .status-info                           { background: var(--sp-accent-soft); color: var(--sp-alert-info); border-color: rgba(0, 113, 227, .35); }

body.theme-sirplay .legend-item { border-left-width: 0; box-shadow: inset 4px 0 0 currentColor; padding-left: 16px; }

body.theme-sirplay .layout-content:has(:is(#transactionId, #apply-filters, #manualBindBtn)) .card-header > h3 {
    margin: 0; font-size: 17px; font-weight: 600; letter-spacing: -.01em;
}

body.theme-sirplay { --ov-mr: 20px; }
body.theme-sirplay.theme-glass { --ov-mr: 30px; }
@media (max-width: 767px) {
    body.theme-sirplay { --ov-mr: 18px; }
    body.theme-sirplay.theme-glass { --ov-mr: 26px; }
}

body.theme-sirplay .modal-header:not(.um-header):has(> .tab),
body.theme-sirplay .modal-header:not(.um-header):has(> :is(.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12)),
body.theme-sirplay .modal-header:not(.um-header):has(> .row) { display: block; }
body.theme-sirplay .modal-header:not(.um-header):has(> .tab)::after,
body.theme-sirplay .modal-header:not(.um-header):has(> :is(.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12))::after,
body.theme-sirplay .modal-header:not(.um-header):has(> .row)::after { content: ""; display: table; clear: both; }
body.theme-sirplay .modal-header:not(.um-header):has(> .tab) > .close,
body.theme-sirplay .modal-header:not(.um-header):has(> :is(.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12)) > .close,
body.theme-sirplay .modal-header:not(.um-header):has(> .row) > .close { float: right; margin: 0 0 8px 12px; }
body.theme-sirplay .modal-header:not(.um-header) > [class*="col-"]:not(:has(.close)):not(.tab) { float: none; width: auto; padding: 0; }

body.theme-sirplay .modal-header:not(.um-header):not(.reg-modal-header) > .close { position: relative; z-index: 3; }
body.theme-sirplay .modal-header:not(.um-header) > .tab { float: none; margin: 12px 0 0; }

body.theme-sirplay .modal-header:not(.um-header) .tab > button.tablinks { flex: 1 1 auto; min-width: 0; padding: 8px 16px; line-height: 1.25; }
body.theme-sirplay .modal-header:not(.um-header) .tab > button.tablinks h4 { margin: 0; font-size: 13.5px; font-weight: inherit; line-height: inherit; letter-spacing: 0; color: inherit; }
@media (max-width: 767px) {
    body.theme-sirplay .modal-header:not(.um-header) .tab > button.tablinks { min-height: 44px; }

    body.theme-sirplay .modal .modal-header:not(.um-header):not(.reg-modal-header) .close { position: relative; }
    body.theme-sirplay .modal .modal-header .close::after { content: ""; position: absolute; inset: -4px; border-radius: 50%; }
}

body.theme-sirplay .modal-header > [class*="col-"]:has(.close) {
    display: flex; align-items: center; justify-content: space-between; gap: 12px; float: none; width: 100%; padding: 0; margin: 0;
}
body.theme-sirplay .modal-header > :is(.col,.col-auto,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto,.col-xs,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-sm,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-md,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-lg,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.col-xl):has(.close) > [class*="col-"] { float: none; width: auto; padding: 0; margin: 0; min-height: 0; }
body.theme-sirplay .modal-header > :is(.col,.col-auto,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto,.col-xs,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-sm,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-md,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-lg,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.col-xl):has(.close) > [class*="col-"]:first-child { flex: 1; min-width: 0; }
body.theme-sirplay .modal-header > :is(.col,.col-auto,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto,.col-xs,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-sm,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-md,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-lg,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.col-xl):has(.close) > [class*="col-"]:has(.close) { flex: none; }

body.theme-sirplay .modal-header:not(.um-header) > :is(.col,.col-auto,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto,.col-xs,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-sm,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-md,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-lg,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.col-xl):not(.tab) h3,
body.theme-sirplay .modal-header:not(.um-header) > :is(.col,.col-auto,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto,.col-xs,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-sm,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-md,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-lg,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.col-xl):not(.tab) h4 { margin: 0; font-size: 17px; font-weight: 600; letter-spacing: -.015em; line-height: 28px; }

body.theme-sirplay .modal-footer:not(.um-footer):has(> .row) { display: block; }
body.theme-sirplay .modal-footer:has(> p.text-muted) { justify-content: space-between; }
body.theme-sirplay .modal-footer > p.text-muted { float: none !important; flex: 1 1 200px; margin: 0 !important; text-align: left; font-size: 12px !important; line-height: 1.4; }

body.theme-sirplay .modal-header[style*="background"] {
    background: transparent !important; color: var(--sp-text) !important; border-bottom: 1px solid var(--sp-sep) !important;
    border-top-left-radius: inherit; border-top-right-radius: inherit; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;
}
body.theme-sirplay .modal-header[style*="background"] .modal-title,
body.theme-sirplay .modal-header[style*="background"] h3,
body.theme-sirplay .modal-header[style*="background"] h4,
body.theme-sirplay .modal-header[style*="background"] h5 { color: var(--sp-text) !important; }

body.theme-sirplay .modal-header[style*="background"] .close { color: var(--spx-text-2) !important; opacity: 1; }
body.theme-sirplay .modal-header[style*="background"] .close { margin-top: 0 !important; }
body.theme-sirplay .modal-body[style*="background"],
body.theme-sirplay .modal-footer[style*="background"] { background: transparent !important; }
body.theme-sirplay .modal-footer[style*="background"] { border-top: 1px solid var(--sp-sep) !important; border-radius: 0 0 var(--ov-mr) var(--ov-mr) !important; }
body.theme-sirplay .modal-content[style*="border-radius"] { border-radius: var(--ov-mr) !important; border: 0 !important; box-shadow: var(--sp-shadow-pop) !important; }
body.theme-sirplay.theme-glass .modal-content[style*="border-radius"] { box-shadow: var(--g-edge), 0 30px 90px rgba(30, 40, 90, .32) !important; }

body.theme-sirplay .blockUI.blockOverlay { background-color: rgb(var(--gw) / .5) !important; opacity: 1 !important; }
body.theme-sirplay .blockUI.blockMsg.blockPage { top: 50% !important; transform: translateY(-50%); }
body.theme-sirplay .blockUI.blockMsg { background: transparent !important; }
body.theme-sirplay .loading-message { display: flex; justify-content: center; }
body.theme-sirplay .block-spinner-bar {
    display: inline-flex; align-items: center; gap: 7px; padding: 14px 20px; border-radius: 999px;
    background: var(--g-fill-strong); -webkit-backdrop-filter: var(--g-blur); backdrop-filter: var(--g-blur); box-shadow: var(--g-edge), var(--g-shadow-lift);
}
body.theme-sirplay .block-spinner-bar > div {
    width: 10px; height: 10px; border-radius: 50%; background: var(--sp-accent); animation: sp-ov-bounce 1.2s ease-in-out infinite both;
}
body.theme-sirplay .block-spinner-bar > .bounce1 { animation-delay: -.32s; }
body.theme-sirplay .block-spinner-bar > .bounce2 { animation-delay: -.16s; }
@keyframes sp-ov-bounce { 0%, 80%, 100% { transform: scale(.55); opacity: .45; } 40% { transform: scale(1); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { body.theme-sirplay .block-spinner-bar > div { animation: none; transform: none; opacity: .8; } }
@media (prefers-reduced-transparency: reduce) { body.theme-sirplay .block-spinner-bar { -webkit-backdrop-filter: none; backdrop-filter: none; } }

body.theme-sirplay #toast-container { font-family: inherit; }
body.theme-sirplay #toast-container.toast-top-right, body.theme-sirplay #toast-container.toast-top-left,
body.theme-sirplay #toast-container.toast-top-center, body.theme-sirplay #toast-container.toast-top-full-width { top: 72px; }
body.theme-sirplay #toast-container > div {
    width: min(340px, calc(100vw - 24px)); margin: 0 0 10px; padding: 14px 40px 14px 18px; border-radius: 14px; opacity: 1; background-image: none !important;
    background-color: var(--sp-surface); color: var(--sp-text); font-size: 13.5px; line-height: 1.45; box-shadow: var(--sp-shadow-pop);
}
body.theme-sirplay.theme-glass #toast-container > div {
    border-radius: 22px; background-color: var(--g-fill-strong); -webkit-backdrop-filter: var(--g-blur-strong); backdrop-filter: var(--g-blur-strong);
    box-shadow: var(--g-edge), var(--g-shadow-lift);
}
body.theme-sirplay #toast-container > div:hover { box-shadow: var(--sp-shadow-pop); opacity: 1; }
body.theme-sirplay.theme-glass #toast-container > div:hover { box-shadow: var(--g-edge), var(--g-shadow-lift); }
body.theme-sirplay #toast-container .toast-title { font-size: 14.5px; font-weight: 600; letter-spacing: -.01em; }
body.theme-sirplay #toast-container .toast-message { color: var(--sp-text); word-wrap: break-word; }
body.theme-sirplay #toast-container .toast-message a { color: var(--sp-accent-strong); text-decoration: underline; }
body.theme-sirplay #toast-container > .toast-success { box-shadow: inset 4px 0 0 var(--spx-green-text), var(--sp-shadow-pop); }
body.theme-sirplay #toast-container > .toast-error { box-shadow: inset 4px 0 0 var(--sp-red), var(--sp-shadow-pop); }
body.theme-sirplay #toast-container > .toast-warning { box-shadow: inset 4px 0 0 var(--sp-orange), var(--sp-shadow-pop); }
body.theme-sirplay #toast-container > .toast-info { box-shadow: inset 4px 0 0 var(--sp-accent), var(--sp-shadow-pop); }
body.theme-sirplay.theme-glass #toast-container > .toast-success { box-shadow: var(--g-edge), var(--g-shadow-lift), inset 4px 0 0 var(--spx-green-text); }
body.theme-sirplay.theme-glass #toast-container > .toast-error { box-shadow: var(--g-edge), var(--g-shadow-lift), inset 4px 0 0 var(--sp-red); }
body.theme-sirplay.theme-glass #toast-container > .toast-warning { box-shadow: var(--g-edge), var(--g-shadow-lift), inset 4px 0 0 var(--sp-orange); }
body.theme-sirplay.theme-glass #toast-container > .toast-info { box-shadow: var(--g-edge), var(--g-shadow-lift), inset 4px 0 0 var(--sp-accent); }
body.theme-sirplay #toast-container .toast-close-button { position: absolute; float: none; top: 10px; right: 12px; color: var(--spx-text-2); text-shadow: none; opacity: 1; font-size: 20px; line-height: 1; }
body.theme-sirplay #toast-container .toast-close-button:hover { color: var(--sp-text); }
body.theme-sirplay #toast-container .toast-progress { background-color: var(--sp-accent); opacity: .5; }

body.theme-sirplay .jq-toast-single { overflow: hidden; }
body.theme-sirplay .jq-toast-single .jq-toast-loader { top: auto; bottom: 0; height: 3px; border-radius: 0 3px 3px 0; background-color: var(--sp-accent) !important; opacity: .55; }
@media (max-width: 767px) {

    body.theme-sirplay .jq-toast-wrap.top-right, body.theme-sirplay .jq-toast-wrap.bottom-right { left: 12px; right: 12px; width: auto; max-width: none; }
    body.theme-sirplay .jq-toast-wrap.top-left, body.theme-sirplay .jq-toast-wrap.bottom-left { left: 12px; right: 12px; width: auto; max-width: none; }
    body.theme-sirplay .jq-toast-wrap.top-center, body.theme-sirplay .jq-toast-wrap.bottom-center, body.theme-sirplay .jq-toast-wrap.mid-center { left: 12px; right: 12px; margin-left: 0; width: auto; max-width: none; }

    body.theme-sirplay .sweet-alert button { min-height: 44px; }
}

body.theme-sirplay .alert:not(.text-capitalize):not(.text-uppercase):not(.text-lowercase) { text-transform: none; }

body.theme-sirplay .sidenav-label sup { color: #9a4400 !important; }
html[data-sp-mode="dark"] body.theme-sirplay .sidenav-label sup { color: var(--sp-orange) !important; }

@media print {
    html body.theme-sirplay.theme-sirplay, html[data-sp-mode="dark"] body.theme-sirplay.theme-sirplay {
        --sp-bg: #fff; --sp-surface: #fff; --sp-surface-2: #f5f5f7; --sp-text: #000; --sp-text-2: #3a3a3c; --sp-text-3: #3a3a3c;
        --sp-sep: rgba(0, 0, 0, .18); --sp-sep-strong: rgba(0, 0, 0, .3); --sp-fill: rgba(0, 0, 0, .06); --sp-fill-2: rgba(0, 0, 0, .04);
        --spx-text-2: #3a3a3c; --gw: 255 255 255; --gh: 255 255 255;

        --sp-accent: #0071e3; --sp-accent-strong: #0060c9; --sp-green: #1b6e33; --sp-orange: #b25000; --sp-red: #d70015; --spx-green-text: #1d7a35;
        --sp-alert-success: #14532d; --sp-alert-info: #0a4a99; --sp-alert-warning: #7a3e00; --sp-alert-danger: #8c0010;
        --tn-pri-bg: rgba(0, 113, 227, .1); --tn-pri-fg: #0a4a99; --tn-pri-ring: rgba(0, 113, 227, .45);
        --tn-suc-bg: rgba(52, 199, 89, .14); --tn-suc-fg: #14532d; --tn-suc-ring: rgba(27, 110, 51, .5);
        --tn-war-bg: rgba(255, 159, 10, .16); --tn-war-fg: #7a3e00; --tn-war-ring: rgba(178, 80, 0, .5);
        --tn-dan-bg: rgba(215, 0, 21, .08); --tn-dan-fg: #8c0010; --tn-dan-ring: rgba(215, 0, 21, .45);
        --tn-inf-bg: rgba(50, 173, 230, .16); --tn-inf-fg: #0a5a80; --tn-inf-ring: rgba(10, 90, 128, .45);
        --tn-pur-bg: rgba(106, 63, 216, .12); --tn-pur-fg: #5a2fc2; --tn-pur-ring: rgba(106, 63, 216, .45);
        --tn-neu-bg: rgba(0, 0, 0, .05); --tn-neu-fg: #000; --tn-neu-ring: rgba(0, 0, 0, .35);
        background: #fff !important; color: #000; color-scheme: light;
    }
    body.theme-sirplay .layout-header, body.theme-sirplay .layout-sidebar, body.theme-sirplay .layout-footer, body.theme-sirplay #ai-chatbot-widget,
    body.theme-sirplay .modal-backdrop, body.theme-sirplay .sweet-overlay, body.theme-sirplay .jq-toast-wrap, body.theme-sirplay #toast-container,
    body.theme-sirplay .dt-buttons, body.theme-sirplay .dataTables_filter, body.theme-sirplay .dataTables_length, body.theme-sirplay .dataTables_paginate { display: none !important; }
    body.theme-sirplay .layout-main, body.theme-sirplay .layout-content, body.theme-sirplay .layout-content-body { margin: 0 !important; padding: 0 !important; left: 0 !important; width: auto !important; }
    body.theme-sirplay *, body.theme-sirplay *::before, body.theme-sirplay *::after { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; animation: none !important; text-shadow: none !important; }
    body.theme-sirplay .card, body.theme-sirplay .panel, body.theme-sirplay .reg-card, body.theme-sirplay .be-panel, body.theme-sirplay .well {
        background: #fff !important; box-shadow: none !important; border: 1px solid rgba(0, 0, 0, .18) !important; border-radius: 8px; break-inside: avoid;
    }
    body.theme-sirplay .card::after, body.theme-sirplay .panel::after, body.theme-sirplay .reg-card::after, body.theme-sirplay .be-panel::after { display: none !important; }
    body.theme-sirplay .table > thead > tr > th { background: #f5f5f7 !important; color: #000 !important; }
    body.theme-sirplay .table tr, body.theme-sirplay .table img { break-inside: avoid; }
}

html body.theme-sirplay.theme-sirplay :is(
    .dt-buttons > :is(.dt-button, .btn), :where(.dt-buttons > .btn-group) > .btn,
    .btn-modern-export, .btn-personalization-datatable, .btn-export-csv, .btn-export-excel
) {
    background: var(--tn-neu-bg) !important; background-image: none !important; color: var(--tn-neu-fg) !important;
    border: 0 !important; border-radius: 999px !important; box-shadow: inset 0 0 0 1px var(--tn-neu-ring) !important; text-shadow: none !important; outline: 0 !important;
    display: inline-flex; align-items: center; justify-content: center; gap: 6px; float: none;
    min-height: 34px; margin: 0 !important; padding: 6px 16px !important; line-height: 20px;
    font-size: 12.5px !important; font-weight: 500 !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap;
    cursor: pointer; transition: background-color var(--sp-fast) ease, box-shadow var(--sp-fast) ease;
}
html body.theme-sirplay.theme-sirplay :is(
    .dt-buttons > :is(.dt-button, .btn), :where(.dt-buttons > .btn-group) > .btn,
    .btn-modern-export, .btn-personalization-datatable, .btn-export-csv, .btn-export-excel
):is(:hover, :focus, :active):not(:disabled):not(.disabled) {
    background: color-mix(in srgb, var(--tn-neu-bg) 100%, var(--tn-neu-fg) 14%) !important; color: var(--tn-neu-fg) !important;
    box-shadow: inset 0 0 0 1px var(--tn-neu-ring) !important; transform: none;
}
html body.theme-sirplay.theme-sirplay :is(
    .dt-buttons > :is(.dt-button, .btn), :where(.dt-buttons > .btn-group) > .btn,
    .btn-modern-export, .btn-personalization-datatable, .btn-export-csv, .btn-export-excel
):focus-visible { box-shadow: inset 0 0 0 1px var(--tn-neu-ring), 0 0 0 4px rgba(10, 132, 255, .35) !important; }

html body.theme-sirplay.theme-sirplay .dt-buttons > :is(.dt-button, .btn).active,
html body.theme-sirplay.theme-sirplay .dt-buttons > .open > :is(.dt-button, .btn) {
    background: var(--tn-pri-bg) !important; color: var(--tn-pri-fg) !important; box-shadow: inset 0 0 0 1px var(--tn-pri-ring) !important;
}
html body.theme-sirplay.theme-sirplay .dt-buttons > :is(.dt-button, .btn):is(:disabled, .disabled, [disabled]) { opacity: .5; cursor: not-allowed; pointer-events: none; }

body.theme-sirplay .dt-buttons, body.theme-sirplay .dataTables_wrapper .dt-buttons { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px; width: auto; max-width: 100%; text-align: left; }
body.theme-sirplay .dt-buttons > .btn-group { display: inline-flex; flex-wrap: wrap; gap: 6px; float: none; }

html body.theme-sirplay.theme-sirplay .btn-export-whatsapp {
    background: var(--tn-suc-bg) !important; color: var(--tn-suc-fg) !important; border: 0 !important; border-radius: 999px !important; box-shadow: inset 0 0 0 1px var(--tn-suc-ring) !important;
    min-height: 34px; padding: 6px 16px !important; font-size: 12.5px; font-weight: 500;
}
html body.theme-sirplay.theme-sirplay .btn-export-whatsapp:hover { background: color-mix(in srgb, var(--tn-suc-bg) 100%, var(--tn-suc-fg) 14%) !important; color: var(--tn-suc-fg) !important; }

body.theme-sirplay .table-responsive:has(.dt-button-collection) { overflow: visible; }
html body.theme-sirplay.theme-sirplay div.dt-button-collection {
    background: var(--spx-pop-bg) !important; border: 0 !important; border-radius: 18px !important; box-shadow: var(--sp-shadow-pop) !important;
    padding: 6px !important; margin-top: 6px; min-width: 200px; max-width: min(340px, calc(100vw - 24px)); color: var(--sp-text);
}
html body.theme-sirplay.theme-sirplay div.dt-button-collection > .dropdown-menu {
    position: static; display: block; float: none; min-width: 0; max-height: min(60vh, 420px); overflow-y: auto; margin: 0; padding: 0;
    background: transparent; border: 0; border-radius: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
}
html body.theme-sirplay.theme-sirplay div.dt-button-collection :is(.dt-button, a.dt-button, .buttons-columnVisibility) {
    position: relative; display: block; width: 100%; min-height: 0; margin: 1px 0 !important; padding: 8px 34px 8px 12px !important; border: 0 !important; border-radius: 10px !important;
    box-shadow: none !important; background: transparent !important; color: var(--sp-text-2) !important; font-size: 13px !important; font-weight: 500 !important; line-height: 20px;
    text-align: left; text-transform: none !important; letter-spacing: 0 !important; transform: none;
}

html body.theme-sirplay.theme-sirplay div.dt-button-collection li.dt-button > a { display: block; min-height: 0; margin: 0; padding: 0 !important; background: transparent !important; color: inherit !important; border: 0; box-shadow: none; }
html body.theme-sirplay.theme-sirplay div.dt-button-collection :is(.dt-button, a.dt-button, .buttons-columnVisibility):hover { background: var(--sp-fill) !important; color: var(--sp-text) !important; }

html body.theme-sirplay.theme-sirplay div.dt-button-collection :is(.dt-button, a.dt-button, .buttons-columnVisibility):is(.active, .dt-button-active) { color: var(--sp-text) !important; font-weight: 600 !important; }
html body.theme-sirplay.theme-sirplay div.dt-button-collection :is(.dt-button, a.dt-button, .buttons-columnVisibility):is(.active, .dt-button-active)::after {
    content: "\f00c"; display: block; position: absolute; right: 12px; top: 50%; width: auto; height: auto; margin: 0; transform: translateY(-50%);
    background: none !important; font: normal 12px/1 FontAwesome; color: var(--spx-accent-text);
}
html body.theme-sirplay.theme-sirplay div.dt-button-collection :is(.dt-button, a.dt-button, .buttons-columnVisibility):focus-visible { box-shadow: 0 0 0 4px rgba(10, 132, 255, .35) !important; outline: 0; }

body.theme-sirplay .dataTables_wrapper .dataTables_filter > label { position: relative; }
body.theme-sirplay .dataTables_wrapper .dataTables_filter > label::after {
    content: "\f002"; display: block; position: absolute; left: 14px; top: 50%; width: auto; height: auto; margin: 0; transform: translateY(-50%);
    font: normal 13px/1 FontAwesome; color: var(--sp-text-2); pointer-events: none; z-index: 5;
}

body.theme-sirplay.theme-sirplay .dataTables_wrapper .dataTables_filter > label > input.form-control,
body.theme-sirplay.theme-sirplay .dataTables_wrapper .dataTables_filter > label > input[type="search"] { padding-left: 36px; }

body.theme-sirplay table.dataTable thead .sorting::before, body.theme-sirplay table.dataTable thead .sorting::after,
body.theme-sirplay table.dataTable thead .sorting_asc::before, body.theme-sirplay table.dataTable thead .sorting_asc::after,
body.theme-sirplay table.dataTable thead .sorting_desc::before, body.theme-sirplay table.dataTable thead .sorting_desc::after { opacity: .5; }
body.theme-sirplay table.dataTable thead .sorting_asc::before, body.theme-sirplay table.dataTable thead .sorting_desc::after { opacity: 1; }
body.theme-sirplay table.dataTable thead .sorting:hover::before, body.theme-sirplay table.dataTable thead .sorting:hover::after { opacity: .75; }

body.theme-sirplay table.dataTable thead th:focus { outline: 0; }
body.theme-sirplay table.dataTable thead th:focus-visible { box-shadow: inset 0 0 0 3px rgba(10, 132, 255, .45); border-radius: 8px; }
body.theme-sirplay .pagination > li > a:focus-visible { outline: 0; box-shadow: 0 0 0 4px rgba(10, 132, 255, .35); }

body.theme-sirplay .table > tfoot > tr > th, body.theme-sirplay .table > tfoot > tr > td { border-bottom-color: var(--sp-sep); }

body.theme-sirplay #table-loading-overlay-700 { background: color-mix(in srgb, var(--sp-surface) 72%, transparent); }
html body.theme-sirplay.theme-sirplay div.dataTables_wrapper div.dataTables_processing {
    background: var(--sp-surface) !important; color: var(--sp-text) !important; border: 0 !important; height: auto !important; padding: 8px 18px !important;
    border-radius: 999px; box-shadow: var(--sp-shadow-pop);
}

body.theme-sirplay #activeGamesTable th { background-color: rgb(var(--gw) / .5); color: var(--sp-text-2); font-size: 11.5px; }
body.theme-sirplay #activeGamesTable td { color: var(--sp-text); font-size: 14px; }

body.theme-sirplay .table-modern thead { background: transparent; }
body.theme-sirplay .table-modern tbody tr:hover { background: rgba(0, 113, 227, .05); }
html[data-sp-mode="dark"] body.theme-sirplay .table-modern tbody tr:hover { background: rgba(10, 132, 255, .12); }

@media (max-width: 767px) {
    html body.theme-sirplay.theme-sirplay :is(
        .dt-buttons > :is(.dt-button, .btn), :where(.dt-buttons > .btn-group) > .btn,
        .btn-modern-export, .btn-personalization-datatable, .btn-export-csv, .btn-export-excel, .btn-export-whatsapp
    ) { min-height: 44px; padding: 10px 18px !important; font-size: 13px !important; }
    html body.theme-sirplay.theme-sirplay div.dt-button-collection :is(.dt-button, a.dt-button, .buttons-columnVisibility) { padding-top: 12px !important; padding-bottom: 12px !important; }
    body.theme-sirplay table.dataTable thead th.sorting, body.theme-sirplay table.dataTable thead th.sorting_asc, body.theme-sirplay table.dataTable thead th.sorting_desc { padding-top: 14px; padding-bottom: 14px; }
    body.theme-sirplay .layout-content table td .btn { min-width: 44px; min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
    html body.theme-sirplay.theme-sirplay :is(.dt-buttons > :is(.dt-button, .btn), .btn-modern-export, .btn-export-csv, .btn-export-excel) { transition: none; }
}
@media (prefers-reduced-transparency: reduce) {
    html body.theme-sirplay.theme-sirplay div.dt-button-collection { -webkit-backdrop-filter: none; backdrop-filter: none; }
}

@media (min-width: 768px) {
    body.theme-sirplay.theme-glass #createUserModal .form-control, body.theme-sirplay.theme-glass #projectDetailsModal .modal-body .form-control { height: 40px; }
}
body.theme-sirplay.theme-glass #createUserModal .form-control, body.theme-sirplay.theme-glass #projectDetailsModal .modal-body .form-control {
    border: 0; border-radius: 14px; background-color: var(--spx-field-bg);
    box-shadow: inset 0 1px 2px var(--spx-field-inset), inset 0 0 0 1px var(--spx-field-line);
}
body.theme-sirplay.theme-glass #createUserModal .form-control:hover, body.theme-sirplay.theme-glass #projectDetailsModal .modal-body .form-control:hover {
    box-shadow: inset 0 1px 2px var(--spx-field-inset), inset 0 0 0 1px var(--spx-field-line-hover);
}
body.theme-sirplay.theme-glass #createUserModal .form-control:focus, body.theme-sirplay.theme-glass #projectDetailsModal .modal-body .form-control:focus {
    border: 0; background-color: rgb(var(--gw) / .92); box-shadow: var(--spx-ring), inset 0 0 0 1px var(--spx-blue);
}
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass #createUserModal .form-control:focus, html[data-sp-mode="dark"] body.theme-sirplay.theme-glass #projectDetailsModal .modal-body .form-control:focus {
    box-shadow: var(--spx-ring), inset 0 0 0 1px var(--sp-accent);
}
body.theme-sirplay.theme-glass #createUserModal .form-control[disabled], body.theme-sirplay.theme-glass #projectDetailsModal .modal-body .form-control[disabled] {
    background-color: var(--sp-fill-2); box-shadow: inset 0 0 0 1px var(--sp-sep);
}
body.theme-sirplay.theme-glass #createUserModal textarea.form-control, body.theme-sirplay.theme-glass #projectDetailsModal textarea.form-control { height: auto; border-radius: 18px; }

body.theme-sirplay .errorlength { border: 0 !important; box-shadow: inset 0 0 0 2px var(--sp-red), 0 0 0 4px var(--sp-red-soft) !important; }

body.theme-sirplay #projectDetailsModal .modal-body .row:not(:last-child) > :not(.sp-x) > .form-group:last-child { margin-bottom: 16px; }
@media (max-width: 767px) { body.theme-sirplay #projectDetailsModal .modal-body .row:not(:last-child) > :not(.sp-x) > .form-group:last-child { margin-bottom: 12px; } }

body.theme-sirplay #paymentMethodsList label code { font: inherit; font-size: 12.5px; background: none; color: var(--sp-text-2); padding: 0; border-radius: 0; text-transform: none; }

body.theme-sirplay #projectDetailsModal .dataTables_wrapper .dataTables_filter label::after { display: flex; }
body.theme-sirplay #projectDetailsModal .dataTables_filter > label > input { padding-left: 34px; }

@media (max-width: 991px) {
    body.theme-sirplay #projectDetailsModal #updateDetails > [class*="col-md-"]:not([class*="col-sm-"]):not([class*="col-xs-"]),
    body.theme-sirplay #createUserModal form.ajax-form > [class*="col-md-"]:not([class*="col-sm-"]):not([class*="col-xs-"]) { flex: 0 0 100%; max-width: 100%; }
}

body.theme-sirplay #createUserModal .modal-header:not(.um-header) {
    position: relative; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 64px 18px 24px;
}
body.theme-sirplay #createUserModal .modal-header:not(.um-header) > [class*="col-"] { float: none !important; width: auto; padding: 0; }
body.theme-sirplay #createUserModal .modal-header:not(.um-header) > .col-lg-3 { flex: 1 1 200px; min-width: 0; }
body.theme-sirplay #createUserModal .modal-header:not(.um-header) > .col-lg-3 h4 { margin: 0; font-size: 20px; font-weight: 600; letter-spacing: -.02em; color: var(--sp-text); }
body.theme-sirplay #createUserModal .modal-header:not(.um-header) > .col-lg-4 { flex: 0 1 300px; min-width: 200px; }
body.theme-sirplay #createUserModal .modal-header:not(.um-header) .close { position: absolute; top: 50%; right: 18px; transform: translateY(-50%); }

body.theme-sirplay #createUserModal .modal-footer.sp-footer-empty { display: none; }
@media (max-width: 767px) {
    body.theme-sirplay #createUserModal .modal-header:not(.um-header) { padding: 14px 56px 14px 16px; }
    body.theme-sirplay #createUserModal .modal-header:not(.um-header) > .col-lg-4 { flex: 1 1 100%; }
    body.theme-sirplay #createUserModal .modal-header:not(.um-header) .close { top: 14px; transform: none; }
}

@media (max-width: 767px) {
    body.theme-sirplay #projectDetailsModal .um-header .close, body.theme-sirplay #createUserModal .um-header .close { position: absolute; }

    body.theme-sirplay #projectDetailsModal .um-header .um-tabs.tab { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
    body.theme-sirplay #projectDetailsModal .um-header .um-tabs.tab::-webkit-scrollbar { display: none; }
    body.theme-sirplay #projectDetailsModal .um-header .um-tabs.tab > button.tablinks { flex: 0 0 auto; white-space: nowrap; }

    body.theme-sirplay #projectDetailsModal .modal-footer.um-footer { display: block; }

    body.theme-sirplay.theme-glass #projectDetailsModal .um-actions .btn-default {
        background: var(--tn-neu-bg); box-shadow: inset 0 0 0 1px var(--tn-neu-ring);
    }
}

body.theme-sirplay .treeview-animated .bt-list { border-radius: 12px; }
body.theme-sirplay .treeview-animated .mdi { color: var(--sp-text); }
body.theme-sirplay .treeview-animated .active-icon { background: var(--sp-accent-soft); color: var(--sp-accent-strong); border-radius: 10px; }
body.theme-sirplay .treeview-animated .triangle-down { border-left-color: transparent; border-right-color: transparent; border-top-color: var(--sp-accent-soft); }
html[data-sp-mode="dark"] body.theme-sirplay .treeview-animated .triangle-down { border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: var(--sp-accent-soft) !important; }
body.theme-sirplay .treeview-animated .net-hr { border-top-color: var(--sp-sep); }
html[data-sp-mode="dark"] body.theme-sirplay .treeview-animated .net-hr { border-top-color: var(--sp-sep) !important; }
body.theme-sirplay .treeview-animated .detail-user { color: var(--sp-text); transition: color var(--sp-fast) ease; }
body.theme-sirplay .treeview-animated .detail-user:hover { color: var(--sp-accent-strong); font-weight: 600; }
body.theme-sirplay .treeview-animated .plus-more { transition: color var(--sp-fast) ease; }
body.theme-sirplay .treeview-animated .plus-more:hover { color: var(--sp-accent-strong); }

body.theme-sirplay .treeview-pagination .page-item.active .page-link { background-color: var(--sp-accent); color: #fff; }

body.theme-sirplay .layout-content-body:has(#date-range):has(#users-table) .card-header > [class*="col-"]:only-child { float: none; width: auto; padding: 0; }
body.theme-sirplay .layout-content-body:has(#date-range):has(#users-table) .card-body > .col-md-2:first-child { padding-left: 0; }

body.theme-sirplay .layout-content-body:has(#date-range):has(#users-table) .btn.showTable {
    background: var(--tn-pri-bg); color: var(--tn-pri-fg); border: 0; background-image: none; box-shadow: inset 0 0 0 1px var(--tn-pri-ring);
    border-radius: 999px; font-weight: 500; padding: 7px 18px; width: auto;
}
body.theme-sirplay .layout-content-body:has(#date-range):has(#users-table) .btn.showTable:hover { background: color-mix(in srgb, var(--tn-pri-bg) 100%, var(--tn-pri-fg) 14%); }
body.theme-sirplay .layout-content-body:has(#date-range):has(#users-table) .btn.showTable:focus-visible { outline: none; box-shadow: inset 0 0 0 1px var(--tn-pri-ring), 0 0 0 4px rgba(10, 132, 255, .35); }

body.theme-sirplay .layout-content-body:has(#csv) .card:has(> .card-body:only-child > .table-responsive:only-child:not(:has(*))) { display: none; }

body.theme-sirplay #addBlacklist {
    background: var(--tn-neu-bg); color: var(--tn-neu-fg); border-color: transparent; background-image: none; box-shadow: inset 0 0 0 1px var(--tn-neu-ring); font-weight: 500;
}
body.theme-sirplay #addBlacklist:hover, body.theme-sirplay #addBlacklist:focus { background: color-mix(in srgb, var(--tn-neu-bg) 100%, var(--tn-neu-fg) 14%); color: var(--tn-neu-fg); }
body.theme-sirplay #addBlacklist:focus-visible { outline: none; box-shadow: inset 0 0 0 1px var(--tn-neu-ring), 0 0 0 4px rgba(10, 132, 255, .35); }

body.theme-sirplay .layout-content-body:has(#report-type) table.table-condensed td { font-size: 12.5px !important; line-height: 1.35; font-variant-numeric: tabular-nums; }

body.theme-sirplay .bg-readonly { background-color: var(--sp-fill-2) !important; color: var(--sp-text-2); }

body.theme-sirplay .form-body > :not(hr) + .row > p.text-center:first-child::before { content: ""; display: block; height: 1px; margin: 24px 15px; background: var(--sp-sep); }

body.theme-sirplay .perm-card-body > .row { grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); }

body.theme-sirplay .layout-content-body :is(.row, .card-body):has(> :not(.sp-x) > input.manage-permission[type="checkbox"]:first-child) {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); gap: 0 8px; margin: 0;
}
body.theme-sirplay .layout-content-body :is(.row, .card-body):has(> :not(.sp-x) > input.manage-permission[type="checkbox"]:first-child)::before,
body.theme-sirplay .layout-content-body :is(.row, .card-body):has(> :not(.sp-x) > input.manage-permission[type="checkbox"]:first-child)::after { display: none; }
body.theme-sirplay .layout-content-body :is(.row, .card-body) > [class*="col-"]:has(> input.manage-permission[type="checkbox"]:first-child) {
    float: none; width: auto; min-width: 0; display: flex; align-items: flex-start; gap: 10px; margin: 2px 0; padding: 7px 10px; border-radius: 10px;
    font-size: 12.5px; line-height: 1.3; color: var(--sp-text-2); overflow-wrap: anywhere; transition: background var(--sp-fast) ease;
}
body.theme-sirplay .layout-content-body :is(.row, .card-body) > [class*="col-"]:has(> input.manage-permission[type="checkbox"]:first-child):hover { background: var(--sp-fill-2); }
body.theme-sirplay .layout-content-body :is(.row, .card-body) > [class*="col-"]:has(> input.manage-permission[type="checkbox"]:checked) { color: var(--sp-text); }
body.theme-sirplay .layout-content-body :is(.col,.col-auto,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto,.col-xs,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-sm,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-md,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-lg,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.col-xl) > input.manage-permission[type="checkbox"]:first-child {
    -webkit-appearance: none; appearance: none; flex: none; width: 18px; height: 18px; margin: 0; cursor: pointer;
    border: 1.5px solid var(--sp-text-3); border-radius: 6px; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 12px;
    transition: background-color var(--sp-fast) ease, border-color var(--sp-fast) ease, box-shadow var(--sp-fast) ease, transform var(--sp-fast) var(--sp-ease);
}
body.theme-sirplay .layout-content-body :is(.col,.col-auto,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto,.col-xs,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-sm,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-md,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-lg,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.col-xl) > input.manage-permission[type="checkbox"]:first-child:checked { background-color: var(--cms-primary); border-color: var(--cms-primary); background-image: var(--cms-check); }
body.theme-sirplay .layout-content-body :is(.col,.col-auto,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto,.col-xs,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-sm,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-md,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-lg,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.col-xl) > input.manage-permission[type="checkbox"]:first-child:active { transform: scale(.88); }
body.theme-sirplay .layout-content-body :is(.col,.col-auto,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-auto,.col-xs,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto,.col-sm,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto,.col-md,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-auto,.col-lg,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-auto,.col-xl) > input.manage-permission[type="checkbox"]:first-child:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(10, 132, 255, .28); }

body.theme-sirplay .layout-content-body:has(#deselectAll) .align-left { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; width: max-content; }
body.theme-sirplay .layout-content-body:has(#deselectAll) .align-left .btn { margin-top: 0 !important; flex: none; }

body.theme-sirplay #mostraPassCrypt {
    border: 0; border-radius: 14px; padding: 10px 14px; background-color: var(--spx-field-bg); color: var(--sp-text);
    box-shadow: inset 0 1px 2px var(--spx-field-inset), inset 0 0 0 1px var(--spx-field-line); font-size: 13px; resize: vertical;
}

body.theme-sirplay .card[style*="background: transparent"],
body.theme-sirplay .card[style*="background:transparent"] {
    box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; border-radius: 0; animation: none;
}
body.theme-sirplay .card[style*="background: transparent"]::after,
body.theme-sirplay .card[style*="background:transparent"]::after { display: none; }
body.theme-sirplay .card[style*="background: transparent"] > .card-header,
body.theme-sirplay .card[style*="background:transparent"] > .card-header { border-bottom: 0; border-radius: 0; }

body.theme-sirplay .btn-outline-purple { color: #6a3fd8 !important; border-color: rgba(106, 63, 216, .45) !important; background-color: transparent !important; }
body.theme-sirplay .btn-outline-purple:hover:not([disabled]), body.theme-sirplay .btn-outline-purple:focus:not([disabled]), body.theme-sirplay .btn-outline-purple:active:not([disabled]) { background-color: rgba(106, 63, 216, .12) !important; color: #5a2fc8 !important; border-color: rgba(106, 63, 216, .7) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .btn-outline-purple { color: #b9a1ff !important; border-color: rgba(185, 161, 255, .5) !important; }
html[data-sp-mode="dark"] body.theme-sirplay .btn-outline-purple:hover:not([disabled]), html[data-sp-mode="dark"] body.theme-sirplay .btn-outline-purple:focus:not([disabled]), html[data-sp-mode="dark"] body.theme-sirplay .btn-outline-purple:active:not([disabled]) { background-color: rgba(185, 161, 255, .16) !important; color: #d3c3ff !important; border-color: rgba(185, 161, 255, .8) !important; }

body.theme-sirplay .sidenav > li > a:hover, body.theme-sirplay .sidenav-subnav > li > a:hover,
body.theme-sirplay.theme-glass .sidenav > li > a:hover, body.theme-sirplay.theme-glass .sidenav-subnav > li > a:hover,
body.theme-sirplay .sidenav-subnav-flyout > li > a:hover {
    background: var(--sp-fill); box-shadow: none; color: var(--sp-text);
}
body.theme-sirplay .sidenav li.has-subnav.active > a,
body.theme-sirplay .sidenav li.has-subnav.active.open > a,
body.theme-sirplay.theme-glass .sidenav li.has-subnav.active > a,
body.theme-sirplay .sidenav .sidenav-item.open.active > a {
    background: transparent; box-shadow: none; color: var(--sp-accent-strong); font-weight: 600;
}
body.theme-sirplay .sidenav li.has-subnav.active > a:hover { background: var(--sp-fill); }
body.theme-sirplay .sidenav .sidenav-subnav .sidenav-subnav,
body.theme-sirplay.theme-glass .sidenav .sidenav-subnav .sidenav-subnav { background: var(--sp-fill-2); box-shadow: none; border: 0; border-radius: 14px; }

body.theme-sirplay.theme-glass .sidenav li.active > a, body.theme-sirplay.theme-glass .sidenav-subnav > li.active > a { box-shadow: none; }

body.theme-sirplay .bootstrap-datetimepicker-widget.dropdown-menu { width: 288px; min-width: 288px; }
body.theme-sirplay .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: 576px; min-width: 576px; }
@media (max-width: 575px) {
    body.theme-sirplay .bootstrap-datetimepicker-widget.dropdown-menu, body.theme-sirplay .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { width: min(288px, calc(100vw - 24px)); min-width: 0; }
}

@media (min-width: 768px) {
    body.theme-sirplay [class*="col-"]:has(> .input-daterange.input-group) { min-width: 372px; }
}
body.theme-sirplay .input-daterange .form-control {
    font-size: 13px; padding-left: 10px; padding-right: 10px; font-variant-numeric: tabular-nums; letter-spacing: 0;
}

body.theme-sirplay .btn.form-control {
    white-space: normal; height: auto; min-height: 40px; line-height: 1.25; padding-top: 8px; padding-bottom: 8px;
}

body.theme-sirplay select.form-control { padding-left: 10px; padding-right: 26px; background-position: right 9px center; text-overflow: clip; }

body.theme-sirplay .layout-content .select2-container--bootstrap .select2-selection--single { padding-left: 10px; padding-right: 28px; background-position: right 10px center; }
body.theme-sirplay .layout-content .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { padding-right: 0; }

@media (max-width: 600px) {
    body.theme-sirplay .sidenav .sidenav-subnav { margin-left: 0; margin-top: 0; margin-bottom: 0; }
}

body.theme-sirplay .layout-content .form-group:has(> input.manage-permission + .toggle-switch) > input.manage-permission {
    position: absolute !important; opacity: 0 !important; width: 1px !important; height: 1px !important; margin: 0 !important; pointer-events: none;
}
body.theme-sirplay .layout-content .form-group:has(> input.manage-permission:focus-visible) > .toggle-switch { box-shadow: 0 0 0 4px rgba(10, 132, 255, .28); }
body.theme-sirplay span.toggle-switch { background-color: rgba(120, 120, 128, .36) !important; }
body.theme-sirplay input[type="checkbox"]:checked + span.toggle-switch { background-color: var(--sp-green) !important; }

body.theme-sirplay .modal-header.um-header { display: block; }
body.theme-sirplay .um-header .um-tabs.tab {
    display: flex; flex-wrap: wrap; gap: 2px; width: auto; max-width: none; margin: 16px 0 0; padding: 0; border-radius: 0; background: transparent; box-shadow: none;
}
body.theme-sirplay .um-header .um-tabs.tab > button.tablinks { min-width: 0; box-shadow: none; border-radius: 8px 8px 0 0; border-bottom: 3px solid transparent; transform: none; }
body.theme-sirplay .um-header .um-tabs.tab > button.tablinks.active,
body.theme-sirplay.theme-glass .um-header .um-tabs.tab > button.tablinks.active,
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass .um-header .um-tabs.tab > button.tablinks.active { min-width: 0; box-shadow: none; border-radius: 8px 8px 0 0; border-bottom-color: var(--sp-accent); transform: none; }

@media (min-width: 768px) {
    body.theme-sirplay #projectDetailsModal .modal-footer.um-footer { display: block; }
    body.theme-sirplay #projectDetailsModal .um-footer .um-actions { display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; }
}

body.theme-sirplay.theme-sirplay.theme-glass .modal.fade.in .modal-dialog, body.theme-sirplay.theme-sirplay .modal.fade.in .modal-dialog { transform: none; opacity: 1; }

body.theme-sirplay .layout-content-body { animation-fill-mode: backwards !important; }

body.theme-sirplay .progress-bar:not(.progress-bar-success):not(.progress-bar-warning):not(.progress-bar-danger):not(.progress-bar-info) { background-color: #0a6fd6; color: #fff; }

body.theme-sirplay .modal .btn-xs { min-height: 32px; }
@media (max-width: 767px) { body.theme-sirplay .modal .btn-xs { min-height: 44px; } }

body.theme-sirplay .row.gutter-xs > .card { margin-left: 5px; margin-right: 5px; }

html.sp-lite body.theme-sirplay.theme-glass {
    --g-blur: none; --g-blur-strong: none;
    --g-fill: rgb(var(--gw) / .74); --g-fill-strong: rgb(var(--gw) / .86); --g-fill-tint: rgb(var(--gw) / .5);
    --g-shadow: 0 8px 22px rgba(40, 60, 120, .12), 0 1px 3px rgba(40, 60, 120, .06);
    --g-shadow-lift: 0 12px 30px rgba(40, 60, 120, .18), 0 2px 5px rgba(40, 60, 120, .08);
    --sp-med: .14s; --sp-fast: .1s;
}
html[data-sp-mode="dark"].sp-lite body.theme-sirplay.theme-glass {
    --g-shadow: 0 8px 22px rgba(0, 0, 0, .45), 0 1px 3px rgba(0, 0, 0, .35);
    --g-shadow-lift: 0 12px 30px rgba(0, 0, 0, .55), 0 2px 5px rgba(0, 0, 0, .4);
}

html.sp-lite body.theme-sirplay, html.sp-lite body.theme-sirplay *, html.sp-lite body.theme-sirplay *::before, html.sp-lite body.theme-sirplay *::after {
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}

html.sp-lite body.theme-sirplay.theme-glass .modal-content, html.sp-lite body.theme-sirplay.theme-glass .sweet-alert,
html.sp-lite body.theme-sirplay.theme-glass .jq-toast-single, html.sp-lite body.theme-sirplay.theme-glass .dropdown-menu,
html.sp-lite body.theme-sirplay.theme-glass .select2-dropdown, html.sp-lite body.theme-sirplay.theme-glass .sidenav-subnav-flyout,
html.sp-lite body.theme-sirplay.theme-glass .bootstrap-datetimepicker-widget, html.sp-lite body.theme-sirplay.theme-glass .popover,
html.sp-lite body.theme-sirplay .swal2-popup, html.sp-lite body.theme-sirplay .sp-loading-card {
    -webkit-backdrop-filter: saturate(140%) blur(10px) !important; backdrop-filter: saturate(140%) blur(10px) !important;
}

html.sp-lite body.theme-sirplay.theme-glass .layout-header,
html.sp-lite body.theme-sirplay.theme-glass.sp-scrolled .layout-header { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgb(var(--gw) / .92); }

html.sp-lite body.theme-sirplay .modal-backdrop.in, html.sp-lite body.theme-sirplay .sweet-overlay,
html.sp-lite body.theme-sirplay #sp-loading, html.sp-lite body.theme-sirplay .swal2-container { background: rgba(10, 14, 30, .42) !important; }

html.sp-lite body.theme-sirplay *:not(.sp-loading-spinner):not(.swal2-loader):not(.fa-spin):not(.spinner):not(.progress-bar),
html.sp-lite body.theme-sirplay *::before, html.sp-lite body.theme-sirplay *::after { animation: none !important; }

html.sp-min body.theme-sirplay.theme-glass {
    --g-fill: rgb(var(--gw) / .93); --g-fill-strong: rgb(var(--gw) / .97); --g-fill-tint: rgb(var(--gw) / .85);
    --g-shadow: 0 2px 8px rgba(40, 60, 120, .12); --g-shadow-lift: 0 6px 18px rgba(40, 60, 120, .2);
    --sp-med: 0s; --sp-fast: 0s;
}
html.sp-min body.theme-sirplay, html.sp-min body.theme-sirplay *, html.sp-min body.theme-sirplay *::before, html.sp-min body.theme-sirplay *::after {
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important; transition: none !important;
}
html.sp-min body.theme-sirplay.theme-glass .modal-content, html.sp-min body.theme-sirplay.theme-glass .sweet-alert,
html.sp-min body.theme-sirplay.theme-glass .jq-toast-single, html.sp-min body.theme-sirplay.theme-glass .dropdown-menu,
html.sp-min body.theme-sirplay.theme-glass .select2-dropdown, html.sp-min body.theme-sirplay.theme-glass .sidenav-subnav-flyout,
html.sp-min body.theme-sirplay.theme-glass .bootstrap-datetimepicker-widget, html.sp-min body.theme-sirplay .popover,
html.sp-min body.theme-sirplay .swal2-popup, html.sp-min body.theme-sirplay .sp-loading-card { background: rgb(var(--gw)) !important; }
html.sp-min body.theme-sirplay.theme-glass .layout-header { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html.sp-min body.theme-sirplay.theme-glass::before { display: none; }
html.sp-min body.theme-sirplay.theme-glass .layout-header::after, html.sp-min body.theme-sirplay.theme-glass .layout-sidebar::after,
html.sp-min body.theme-sirplay.theme-glass .card::after, html.sp-min body.theme-sirplay.theme-glass .panel::after,
html.sp-min body.theme-sirplay.theme-glass .reg-card::after, html.sp-min body.theme-sirplay.theme-glass .be-panel::after,
html.sp-min body.theme-sirplay.theme-glass .modal-content::after { display: none !important; }

#sp-loading {
    position: fixed; inset: 0; z-index: 10050; display: flex; align-items: center; justify-content: center; padding: 24px;

    background: rgba(10, 14, 30, .42);
    opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, visibility 0s linear .2s;
}
#sp-loading.is-on { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity .2s ease, visibility 0s; }
.sp-loading-card, body.theme-sirplay .swal2-popup.swal2-loading {
    display: flex; flex-direction: column; align-items: center; gap: 14px; min-width: 240px; max-width: calc(100vw - 48px); padding: 28px 40px;
    border-radius: 28px; text-align: center; color: var(--sp-text);

    background: var(--g-fill-strong, var(--sp-surface)); -webkit-backdrop-filter: saturate(140%) blur(8px); backdrop-filter: saturate(140%) blur(8px);
    box-shadow: var(--g-edge, inset 0 0 0 1px var(--sp-sep)), 0 30px 80px rgba(20, 30, 70, .35);
}
#sp-loading.is-on .sp-loading-card { animation: sp-load-pop .32s var(--sp-spring, cubic-bezier(.34, 1.56, .64, 1)) both; }
.sp-loading-title { font-size: 17px; font-weight: 600; letter-spacing: -.01em; line-height: 1.3; }
.sp-loading-spinner {
    width: 28px; height: 28px; border-radius: 50%; border: 3px solid var(--sp-fill, rgba(120, 120, 128, .2)); border-top-color: var(--sp-accent, #0071e3);
    animation: sp-load-spin .8s linear infinite;
}

#sp-loading:not(.is-on) .sp-loading-spinner { animation-play-state: paused; }
@keyframes sp-load-spin { to { transform: rotate(360deg); } }
@keyframes sp-load-pop { from { opacity: 0; transform: scale(.94) translateY(8px); } to { opacity: 1; transform: none; } }

body.theme-sirplay .swal2-container { background: rgba(10, 14, 30, .42) !important; }
body.theme-sirplay .swal2-popup {
    border-radius: 28px; padding: 28px 32px; color: var(--sp-text); font-family: inherit;
    background: var(--g-fill-strong, var(--sp-surface)); -webkit-backdrop-filter: saturate(140%) blur(8px); backdrop-filter: saturate(140%) blur(8px);
    box-shadow: var(--g-edge, inset 0 0 0 1px var(--sp-sep)), 0 30px 80px rgba(20, 30, 70, .35);
}
body.theme-sirplay .swal2-title { color: var(--sp-text); font-size: 17px; font-weight: 600; letter-spacing: -.01em; padding: 0; margin: 0; }
body.theme-sirplay .swal2-html-container, body.theme-sirplay .swal2-content { color: var(--sp-text-2); font-size: 14px; }
body.theme-sirplay .swal2-popup.swal2-loading .swal2-title { margin-bottom: 0; }
body.theme-sirplay .swal2-actions { margin: 14px 0 0; }
body.theme-sirplay .swal2-popup.swal2-loading .swal2-actions { margin-top: 0; }
body.theme-sirplay .swal2-loader {
    width: 28px; height: 28px; border-width: 3px; border-style: solid; border-color: var(--sp-accent, #0071e3) var(--sp-fill, rgba(120, 120, 128, .2)) var(--sp-fill, rgba(120, 120, 128, .2)) var(--sp-fill, rgba(120, 120, 128, .2));
}

html body.theme-sirplay.theme-sirplay .swal2-styled { border-radius: 999px; font-weight: 500; border: 0; }
html body.theme-sirplay.theme-sirplay .swal2-styled.swal2-confirm { background: var(--tn-pri-bg) !important; color: var(--tn-pri-fg) !important; box-shadow: inset 0 0 0 1px var(--tn-pri-ring) !important; }
html body.theme-sirplay.theme-sirplay .swal2-styled.swal2-deny { background: var(--tn-dan-bg) !important; color: var(--tn-dan-fg) !important; box-shadow: inset 0 0 0 1px var(--tn-dan-ring) !important; }
html body.theme-sirplay.theme-sirplay .swal2-styled.swal2-cancel { background: var(--tn-neu-bg) !important; color: var(--tn-neu-fg) !important; box-shadow: inset 0 0 0 1px var(--tn-neu-ring) !important; }
html body.theme-sirplay.theme-sirplay .swal2-styled:focus { box-shadow: inset 0 0 0 1px var(--tn-pri-ring), 0 0 0 4px rgba(10, 132, 255, .35) !important; }

html.sp-owns-overlays body.theme-sirplay #table-loading-overlay, html.sp-owns-overlays body.theme-sirplay #table-loading-overlay-700, html.sp-owns-overlays body.theme-sirplay #loader-overlay { visibility: hidden !important; pointer-events: none !important; }

html.sp-owns-blockui body.theme-sirplay .blockUI.blockMsg.blockPage, html.sp-owns-blockui body.theme-sirplay .blockUI.blockOverlay[style*="fixed"],

html.sp-owns-blockui body.theme-sirplay > .blockUI { visibility: hidden !important; pointer-events: none !important; }

body.theme-sirplay .dataTables_processing { display: none !important; }

@media (prefers-reduced-motion: reduce) {
    .sp-loading-spinner { animation-duration: 2.4s; }
    #sp-loading.is-on .sp-loading-card { animation: none; }
    #sp-loading, #sp-loading.is-on { transition: none; }
}
@media (prefers-reduced-transparency: reduce) {
    #sp-loading, body.theme-sirplay .swal2-container { -webkit-backdrop-filter: none; backdrop-filter: none; background: rgba(10, 14, 30, .5) !important; }
    .sp-loading-card, body.theme-sirplay .swal2-popup { -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--sp-surface); }
}
@media print { #sp-loading { display: none !important; } }

body.theme-sirplay.theme-glass { background-image: none; background-attachment: scroll; background-color: #eef0f4; }
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass { background-image: none; background-attachment: scroll; background-color: #0b0c10; }
body.theme-sirplay.theme-glass::before {
    content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; pointer-events: none; transform: translateZ(0);
    background:
        radial-gradient(60% 55% at 10% 0%, rgba(0, 113, 227, .10), transparent 66%),
        radial-gradient(50% 50% at 100% 100%, rgba(88, 86, 214, .05), transparent 66%);
}
html[data-sp-mode="dark"] body.theme-sirplay.theme-glass::before {
    background:
        radial-gradient(60% 55% at 10% 0%, rgba(10, 132, 255, .15), transparent 66%),
        radial-gradient(50% 50% at 100% 100%, rgba(94, 92, 230, .07), transparent 66%);
}

@keyframes sp-rise-glass { from { opacity: 0; transform: translateY(14px) scale(.99); } to { opacity: 1; transform: none; } }
@keyframes sp-pop-glass { from { opacity: 0; transform: scale(.94) translateY(-6px); } to { opacity: 1; transform: none; } }

html body.theme-sirplay.theme-sirplay.theme-sirplay,
html body.theme-sirplay.theme-sirplay.theme-sirplay *:not(input):not(textarea):not(code):not(pre):not(kbd):not(samp):not(.sp-nocase):not(.sp-nocase *):not(.note-editable):not(.note-editable *):not(.cke_editable):not(.cke_editable *):not(.mce-content-body):not(.mce-content-body *):not(.ql-editor):not(.ql-editor *):not([contenteditable="true"]):not([contenteditable="true"] *) {
    text-transform: capitalize !important;
}

html body.theme-sirplay.theme-sirplay.theme-sirplay input:is([type="button"], [type="submit"], [type="reset"]) { text-transform: capitalize !important; }

html body.theme-sirplay.theme-sirplay.theme-sirplay :is(code, pre, kbd, samp, .sp-nocase, .note-editable, .cke_editable, .mce-content-body, .ql-editor, [contenteditable="true"]) { text-transform: none !important; }

html body.theme-sirplay.theme-sirplay.theme-sirplay :is(textarea, input:not([type="button"]):not([type="submit"]):not([type="reset"])) { text-transform: none !important; }

body.theme-sirplay {
    --tn-pri-bg: var(--sp-accent-soft);  --tn-pri-fg: var(--sp-alert-info);    --tn-pri-ring: rgba(0, 113, 227, .28);
    --tn-suc-bg: var(--sp-green-soft);   --tn-suc-fg: var(--sp-alert-success); --tn-suc-ring: rgba(52, 199, 89, .36);
    --tn-war-bg: var(--sp-orange-soft);  --tn-war-fg: var(--sp-alert-warning); --tn-war-ring: rgba(255, 159, 10, .42);
    --tn-dan-bg: var(--fn-bad-bg);       --tn-dan-fg: var(--fn-bad);           --tn-dan-ring: rgba(255, 59, 48, .22);
    --tn-inf-bg: rgba(50, 173, 230, .16); --tn-inf-fg: #0a5a80;                --tn-inf-ring: rgba(50, 173, 230, .38);
    --tn-pur-bg: rgba(106, 63, 216, .12); --tn-pur-fg: #5a2fc2;                --tn-pur-ring: rgba(106, 63, 216, .3);
    --tn-neu-bg: var(--sp-fill);         --tn-neu-fg: var(--sp-text);          --tn-neu-ring: rgba(120, 120, 128, .22);
}
html[data-sp-mode="dark"] body.theme-sirplay {
    --tn-pri-ring: rgba(10, 132, 255, .5);
    --tn-suc-ring: rgba(48, 209, 88, .42);
    --tn-war-ring: rgba(255, 159, 10, .48);
    --tn-dan-ring: rgba(255, 69, 58, .42);
    --tn-inf-bg: rgba(90, 200, 250, .22);  --tn-inf-fg: #a5e1ff; --tn-inf-ring: rgba(90, 200, 250, .44);
    --tn-pur-bg: rgba(185, 161, 255, .2);  --tn-pur-fg: #d4c4ff; --tn-pur-ring: rgba(185, 161, 255, .42);
    --tn-neu-ring: rgba(235, 235, 245, .2);
}

html body.theme-sirplay.theme-sirplay.theme-sirplay :is(.btn-primary, .btn-outline-primary, .reg-btn-main, .be-btn-search, .be-details-btn, .btn-add-modern, .button-add, .sweet-alert button.confirm) {
    --tn-bg: var(--tn-pri-bg); --tn-fg: var(--tn-pri-fg); --tn-ring: var(--tn-pri-ring);
}
html body.theme-sirplay.theme-sirplay.theme-sirplay :is(.btn-success, .btn-outline-success, .btn-save-role, .button-save-rules) {
    --tn-bg: var(--tn-suc-bg); --tn-fg: var(--tn-suc-fg); --tn-ring: var(--tn-suc-ring);
}
html body.theme-sirplay.theme-sirplay.theme-sirplay :is(.btn-warning, .btn-outline-warning) {
    --tn-bg: var(--tn-war-bg); --tn-fg: var(--tn-war-fg); --tn-ring: var(--tn-war-ring);
}
html body.theme-sirplay.theme-sirplay.theme-sirplay :is(.btn-danger, .btn-outline-danger, .button-danger, .button-delete-rules, .button-revoke-all) {
    --tn-bg: var(--tn-dan-bg); --tn-fg: var(--tn-dan-fg); --tn-ring: var(--tn-dan-ring);
}
html body.theme-sirplay.theme-sirplay.theme-sirplay :is(.btn-info, .btn-outline-info) {
    --tn-bg: var(--tn-inf-bg); --tn-fg: var(--tn-inf-fg); --tn-ring: var(--tn-inf-ring);
}
html body.theme-sirplay.theme-sirplay.theme-sirplay :is(.btn-outline-purple, .btn-purple) {
    --tn-bg: var(--tn-pur-bg); --tn-fg: var(--tn-pur-fg); --tn-ring: var(--tn-pur-ring);
}
html body.theme-sirplay.theme-sirplay.theme-sirplay :is(.btn-secondary, .btn-outline-secondary, .btn-dark, .button-back-rules, .btn-default, .dt-button, .sweet-alert button.cancel) {
    --tn-bg: var(--tn-neu-bg); --tn-fg: var(--tn-neu-fg); --tn-ring: var(--tn-neu-ring);
}

html body.theme-sirplay.theme-sirplay.theme-sirplay :is(
    .btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-info, .btn-secondary, .btn-dark,
    .btn-outline-primary, .btn-outline-success, .btn-outline-warning, .btn-outline-danger, .btn-outline-info, .btn-outline-secondary, .btn-outline-purple, .btn-purple,
    .reg-btn-main, .be-btn-search, .be-details-btn, .btn-add-modern, .btn-save-role, .sweet-alert button.confirm, .sweet-alert button.cancel,
    .button-add, .button-save-rules, .button-danger, .button-delete-rules, .button-revoke-all, .button-back-rules, .btn-default, .dt-button
) {
    background: var(--tn-bg) !important; background-image: none !important; color: var(--tn-fg) !important;
    border-color: transparent !important; text-shadow: none !important; box-shadow: inset 0 0 0 1px var(--tn-ring) !important;
    font-weight: 500;
}

html body.theme-sirplay.theme-sirplay.theme-sirplay :is(
    .btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-info, .btn-secondary, .btn-dark,
    .btn-outline-primary, .btn-outline-success, .btn-outline-warning, .btn-outline-danger, .btn-outline-info, .btn-outline-secondary, .btn-outline-purple, .btn-purple,
    .reg-btn-main, .be-btn-search, .be-details-btn, .btn-add-modern, .btn-save-role, .sweet-alert button.confirm, .sweet-alert button.cancel,
    .button-add, .button-save-rules, .button-danger, .button-delete-rules, .button-revoke-all, .button-back-rules, .btn-default, .dt-button
):is(:hover, :focus, :active, .active):not(:disabled):not(.disabled) {
    background: color-mix(in srgb, var(--tn-bg) 100%, var(--tn-fg) 14%) !important; background-image: none !important; color: var(--tn-fg) !important;
    box-shadow: inset 0 0 0 1px var(--tn-ring) !important;
}
html body.theme-sirplay.theme-sirplay.theme-sirplay :is(
    .btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-info, .btn-secondary, .btn-dark,
    .btn-outline-primary, .btn-outline-success, .btn-outline-warning, .btn-outline-danger, .btn-outline-info, .btn-outline-secondary, .btn-outline-purple, .btn-purple,
    .reg-btn-main, .be-btn-search, .be-details-btn, .btn-add-modern, .btn-save-role, .sweet-alert button.confirm, .sweet-alert button.cancel,
    .button-add, .button-save-rules, .button-danger, .button-delete-rules, .button-revoke-all, .button-back-rules, .btn-default, .dt-button
):focus-visible {
    box-shadow: inset 0 0 0 1px var(--tn-ring), 0 0 0 4px rgba(10, 132, 255, .35) !important;
}
html body.theme-sirplay.theme-sirplay.theme-sirplay :is(
    .btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-info, .btn-secondary, .btn-dark,
    .btn-outline-primary, .btn-outline-success, .btn-outline-warning, .btn-outline-danger, .btn-outline-info, .btn-outline-secondary, .btn-outline-purple, .btn-purple,
    .reg-btn-main, .be-btn-search, .be-details-btn, .btn-add-modern, .btn-save-role, .sweet-alert button.confirm, .sweet-alert button.cancel,
    .button-add, .button-save-rules, .button-danger, .button-delete-rules, .button-revoke-all, .button-back-rules, .btn-default, .dt-button
):is(:disabled, .disabled, [disabled]) { opacity: .5; }

body #ai-chatbot-toggle, body #ai-chatbot-toggle *, body #ai-chatbot-toggle::before, body #ai-chatbot-toggle::after { animation-play-state: paused !important; }
body #ai-chatbot-toggle:hover, body #ai-chatbot-toggle:hover *, body #ai-chatbot-toggle:hover::before, body #ai-chatbot-toggle:hover::after { animation-play-state: running !important; }