:root { --modal-bg: #1a1a1d; --modal-border: #3c81e8; --input-bg: #2a2a2e; --input-border: #444; --text-color: #f0f0f0; --text-muted: #888; }
    .surebets-table-wrap {
        border: 1px solid rgba(255, 190, 40, 0.35);
        border-radius: 14px;
        overflow: hidden;
        background: linear-gradient(180deg, rgba(20, 20, 20, 0.95), rgba(10, 10, 10, 0.98));
    }
    .surebets-table {
        margin-bottom: 0;
        --bs-table-bg: #130b0f;
        --bs-table-color: #f7f1df;
        --bs-table-striped-bg: #1a0f15;
        --bs-table-striped-color: #f7f1df;
        --bs-table-hover-bg: #241217;
        --bs-table-hover-color: #fff7e3;
        --bs-table-border-color: rgba(255, 190, 40, 0.14);
    }
    .surebets-table thead tr {
        background: linear-gradient(90deg, #4a0f20 0%, #64162a 52%, #4a0f20 100%);
    }
    .surebets-table thead th {
        font-size: 1.08rem;
        font-weight: 400 !important;
        border-bottom-color: rgba(212, 168, 92, 0.38);
        background: transparent !important;
        color: #f3c25b;
        text-shadow: none;
        text-align: center;
        border-right: none;
        box-shadow: none;
    }
    .surebets-table th:nth-child(2),
    .surebets-table td:nth-child(2) {
        width: 21%;
        min-width: 205px;
    }
    .surebets-table th:nth-child(4),
    .surebets-table td:nth-child(4) {
        width: 13%;
        min-width: 128px;
    }
    .surebets-table th:nth-child(3),
    .surebets-table td:nth-child(3) {
        width: 10%;
        min-width: 110px;
    }
    .surebets-table th:nth-child(9),
    .surebets-table td:nth-child(9) {
        width: 110px;
        min-width: 110px;
        text-align: center;
    }
    .surebets-table tbody td {
        vertical-align: middle;
        border-color: rgba(255, 190, 40, 0.14);
        background: #130b0f;
        transition: background-color .15s ease, box-shadow .15s ease, border-color .15s ease;
    }
    .surebet-event-name {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.2;
        max-width: 210px;
        word-break: break-word;
    }
    .surebets-table.table-striped > tbody > tr:nth-of-type(odd) > * {
        background-color: #130b0f !important;
        color: #f7f1df !important;
        box-shadow: none !important;
    }
    .surebets-table tbody tr:nth-child(even) td,
    .surebets-table.table-striped > tbody > tr:nth-of-type(even) > * {
        background: #1a0f15;
        background-color: #1a0f15 !important;
        color: #f7f1df !important;
        box-shadow: none !important;
    }
    .surebets-table.table-hover > tbody > tr:hover > *,
    .surebets-table.table-hover tbody tr:hover td {
        background: #241217;
        background-color: #241217 !important;
        color: #fff7e3 !important;
        border-top-color: rgba(255, 201, 102, 0.45);
        border-bottom-color: rgba(255, 201, 102, 0.45);
        box-shadow: inset 0 1px 0 rgba(255, 209, 112, 0.22), inset 0 -1px 0 rgba(255, 209, 112, 0.22), inset 0 0 0 9999px rgba(255, 199, 94, 0.04) !important;
    }
    .rating-chip,
    .fav-chip {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 86px;
        min-height: 42px;
        padding: 0.35rem 0.4rem;
        border-radius: 10px;
        font-size: 1.08rem;
        font-weight: 700;
        line-height: 1;
        color: #fff;
        text-align: center;
        font-variant-numeric: tabular-nums;
        font-feature-settings: "tnum" 1;
    }
    .rating-chip {
        background: rgba(34, 197, 94, 0.24);
        border: 1px solid rgba(34, 197, 94, 0.68);
        color: #a5ffd0;
    }
    .fav-chip-blue {
        background: linear-gradient(180deg, rgba(25, 54, 110, 0.62), rgba(12, 23, 52, 0.72));
        border: 1px solid rgba(94, 156, 255, 0.72);
        color: #d7ecff;
    }
    .fav-chip-red {
        background: linear-gradient(180deg, rgba(109, 36, 86, 0.62), rgba(52, 13, 41, 0.72));
        border: 1px solid rgba(255, 118, 206, 0.72);
        color: #ffe0f4;
    }
    .bookmaker-chip {
        width: 130px;
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        white-space: normal;
        line-height: 1.2;
        border-color: #f59e0b !important;
        color: #f8c15a !important;
        background-color: rgba(30, 18, 8, 0.55);
        box-shadow: inset 0 1px 0 rgba(255, 224, 153, 0.18), 0 0 0 1px rgba(255, 198, 90, 0.42), 0 0 18px rgba(245, 158, 11, 0.42) !important;
    }
    .bookmaker-chip:hover,
    .bookmaker-chip:focus {
        border-color: #fbbf24 !important;
        color: #ffd77a !important;
        background-color: rgba(245, 158, 11, 0.16);
        box-shadow: inset 0 1px 0 rgba(255, 236, 188, 0.22), 0 0 0 1px rgba(255, 213, 128, 0.55), 0 0 22px rgba(245, 170, 32, 0.55) !important;
    }
    .surebets-table .badge.bg-secondary {
        background: linear-gradient(180deg, rgba(25, 54, 110, 0.62), rgba(12, 23, 52, 0.72)) !important;
        color: #cfe6ff;
        border: 1px solid rgba(94, 156, 255, 0.6);
    }
    .surebets-table .btn-warning {
        background: linear-gradient(90deg, #b07a0f 0%, #ffd24f 52%, #a6720f 100%);
        border: 1px solid rgba(255, 221, 140, 0.8);
        color: #1a1303;
        box-shadow: inset 0 1px 0 rgba(255, 240, 188, 0.35);
    }
    .surebets-table .btn-warning:hover,
    .surebets-table .btn-warning:focus {
        border-color: rgba(255, 228, 163, 1);
        filter: brightness(1.03);
    }
    .surebets-table .btn-warning i,
    .surebets-table .btn-warning svg {
        color: #1a1303;
        fill: currentColor;
        opacity: 0.95;
        text-shadow: none;
    }
    .mobile-rating-chip {
        width: 78px;
        min-height: 36px;
        font-size: 0.98rem;
    }
    .d-lg-none .card.mb-3.text-light {
        background:
            radial-gradient(circle at top center, rgba(255, 190, 40, 0.10), transparent 52%),
            linear-gradient(180deg, rgba(20, 20, 20, 0.97), rgba(10, 10, 10, 0.99)) !important;
        border: 1px solid rgba(255, 190, 40, 0.62);
        border-radius: 14px;
        box-shadow:
            inset 0 1px 0 rgba(255, 217, 102, 0.10),
            inset 0 0 22px rgba(255, 190, 40, 0.06),
            0 0 0 1px rgba(255, 210, 112, 0.14),
            0 0 26px rgba(255, 190, 40, 0.16),
            0 14px 28px rgba(0, 0, 0, 0.32);
        overflow: hidden;
    }
    .d-lg-none .card-header {
        background: linear-gradient(90deg, #4a0f20 0%, #64162a 52%, #4a0f20 100%);
        border-bottom: 1px solid rgba(255, 190, 40, 0.18);
        color: #f7f1df;
    }
    .d-lg-none .card-body {
        background: transparent;
    }
    .d-lg-none .card-text small,
    .d-lg-none .card-text .text-white-50 {
        color: #d7b768 !important;
        opacity: 1 !important;
    }
    .d-lg-none .card-text strong,
    .d-lg-none .card-body .col-6 > p.mb-1 {
        color: #f7f1df;
    }
    .d-lg-none .card .badge.bg-secondary {
        background: linear-gradient(180deg, rgba(25, 54, 110, 0.9), rgba(12, 23, 52, 0.95)) !important;
        color: #dcecff !important;
        border: 1px solid rgba(94, 156, 255, 0.78) !important;
        box-shadow:
            inset 0 1px 0 rgba(190, 220, 255, 0.14),
            0 0 0 1px rgba(94, 156, 255, 0.18),
            0 0 14px rgba(59, 130, 246, 0.18) !important;
    }
    .d-lg-none .card hr {
        border-color: rgba(255, 190, 40, 0.18);
        opacity: 1;
    }
    .d-lg-none .btn-warning {
        background: linear-gradient(180deg, rgba(90, 20, 40, 0.96), rgba(58, 12, 29, 0.96)) !important;
        border: 1px solid rgba(255, 190, 40, 0.78) !important;
        color: #f3cc62 !important;
        box-shadow: inset 0 0 0 1px rgba(255, 223, 150, 0.05), 0 0 16px rgba(255, 190, 40, 0.10);
    }
    .d-lg-none .btn-warning i,
    .d-lg-none .btn-warning svg {
        color: #f3cc62 !important;
        fill: currentColor;
    }
    .d-lg-none .btn-warning:hover,
    .d-lg-none .btn-warning:focus {
        border-color: rgba(255, 223, 150, 0.98) !important;
        color: #ffe4a3 !important;
        background: linear-gradient(180deg, rgba(114, 28, 53, 0.98), rgba(76, 17, 39, 0.98)) !important;
    }
    .d-lg-none .btn-warning:hover i,
    .d-lg-none .btn-warning:focus i,
    .d-lg-none .btn-warning:hover svg,
    .d-lg-none .btn-warning:focus svg {
        color: #ffe4a3 !important;
    }
    .d-lg-none .btn.btn-sm.btn-secondary {
        background: linear-gradient(180deg, rgba(90, 20, 40, 0.96), rgba(58, 12, 29, 0.96)) !important;
        border: 1px solid rgba(255, 190, 40, 0.72) !important;
        color: #f3cc62 !important;
        box-shadow: inset 0 0 0 1px rgba(255, 223, 150, 0.04);
    }
    .d-lg-none .btn.btn-sm.btn-secondary:hover,
    .d-lg-none .btn.btn-sm.btn-secondary:focus {
        border-color: rgba(255, 223, 150, 0.98) !important;
        color: #ffe4a3 !important;
        background: linear-gradient(180deg, rgba(114, 28, 53, 0.98), rgba(76, 17, 39, 0.98)) !important;
    }
    .surebets-table-wrap .btn.btn-sm.btn-secondary,
    .surebets-table tfoot .btn.btn-sm.btn-secondary {
        background: linear-gradient(180deg, rgba(90, 20, 40, 0.96), rgba(58, 12, 29, 0.96)) !important;
        border: 1px solid rgba(255, 190, 40, 0.72) !important;
        color: #f3cc62 !important;
        box-shadow: inset 0 0 0 1px rgba(255, 223, 150, 0.04);
    }
    .surebets-table-wrap .btn.btn-sm.btn-secondary i,
    .surebets-table tfoot .btn.btn-sm.btn-secondary i {
        color: #f3cc62 !important;
    }
    .surebets-table-wrap .btn.btn-sm.btn-secondary:hover,
    .surebets-table-wrap .btn.btn-sm.btn-secondary:focus,
    .surebets-table tfoot .btn.btn-sm.btn-secondary:hover,
    .surebets-table tfoot .btn.btn-sm.btn-secondary:focus {
        border-color: rgba(255, 223, 150, 0.98) !important;
        color: #ffe4a3 !important;
        background: linear-gradient(180deg, rgba(114, 28, 53, 0.98), rgba(76, 17, 39, 0.98)) !important;
    }
    .surebets-table-wrap .btn.btn-sm.btn-secondary:hover i,
    .surebets-table-wrap .btn.btn-sm.btn-secondary:focus i,
    .surebets-table tfoot .btn.btn-sm.btn-secondary:hover i,
    .surebets-table tfoot .btn.btn-sm.btn-secondary:focus i {
        color: #ffe4a3 !important;
    }
    .top-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap; }
    .top-toolbar-left { display: flex; align-items: center; gap: 0.5rem; flex-wrap: nowrap; }
    .search-toolbar { display: flex; align-items: center; gap: 0.5rem; margin-left: auto; min-width: 0; }
    .search-toolbar-input { width: min(100%, 420px); min-width: 220px; }
    .toolbar-outline-btn {
        border: 1px solid rgba(255, 190, 40, 0.78);
        color: #f3cc62;
        background: linear-gradient(180deg, rgba(90, 20, 40, 0.96), rgba(58, 12, 29, 0.96));
        font-weight: 400;
        box-shadow: inset 0 0 0 1px rgba(255, 223, 150, 0.05), 0 0 16px rgba(255, 190, 40, 0.08);
    }
    .toolbar-outline-btn svg,
    .toolbar-outline-btn i { color: #f3cc62; fill: currentColor; }
    .toolbar-outline-btn:hover,
    .toolbar-outline-btn:focus {
        border-color: rgba(255, 223, 150, 0.98);
        color: #ffe4a3;
        background: linear-gradient(180deg, rgba(114, 28, 53, 0.98), rgba(76, 17, 39, 0.98));
        box-shadow: inset 0 0 0 1px rgba(255, 233, 179, 0.08), 0 0 20px rgba(255, 190, 40, 0.12);
    }
    .toolbar-outline-btn:hover svg,
    .toolbar-outline-btn:hover i,
    .toolbar-outline-btn:focus svg,
    .toolbar-outline-btn:focus i {
        color: #ffe4a3;
    }
    .search-toolbar-input .form-control::placeholder { color: rgba(255, 255, 255, 0.72); opacity: 1; }
    @media (max-width: 991.98px) {
        .top-toolbar { flex-direction: column; align-items: stretch; }
        .top-toolbar-left { overflow-x: auto; padding-bottom: 0.15rem; }
        .search-toolbar { width: 100%; margin-left: 0; }
        .search-toolbar-input { width: 100%; min-width: 0; }
    }
    .filters-modal-backdrop { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.7); display: flex; justify-content: center; align-items: center; z-index: 1050; }
    .filters-modal-content { background-color: var(--modal-bg); color: var(--text-color); border: 1px solid var(--modal-border); border-radius: 15px; width: 90%; max-width: 1000px; display: flex; flex-direction: column; max-height: 90vh; box-shadow: 0 5px 25px rgba(0,0,0,0.5); }
    .filters-modal-header { padding: 1rem 1.5rem; border-bottom: 1px solid var(--input-border); display: flex; justify-content: space-between; align-items: center; }
    .filters-modal-header .btn-close { background: none; border: none; font-size: 1.5rem; color: #fff; filter: invert(1) grayscale(100%) brightness(200%); }
    .filters-modal-body { padding: 1.5rem; overflow-y: auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.5rem; }
    .filter-panel { min-width: 0; }
    .filter-title { font-weight: 600; margin-bottom: 1rem; color: #fff; }
    .filters-modal-footer { padding: 1rem 1.5rem; border-top: 1px solid var(--input-border); display: flex; justify-content: flex-end; align-items: center; gap: 1rem; }
    .form-control, .form-select { background-color: var(--input-bg); color: var(--text-color); border: 1px solid var(--input-border); border-radius: 8px; }
    .form-control:focus, .form-select:focus { background-color: var(--input-bg); color: var(--text-color); border-color: var(--modal-border); box-shadow: none; }
    .filters-modal-content .form-control::placeholder,
    .filters-modal-content .form-select::placeholder {
        color: rgba(241, 222, 168, 0.38);
        opacity: 1;
    }
    .filters-modal-content .form-select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        padding-right: 2.5rem;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 1.5L7 7l5.5-5.5' fill='none' stroke='%23f3cc62' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: right .95rem center !important;
        background-size: 14px 9px !important;
        background-color: var(--input-bg) !important;
    }
    .filters-modal-content .form-select option {
        background: #5a1428;
        color: #f3cc62;
    }
    .filters-modal-content .form-select option:checked,
    .filters-modal-content .form-select option:hover {
        background: #7a1c36;
        color: #ffe4a3;
    }
    .form-label { font-size: 0.9rem; color: var(--text-muted); }
    .filter-card {
        background: rgba(19, 19, 19, 0.96);
        border-radius: 12px;
        border: 1px solid rgba(255, 198, 72, 0.72);
        overflow: hidden;
        box-shadow:
            inset 0 0 0 1px rgba(255, 221, 140, 0.14),
            0 0 0 1px rgba(255, 198, 72, 0.22),
            0 0 20px rgba(255, 190, 40, 0.22),
            0 0 42px rgba(255, 190, 40, 0.10);
    }
    .filter-card-header {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.8rem 0.85rem;
        background: rgba(19, 19, 19, 0.96);
        border-bottom: 1px solid rgba(255, 190, 40, 0.16);
    }
    .filter-card-header .badge {
        background: linear-gradient(180deg, #f3cc62 0%, #c89117 48%, #8f6310 100%);
        color: #1d1500;
        border: 1px solid rgba(255, 221, 140, 0.55);
        box-shadow: 0 0 10px rgba(255, 190, 40, 0.12);
    }
    .filter-card-body { padding: 0.75rem; max-height: 200px; overflow-y: auto; }
    .filters-modal-body,
    .filter-card-body {
        scrollbar-width: thin;
        scrollbar-color: #d4a62a rgba(18, 18, 18, 0.9);
    }
    .filters-modal-body::-webkit-scrollbar,
    .filter-card-body::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }
    .filters-modal-body::-webkit-scrollbar-track,
    .filter-card-body::-webkit-scrollbar-track {
        background: rgba(12, 12, 12, 0.92);
        border-radius: 999px;
        box-shadow: inset 0 0 0 1px rgba(255, 190, 40, 0.12);
    }
    .filters-modal-body::-webkit-scrollbar-thumb,
    .filter-card-body::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #f3cc62 0%, #c89117 48%, #8f6310 100%);
        border-radius: 999px;
        border: 2px solid rgba(12, 12, 12, 0.9);
    }
    .filters-modal-body::-webkit-scrollbar-thumb:hover,
    .filter-card-body::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(180deg, #ffd978 0%, #dfab2d 48%, #9f6e11 100%);
    }
    .form-check { display: flex; align-items: center; margin-bottom: 0.25rem; }
    .form-check-input {
        background-color: rgba(22, 16, 9, 0.96);
        border-color: rgba(255, 190, 40, 0.68);
        box-shadow: inset 0 0 0 1px rgba(255, 223, 150, 0.04);
    }
    .form-check-input:focus {
        border-color: rgba(255, 219, 132, 0.92);
        box-shadow: 0 0 0 0.18rem rgba(255, 190, 40, 0.16);
    }
    .form-check-input:checked {
        background-color: #d4a62b;
        border-color: #f3cc62;
    }
    .btn-accept {
        background: linear-gradient(90deg, #b07a0f 0%, #f5cf56 52%, #c18b19 100%);
        border: 1px solid rgba(255, 224, 154, 0.82);
        border-radius: 10px;
        color: #151003;
        font-weight: 600;
        padding: 0.5rem 1.5rem;
        box-shadow: inset 0 1px 0 rgba(255, 243, 204, 0.28), 0 0 18px rgba(255, 190, 40, 0.14);
    }
    .btn-cancel {
        background: transparent;
        border: 1px solid rgba(255, 190, 40, 0.58);
        border-radius: 10px;
        color: #f3cc62;
        font-weight: 500;
        padding: 0.5rem 1.5rem;
    }
    .calc-modal-backdrop { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.75); display: flex; justify-content: center; align-items: center; z-index: 1060; }
    .calc-modal-content { background-color: #1a1a1d; width: 95%; max-width: 1200px; border-radius: 1rem; max-height: 95vh; overflow-y: auto; overflow-x: hidden; }
    .calc-modal-body { display: grid; grid-template-columns: 40% 60%; }
    .event-details-panel { padding: 2rem; }
    .event-details-card { background-color: #2a2a2e; border-radius: 1rem; padding: 1.5rem; border-top: 3px solid; border-image: linear-gradient(to right, #3c81e8, #6f42c1) 1; }
    .event-info-grid { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1.5rem; }
    .info-item { display: flex; align-items: center; gap: 0.75rem; color: #f0f0f0; }
    .info-item i { font-size: 1.25rem; }
    .icon-blue { color: #3b82f6; } .icon-green { color: #22c55e; }
    .icon-yellow { color: #f59e0b; } .icon-red { color: #ef4444; }
    .bet-options-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 2rem; }
    .option-card { border-radius: 0.75rem; overflow: hidden; background-color: #1e1e2f; text-align: center; }
    .option-header { padding: 0.5rem; font-weight: bold; color: white; }
    .option-header-blue { background-color: #3b82f6; }
    .option-header-pink { background-color: #ec4899; }
    .option-body { padding: 1rem; display: flex; flex-direction: column; align-items: center; gap: 0.75rem; }
    .option-body { min-height: 250px; justify-content: space-between; }
    .option-body p { margin: 0; font-weight: 500; }
    .option-title {
        margin: 0;
        min-height: 74px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-align: center;
    }
    .option-bottom {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.65rem;
        margin-top: auto;
    }
    .odd-box { border: 2px solid; padding: 0.25rem 0.75rem; border-radius: 0.5rem; font-weight: bold; }
    .odd-box-blue { border-color: #3b82f6; } .odd-box-pink { border-color: #ec4899; }
    .option-body a { font-size: 0.9rem; font-weight: 500; text-decoration: none; }
    .link-casa-1 { color: #3b82f6; } .link-casa-2 { color: #ec4899; }
    .option-body a:hover { text-decoration: underline; }
    .bookmaker-name { font-size: 0.8rem; color: #888; }
    .btn-tracker { width: 100%; background: linear-gradient(90deg, #3c81e8, #6f42c1); border: none; color: white; font-weight: bold; padding: 0.75rem; border-radius: 50px; cursor: pointer; }
    .tracker-toast { position: fixed; top: 88px; right: 18px; z-index: 1085; border-radius: 10px; padding: 0.6rem 0.85rem; font-weight: 700; border: 1px solid; box-shadow: 0 12px 30px rgba(0,0,0,0.35); }
    .tracker-toast.is-success { background: rgba(34, 197, 94, 0.14); color: #7cf9ab; border-color: rgba(34, 197, 94, 0.45); }
    .tracker-toast.is-error { background: rgba(239, 68, 68, 0.15); color: #ffb4be; border-color: rgba(239, 68, 68, 0.45); }
    .combo-fab {
        position: fixed;
        right: 84px;
        bottom: 90px;
        width: 56px;
        min-width: 56px;
        height: 56px;
        border: 1px solid rgba(255, 221, 140, 0.85);
        border-radius: 50%;
        background: linear-gradient(90deg, #b07a0f 0%, #ffd24f 52%, #a6720f 100%);
        color: #191300;
        z-index: 1086;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        padding: 0;
        box-shadow: 0 0 0 1px rgba(255, 204, 89, 0.24), 0 14px 28px rgba(0, 0, 0, 0.42);
    }
    .combo-fab i { font-size: 1.05rem; }
    .combo-fab-label {
        font-size: .9rem;
        font-weight: 800;
        letter-spacing: .02em;
        text-transform: uppercase;
        white-space: nowrap;
        display: none;
    }
    .combo-fab:hover {
        filter: brightness(1.06);
        border-color: rgba(255, 228, 163, 1);
    }
    .combo-fab-count {
        position: absolute;
        top: -7px;
        right: -7px;
        min-width: 22px;
        height: 22px;
        padding: 0 6px;
        border-radius: 50%;
        background: #c1121f;
        color: #fff;
        font-size: .72rem;
        font-weight: 800;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255, 255, 255, 0.6);
    }
    .surebets-pager {
        display: inline-flex;
        align-items: center;
        gap: .45rem;
    }
    .surebets-page-btn {
        width: 36px;
        height: 36px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        border: 1px solid rgba(255, 190, 40, 0.72);
        background: linear-gradient(180deg, rgba(90, 20, 40, 0.96), rgba(58, 12, 29, 0.96)) !important;
        color: #f3cc62 !important;
        box-shadow: inset 0 0 0 1px rgba(255, 223, 150, 0.05);
    }
    .surebets-page-btn:hover,
    .surebets-page-btn:focus {
        border-color: rgba(255, 218, 122, 0.98);
        color: #ffe4a3 !important;
        background: linear-gradient(180deg, rgba(114, 28, 53, 0.98), rgba(76, 17, 39, 0.98)) !important;
    }
    .surebets-page-btn:disabled {
        opacity: .45;
        cursor: not-allowed;
    }
    .multiple-inline-backdrop {
        align-items: flex-start;
        padding-top: 18px;
        z-index: 1065;
    }
    .filters-modal-content.multiple-inline-modal {
        width: min(1280px, 96vw);
        max-width: min(1280px, 96vw);
        max-height: calc(100vh - 24px);
        overflow: auto;
        background: transparent;
        border: none;
        box-shadow: none;
    }
    .multiple-inline-modal .filters-modal-header {
        background:
            radial-gradient(circle at top right, rgba(255, 223, 150, 0.12), transparent 18%),
            linear-gradient(135deg, rgba(86, 10, 31, 0.98), rgba(58, 7, 24, 0.98) 52%, rgba(96, 16, 39, 0.98));
        border: 1px solid rgba(235, 186, 78, 0.62);
        border-radius: 14px;
        padding: .85rem 1.1rem;
        margin-bottom: .5rem;
        border-bottom: 1px solid rgba(235, 186, 78, 0.62);
        box-shadow:
            inset 0 0 0 1px rgba(255, 228, 156, 0.10),
            0 10px 26px rgba(0, 0, 0, 0.28);
    }
    .multiple-inline-modal .filters-modal-header .modal-title {
        margin: 0;
        color: #f1cd74;
        font-size: 1.55rem;
        font-weight: 400 !important;
        line-height: 1;
        letter-spacing: 0;
        font-style: normal;
        font-family: inherit;
        text-shadow: none;
    }
    .multiple-inline-modal .filters-modal-body {
        background: transparent;
        border: none;
        border-radius: 0;
        padding: .25rem 0 0;
        display: block;
    }
    .multi-modal-close {
        width: 42px;
        height: 42px;
        border-radius: 10px;
        border: 1px solid rgba(235, 186, 78, 0.9);
        background: rgba(41, 8, 18, 0.72);
        color: #f3cd73;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: inset 0 0 0 1px rgba(255, 228, 156, 0.08);
    }
    .multi-modal-close:hover {
        background: rgba(88, 17, 37, 0.88);
        color: #ffe2a2;
        border-color: rgba(255, 217, 132, 0.98);
    }
    .tracker-modal-backdrop { position: fixed; inset: 0; z-index: 1070; display: grid; place-items: center; background: rgba(8, 12, 31, 0.74); padding: 1rem; }
    .tracker-modal {
        width: min(760px, 92vw);
        border-radius: 18px;
        border: 1px solid rgba(245, 158, 11, 0.42);
        background:
            radial-gradient(circle at top center, rgba(255, 190, 40, 0.08), transparent 55%),
            linear-gradient(180deg, rgba(19, 22, 31, 0.98), rgba(9, 11, 18, 0.99));
        box-shadow:
            0 22px 70px rgba(0, 0, 0, 0.45),
            0 0 0 1px rgba(255, 205, 96, 0.06),
            0 0 34px rgba(245, 158, 11, 0.08);
        padding: 1.2rem 1.2rem 1rem;
        position: relative;
    }
    .tracker-modal-close {
        position: absolute;
        top: 0.85rem;
        right: 0.85rem;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: 1px solid rgba(255, 190, 40, 0.62);
        background: rgba(90, 20, 40, 0.18);
        color: #f7d571;
        box-shadow: inset 0 1px 0 rgba(255, 233, 179, 0.08);
    }
    .tracker-modal-title { margin: 0 0 0.9rem; padding-right: 2rem; font-size: 1.55rem; font-weight: 800; display: flex; align-items: center; gap: 0.55rem; color: #f4f0e4; }
    .tracker-modal-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem 1rem; }
    .tracker-modal-grid + .tracker-modal-grid { margin-top: 0.8rem; }
    .tracker-modal-grid-single { grid-template-columns: 1fr; }
    .tracker-modal-grid-3 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 170px; align-items: end; }
    .tracker-modal-grid-lev-legs { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; }
    .tracker-field { display: grid; gap: 0.38rem; }
    .tracker-field label { font-size: 0.84rem; color: rgba(202, 215, 255, 0.92); }
    .tracker-field input { width: 100%; border: 1px solid rgba(148, 163, 184, 0.42); border-radius: 10px; background: rgba(9, 12, 20, 0.7); color: #eff3ff; padding: 0.56rem 0.68rem; outline: none; }
    .tracker-field input:focus { border-color: rgba(245, 158, 11, 0.88); }
    .tracker-field-paired { gap: 0.55rem; }
    .tracker-leg-edit { display: grid; grid-template-columns: minmax(0, 1fr) 110px; gap: 0.55rem; }
    .tracker-leg-edit input { font-weight: 700; }
    .tracker-leg-edit-blue input:first-child,
    .tracker-leg-edit-blue input:last-child {
        border-color: #4d95ff;
        color: #cfe0ff;
        background: linear-gradient(180deg, #18376d, #101f44);
        box-shadow: inset 0 0 0 1px rgba(77, 149, 255, 0.18);
    }
    .tracker-leg-edit-pink input:first-child,
    .tracker-leg-edit-pink input:last-child {
        border-color: #ff6dc1;
        color: #ffd2ef;
        background: linear-gradient(180deg, #5f214b, #441532);
        box-shadow: inset 0 0 0 1px rgba(255, 109, 193, 0.18);
    }
    .tracker-leg-edit-gold input:first-child,
    .tracker-leg-edit-gold input:last-child {
        border-color: #d89b0f;
        color: #ffe09c;
        background: linear-gradient(180deg, #4b3410, #2e1f09);
        box-shadow: inset 0 0 0 1px rgba(216, 155, 15, 0.18);
    }
    .tracker-leg-edit input:last-child { text-align: center; }
    .tracker-field-amount-inline {
        align-self: end;
        gap: 0.55rem;
    }
    .tracker-field-amount-inline input {
        height: 100%;
        min-height: 48px;
        text-align: center;
        font-size: 1.02rem;
        font-weight: 800;
    }
    .tracker-amount-input-profit {
        color: #72f0b2 !important;
        border-color: rgba(16, 185, 129, 0.78) !important;
        background: linear-gradient(180deg, rgba(7, 74, 50, 0.98), rgba(6, 46, 33, 0.98)) !important;
        box-shadow: inset 0 0 0 1px rgba(110, 231, 183, 0.10);
    }
    .tracker-amount-input-loss {
        color: #ff9aaa !important;
        border-color: rgba(239, 68, 68, 0.74) !important;
        background: linear-gradient(180deg, rgba(95, 26, 35, 0.98), rgba(63, 17, 26, 0.98)) !important;
        box-shadow: inset 0 0 0 1px rgba(254, 202, 202, 0.08);
    }
    .tracker-error { color: #ffb7c1; margin: 0.8rem 0 0; font-size: 0.85rem; }
    .tracker-modal-actions { margin-top: 1rem; display: flex; justify-content: flex-end; gap: 0.55rem; }
    .tracker-btn-cancel, .tracker-btn-save { border: 0; border-radius: 10px; padding: 0.54rem 0.9rem; font-weight: 700; }
    .tracker-btn-cancel { color: #ffd37e; border: 1px solid rgba(245, 158, 11, 0.48); background: transparent; }
    .tracker-btn-save { color: #161b29; background: linear-gradient(90deg, #f59e0b, #fcd34d); }
    .calculator-panel { background: radial-gradient(circle, #2d325a, #1e1e2f); }
    .calculator-panel .calculadora-favor-container { padding: 0; background: none; }
    .calculator-panel .calculadora-card { border: none; background: none; backdrop-filter: none; }
    .calculator-panel .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
    .bettype-modal-backdrop { position: fixed; inset: 0; background-color: rgba(0,0,0,0.7); display: flex; align-items: center; justify-content: center; z-index: 1055; }
    .bettype-modal-content {
        position: relative;
        width: 92%;
        max-width: 420px;
        background:
            radial-gradient(circle at top center, rgba(255, 190, 40, 0.07), transparent 56%),
            linear-gradient(180deg, rgba(20, 20, 20, 0.98), rgba(10, 10, 10, 0.99));
        border-radius: 24px;
        border: 1px solid rgba(255, 190, 40, 0.46);
        padding: 1.5rem 1.5rem 1.25rem;
        box-shadow:
            inset 0 1px 0 rgba(255, 227, 158, 0.06),
            0 0 0 1px rgba(255, 208, 104, 0.06),
            0 20px 60px rgba(0,0,0,0.45);
    }
    .bettype-close-btn {
        position: absolute;
        top: 12px;
        right: 12px;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        border: 1px solid rgba(255, 190, 40, 0.82);
        background: rgba(90, 20, 40, 0.12);
        color: #f3cc62;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: inset 0 1px 0 rgba(255, 233, 179, 0.08);
    }
    .bettype-header { display: flex; flex-direction: column; align-items: center; gap: 0.75rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(255,190,40,0.22); }
    .bettype-icon-circle {
        width: 64px;
        height: 64px;
        border-radius: 50%;
        background: linear-gradient(180deg, #b07a0f 0%, #d4a62b 55%, #8c6210 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff8df;
        font-size: 1.4rem;
        box-shadow: 0 10px 25px rgba(212,166,43,0.24);
    }
    .bettype-title { margin: 0; color: #ebd7a0; font-weight: 600; font-size: 1.2rem; }
    .bettype-body { padding: 1rem 0; display: flex; flex-direction: column; gap: 0.9rem; }
    .bettype-field { display: flex; flex-direction: column; gap: 0.5rem; }
    .bettype-label { color: #d7b768; font-size: 0.85rem; }
    .bettype-select {
        background: #0d0d0f;
        color: #fff8df;
        border: 1px solid rgba(255, 190, 40, 0.78);
        border-radius: 12px;
        padding: 0.6rem 0.75rem;
    }
    .bettype-amount {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        background: #0d0d0f;
        border-radius: 12px;
        padding: 0.55rem 0.75rem;
        border: 1px solid rgba(255,190,40,0.28);
    }
    .bettype-currency { color: #4ef0a8; font-weight: 700; }
    .bettype-input { background: transparent; border: none; outline: none; color: #fff8df; width: 100%; }
    .bettype-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #0d0d0f;
        border-radius: 12px;
        padding: 0.65rem 0.8rem;
        border: 1px solid rgba(255,190,40,0.28);
    }
    .bettype-toggle-label { display: inline-flex; align-items: center; gap: 0.5rem; color: #ebd7a0; font-weight: 600; }
    .bettype-toggle-label i { color: #f59e0b; }
    .bettype-switch { position: relative; display: inline-block; width: 46px; height: 24px; }
    .bettype-switch input { opacity: 0; width: 0; height: 0; }
    .bettype-slider { position: absolute; cursor: pointer; inset: 0; background-color: rgba(67, 56, 24, 0.68); border: 1px solid rgba(255,190,40,0.38); border-radius: 999px; transition: .2s; }
    .bettype-slider:before { content: ""; position: absolute; height: 18px; width: 18px; left: 3px; top: 3px; background: #fff; border-radius: 50%; transition: .2s; }
    .bettype-switch input:checked + .bettype-slider { background-color: #c3921e; }
    .bettype-switch input:checked + .bettype-slider:before { transform: translateX(22px); }
    .bettype-footer { padding-top: 0.75rem; border-top: 1px solid rgba(255,190,40,0.18); display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
    .bettype-btn { border-radius: 14px; padding: 0.7rem 0.9rem; font-weight: 600; }
    .bettype-btn-primary { border: 1px solid rgba(255, 224, 154, 0.82); color: #151003; background: linear-gradient(90deg, #b07a0f 0%, #f5cf56 52%, #c18b19 100%); box-shadow: inset 0 1px 0 rgba(255,243,204,0.28), 0 0 18px rgba(255,190,40,0.12); }
    .bettype-btn-secondary { border: 1px solid rgba(255,190,40,0.58); background: transparent; color: #f3cc62; }
    .calculadora-favor-container { font-family: 'Inter', sans-serif; }
    .calculadora-card { max-width: 800px; margin: auto; background-color: rgba(30, 30, 47, 0.7); border: 1px solid #4a4a6a; border-radius: 1.25rem; padding: 1rem; backdrop-filter: blur(10px); color: #ffffff; }
    .card-title { text-align: center; font-size: 1.05rem; font-weight: 600; margin-bottom: 1rem; color: #ffffff; }
    .tabs-navigation { display: flex; justify-content: center; border-bottom: 1px solid #4a4a6a; margin-bottom: 1rem; }
    .tabs-navigation button { background: none; border: none; color: #a0a0c0; padding: 0.4rem 0.75rem; cursor: pointer; font-size: 0.8rem; font-weight: 600; position: relative; transition: color 0.3s; }
    .tabs-navigation button:hover { color: #ffffff; }
    .tabs-navigation button.active { color: #ffffff; }
    .tabs-navigation button.active::after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 2px; background: linear-gradient(to right, #3b82f6, #ec4899); }
    .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; align-items: center; }
    .form-label-group { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; color: #a0a0c0; flex-wrap: wrap; }
    .form-label-group .bi-info-circle { cursor: help; }
    .input-group { display: flex; align-items: center; background-color: #1e1e2f; border: 1px solid #4a4a6a; border-radius: 0.5rem; padding-left: 0.5rem; }
    .input-group:focus-within { border-color: #3b82f6; }
    .input-group .input-prefix { font-weight: 600; color: #a0a0c0; font-size: 0.9rem; }
    .input-group input { width: 100%; background: none; border: none; outline: none; padding: 0.35rem 0.4rem; color: #ffffff; font-size: 0.9rem; }
    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
    input[type=number] { -moz-appearance: textfield; }
    .toggle-switch { position: relative; display: inline-block; width: 44px; height: 24px; }
    .toggle-switch input { opacity: 0; width: 0; height: 0; }
    .toggle-switch label { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #4a4a6a; transition: .4s; border-radius: 28px; }
    .toggle-switch label:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: .4s; border-radius: 50%; }
    .toggle-switch input:checked + label { background-color: #f59e0b; }
    .toggle-switch input:checked + label:before { transform: translateX(20px); }
    .results-section { margin-top: 1rem; border-top: 1px solid #4a4a6a; padding-top: 1rem; }
    .result-cards-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
    .result-card-blue, .result-card-pink { border-radius: 0.9rem; padding: 0.75rem; display: flex; flex-direction: column; justify-content: space-between; align-items: center; text-align: center; gap: 0.4rem; }
    .result-card-title { font-size: 0.75rem; font-weight: 600; color: #a0a0c0; margin: 0; }
    .result-card-blue { background-color: rgba(59, 130, 246, 0.2); }
    .result-card-pink { background-color: rgba(236, 72, 153, 0.2); }
    .copy-button { background-color: white; color: #1e1e2f; border: none; border-radius: 0.65rem; padding: 0.3rem 0.6rem; font-size: 0.9rem; font-weight: 700; cursor: pointer; display: flex; align-items: center; gap: 0.4rem; }
    .card-description { font-weight: 600; font-size: 0.8rem; }
    .benefit-banner { margin-top: 0.75rem; border-radius: 0.9rem; padding: 0.75rem; display: flex; justify-content: space-between; align-items: center; border: 1px solid; }
    .benefit-banner.loss { background-color: rgba(239, 68, 68, 0.2); border-color: #ef4444; }
    .benefit-banner.profit { background-color: rgba(34, 197, 94, 0.2); border-color: #22c55e; }
    .benefit-content { display: flex; align-items: center; gap: 0.75rem; }
    .benefit-content .bi-graph-up-arrow { color: #22c55e; }
    .benefit-content .bi-graph-down-arrow { color: #ef4444; }
    .benefit-content i { font-size: 1.5rem; }
    .benefit-text { display: flex; flex-direction: column; }
    .benefit-title { font-size: 0.8rem; color: #a0a0c0; }
    .benefit-amount { font-size: 1.4rem; font-weight: 700; }
    .benefit-banner.loss .benefit-amount { color: #ef4444; }
    .benefit-banner.profit .benefit-amount { color: #22c55e; }
    .benefit-rating { font-size: 1.05rem; font-weight: 600; align-self: flex-end; }
    .scenarios-table { margin-top: 0.75rem; border: 1px solid #4a4a6a; border-radius: 0.9rem; overflow: hidden; }
    .table-header { background-color: #3b82f6; padding: 0.6rem 0.75rem; text-align: center; font-weight: 600; font-size: 0.9rem; }
    .scenarios-table table { width: 100%; border-collapse: collapse; }
    .scenarios-table th, .scenarios-table td { padding: 0.5rem 0.6rem; text-align: left; border-bottom: 1px solid #4a4a6a; }
    .scenarios-table thead th { color: #a0a0c0; font-size: 0.7rem; text-transform: uppercase; }
    .scenarios-table thead .bi { margin-right: 0.5rem; }
    .scenarios-table tbody tr:last-child td { border-bottom: none; }
    .scenarios-table tbody tr:nth-child(odd) { background-color: rgba(0,0,0,0.1); }
    .profit-value { color: #22c55e; font-weight: 600; }
    .loss-value { color: #ef4444; font-weight: 600; }
    @media (max-width: 992px) { .calc-modal-body { grid-template-columns: 1fr; } .event-details-panel { order: 1; } .calculator-panel { order: 2; } }
    @media (max-width: 768px) {
        .d-lg-none .card-body .col-6 > p.mb-1 { text-align: center; }
        .d-lg-none .bookmaker-chip,
        .d-lg-none .fav-chip {
            width: 130px;
        }
        .calculadora-card { padding: 0.75rem; }
        .form-grid { grid-template-columns: 1fr; }
        .result-cards-grid { grid-template-columns: 1fr; }
        .benefit-banner, .benefit-content { flex-direction: column; align-items: center; text-align: center; }
        .benefit-rating { margin-top: 0.75rem; align-self: center; }
        .scenarios-table { font-size: 0.75rem; }
        .scenarios-table th, .scenarios-table td { padding: 0.45rem; }
        .tracker-modal-grid,
        .tracker-modal-grid-3,
        .tracker-modal-grid-lev-legs { grid-template-columns: 1fr; }
        .tracker-leg-edit { grid-template-columns: 1fr; }
        .tracker-field-amount-inline { align-self: auto; }
        .combo-fab {
            right: 70px;
            bottom: 72px;
            width: 52px;
            min-width: 52px;
            height: 52px;
            padding: 0;
        }
        .combo-fab-label { display: none; }
        .filters-modal-content.multiple-inline-modal {
            width: 99vw;
            max-width: 99vw;
        }
        .multiple-inline-backdrop { padding-top: 8px; }
        .calc-modal-content {
            position: relative;
            width: 100vw;
            max-width: 100vw;
            max-height: 100vh;
            border-radius: 0;
        }
        .calc-modal-body {
            grid-template-columns: minmax(0, 1fr);
        }
        .event-details-panel,
        .calculator-panel {
            padding: 0.85rem;
            min-width: 0;
        }
    }

    @media (min-width: 855px) and (max-width: 991.98px) {
        .surebets-table-wrap {
            display: block !important;
        }

        .surebets-cards-wrap {
            display: none !important;
        }
    }