:root { --navy: #061a46; --blue: #003d82; --light-blue: #0758b3; --orange: #f5a000; --green: #0a9c58; --text: #14213d; --muted-text: #6b7487; --border: #dce2eb; --light-background: #f2f5f9;}* { box-sizing: border-box;}html,body { max-width: 100%; overflow-x: hidden;}body { margin: 0; background: #e9edf3; color: var(--text); font-family: Arial, Helvetica, sans-serif; font-size: 13px;}button,input,select,textarea { font-family: inherit;}.app-width { max-width: 1180px;}.topbar { color: white; background: linear-gradient(135deg, var(--navy), #0b3271); box-shadow: 0 2px 14px rgba(0, 19, 52, 0.3);}.topbar-main { height: 58px;}.brand { display: flex; align-items: center; color: white; font-size: 19px; font-style: italic; font-weight: 900; letter-spacing: -0.7px; text-decoration: none;}.brand-logo { display: block; width: 100px; height: auto; max-height: 52px; object-fit: contain;}.brand b { color: var(--orange);}.brand-mark { display: grid; place-items: center; width: 29px; height: 29px; margin-right: 5px; border-radius: 50% 50% 45% 55%; color: var(--navy); background: var(--orange); font-style: normal; transform: rotate(-7deg);}.header-action { height: 32px; padding: 0 11px; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 5px; color: white; background: rgba(255, 255, 255, 0.07); font-size: 12px; font-weight: 700;}.header-action--accent { border-color: var(--orange); color: #17213a; background: var(--orange);}.header-deposit-action { order: -1; border-color: #ffbd22; color: #17213a; background: linear-gradient(135deg, #ffd34f, var(--orange)); box-shadow: 0 0 0 rgba(245,160,0,0); animation: deposit-pulse 1.35s ease-in-out infinite;}@keyframes deposit-pulse { 0%, 100% { filter: brightness(1); box-shadow: 0 0 0 0 rgba(255,190,32,.15); } 50% { filter: brightness(1.12); box-shadow: 0 0 10px 2px rgba(255,190,32,.55); }}@media (prefers-reduced-motion: reduce) { .header-deposit-action { animation: none; }}.sport-tabs { display: grid; grid-template-columns: repeat(4, 1fr); height: 49px;}.sport-tab { position: relative; border: 0; border-bottom: 3px solid transparent; color: #bbc8de; background: transparent; font-size: 10px; font-weight: 600;}.sport-tab i { display: block; color: var(--orange); font-size: 18px; line-height: 20px;}.sport-tab em { position: absolute; top: 2px; margin-left: 1px; padding: 1px 4px; border-radius: 9px; color: white; background: #e8493f; font-size: 8px; font-style: normal;}.sport-tab.active { border-bottom-color: var(--orange); color: white;}.desktop-product-item { position: relative; flex: 0 0 61px; height: 49px; padding: 2px; border: 0; border-bottom: 3px solid transparent; color: #bbc8de; background: transparent; font-size: 8px; font-weight: 600; line-height: 1.1; white-space: nowrap;}.desktop-product-item i { display: block; color: var(--orange); font-size: 17px; line-height: 20px;}.desktop-product-item > em { position: absolute; top: 1px; left: calc(50% + 7px); color: white; font-size: 5px; font-style: normal;}.desktop-product-item:is(:hover, :focus-visible),.desktop-product-item.active { border-bottom-color: var(--orange); color: white; background: transparent; outline: none;}@media (max-width: 991.98px) { .sport-tabs { display: none; }}.mobile-product-menu { display: flex; align-items: stretch; gap: 2px; margin: 0 -12px; padding: 4px 8px 6px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch;}.mobile-header-switcher { display: contents;}.mobile-product-menu::-webkit-scrollbar { display: none; }.mobile-product-item { position: relative; flex: 1 0 56px; min-height: 55px; padding: 4px 2px 6px; border: 0; border-bottom: 3px solid transparent; border-radius: 6px 6px 2px 2px; color: #c7d3e8; background: transparent; font-size: 9px; line-height: 1.15; text-align: center; white-space: nowrap;}.mobile-product-item i { display: block; margin-bottom: 4px; color: var(--orange); font-size: 22px; line-height: 24px;}.mobile-product-item > em { position: absolute; top: 0; left: 50%; margin-left: 8px; color: white; font-size: 6px; font-style: normal; font-weight: 800; line-height: 1;}.mobile-product-item .mobile-basketball-icon { position: relative; color: transparent;}.mobile-product-item .mobile-basketball-icon::before { color: var(--orange); content: "\f1e9"; font-family: bootstrap-icons;}.mobile-product-item:is(:hover, :focus-visible) { color: white; background: rgba(255, 255, 255, .08); outline: none;}.mobile-product-item.active { border-bottom-color: var(--orange); color: white; background: rgba(255, 255, 255, .06);}.mobile-menu { width: min(86vw, 330px) !important; color: #dbe5f4; background: #071b45; }.mobile-menu .offcanvas-header { min-height: 68px; border-bottom: 1px solid rgba(255,255,255,.1); background: #061737; }.mobile-menu .offcanvas-body { padding: 13px; }.mobile-menu-section { overflow: hidden; margin-bottom: 13px; border: 1px solid rgba(255,255,255,.09); border-radius: 9px; background: rgba(255,255,255,.04); }.mobile-menu-section > small { display: block; padding: 10px 12px 7px; color: #8195b7; font-size: 8px; font-weight: 800; letter-spacing: 1px; }.mobile-menu-section button { display: grid; width: 100%; grid-template-columns: 28px 1fr auto auto; align-items: center; padding: 11px 12px; border: 0; border-top: 1px solid rgba(255,255,255,.07); color: #eaf0f9; background: transparent; font-size: 11px; text-align: left; }.mobile-menu-section button:hover, .mobile-menu-section button:active { background: rgba(255,255,255,.08); }.mobile-menu-section button > i:first-child { color: var(--orange); font-size: 14px; }.mobile-menu-section button > i:last-child { color: #7187aa; font-size: 9px; }.mobile-menu-section button em { min-width: 18px; margin-right: 8px; padding: 2px 5px; border-radius: 9px; color: white; background: #e8493f; font-size: 8px; font-style: normal; text-align: center; }.mobile-menu-warning { display: flex; gap: 10px; align-items: center; padding: 12px; border: 1px solid rgba(255,178,0,.2); border-radius: 8px; background: rgba(255,178,0,.07); }.mobile-menu-warning > i { color: var(--orange); font-size: 18px; }.mobile-menu-warning strong, .mobile-menu-warning span { display: block; }.mobile-menu-warning strong { color: white; font-size: 10px; }.mobile-menu-warning span { margin-top: 2px; color: #9eb0cc; font-size: 8px; }.side-live-count { float: right; min-width: 18px; padding: 1px 5px; border-radius: 9px; color: white; background: #e8493f; font-size: 8px; text-align: center;}#bottomLiveButton { position: relative; }#bottomLiveButton em { position: absolute; top: 2px; left: calc(50% + 7px); min-width: 14px; padding: 1px 4px; border-radius: 8px; color: white; background: #e8493f; font-size: 7px; font-style: normal; }.page-shell { padding-top: 10px; padding-bottom: 115px;}.page-shell > .row { margin-right: 0; margin-left: 0;}.match-column { padding-right: 0; padding-left: 0;}.side-column { min-height: 0; max-height: 100%; padding-bottom: 18px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #9aa8bd transparent;}.side-column::-webkit-scrollbar { width: 6px;}.side-column::-webkit-scrollbar-thumb { border-radius: 10px; background: #9aa8bd;}.promo-banner { display: flex; align-items: center; justify-content: space-between; min-height: 82px; padding: 13px 18px; overflow: hidden; border-radius: 9px; color: white; background-image: linear-gradient(rgba(1, 10, 28, 0.28), rgba(1, 10, 28, 0.48)), url("assets/header_bg.gif");background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}.promo-banner small,.promo-banner span { display: block; color: #c6d8ee; font-size: 10px;}.promo-banner strong { display: block; font-size: 17px; letter-spacing: 0.4px;}.promo-banner i { color: var(--orange); font-size: 55px; filter: drop-shadow(0 0 10px rgba(255, 196, 0, 0.45)); transform: rotate(7deg);}.quick-filters { display: flex; gap: 7px; margin: 10px 0; overflow-x: auto; scrollbar-width: none;}.quick-filters::-webkit-scrollbar { display: none;}.filter-pill { flex: 0 0 auto; padding: 7px 14px; border: 1px solid #323335; border-radius: 18px; color: #556074; background: white; font-size: 12px; font-weight: 700;}.filter-pill.active { border-color: var(--blue); color: white; background: var(--blue);}.live-dot { display: inline-block; width: 6px; height: 6px; margin-right: 3px; border-radius: 50%; background: #ef4c4c; box-shadow: 0 0 0 3px rgba(239, 76, 76, 0.15);}.matches-panel { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: white;}.matches-heading { display: flex; align-items: center; justify-content: space-between; padding: 9px 10px; border-bottom: 1px solid var(--border);}.matches-heading > div { display: flex; align-items: baseline; gap: 7px;}.matches-heading span { font-size: 15px; font-weight: 800;}.matches-heading small,.matches-heading time { color: var(--muted-text); font-size: 13px;}.match-tools { display: grid; grid-template-columns: 125px 1fr; gap: 7px; padding: 7px; background: var(--light-background);}.match-tools label { display: flex; align-items: center; height: 32px; border: 1px solid #ccd4df; border-radius: 5px; color: #6a7487; background: white;}.match-tools i { padding-left: 9px;}.match-tools select,.match-tools input { width: 100%; padding: 0 7px; border: 0; outline: 0; color: #354057; background: transparent; font-size: 11px;}.league-block { border-bottom: 5px solid #e8edf3;}.league-title { display: flex; align-items: center; justify-content: space-between; height: 28px; padding: 0 8px; color: white; background: linear-gradient(90deg, #073c78, #075399); font-size: 11px; font-weight: 400; letter-spacing: 0.1px;}.league-title div { display: flex; align-items: center; gap: 6px;}.league-title i { font-size: 12px;}.league-title button { border: 0; color: #c8daf0; background: transparent; font-size: 14px;}.odds-labels,.match-row { display: grid; grid-template-columns: 37px minmax(48px, 1fr) 25px minmax(48px, 1fr) repeat(3, 43px) 28px; align-items: center; gap: 3px;}.odds-labels { height: 22px; padding: 0 4px; color: #687286; background: #edf1f6; font-size: 9px; text-align: center;}.match-row { padding: 3px 4px; border-top: 1px solid #e1e5eb;}.match-row:nth-child(odd) { background: #fafbfd;}.match-time { color: #5e6879; font-size: 12px; font-weight: 400; line-height: 1.15;}.match-time.live { color: #dd2f3b;}.live-match-row { min-height: 42px; background: white !important; }.live-match-row .match-time.live { display: flex; align-items: center; justify-content: space-between; gap: 3px; }.live-minute { color: #ed2637; font-size: 12px; font-weight: 400; }.match-time .live-chip { display: inline-flex; align-items: center; gap: 3px; width: fit-content; padding: 2px 4px; border: 1px solid #ffc9ce; border-radius: 3px; color: #ed2637; background: #fff7f8; font-size: 7px; font-weight: 800; line-height: 1; }.live-chip i { width: 4px; height: 4px; border-radius: 50%; background: #ed2637; animation: live-chip-pulse 1.2s infinite; }@keyframes live-chip-pulse { 50% { opacity: .25; } }.live-match-row .team-name { font-size: 14px; font-weight: 400; }.live-match-row .score-separator { color: #ed2637; font-weight: 400; }.match-time em { display: block; font-size: 13px; font-style: normal;}.team-name { min-width: 0; overflow: hidden; color: #202b42; font-size: 10px; font-weight: 400; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap;}.home-team { text-align: right;}.away-team { text-align: left;}.score-separator { color: #7d8797; font-size: 8px; font-weight: 400; text-align: center; white-space: nowrap;}.score-separator.live-score { color: #d9283a; font-size: 9px;}.odd-btn { padding: 0; border: 1px solid #0b376f; border-radius: 3px; color: white; background: #071b45; font-size: 11px; font-weight: 750; transition: 0.15s;}.odd-btn:hover { background: #0a4492;}.odd-btn.selected { border-color: #087b46; background: var(--green); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);}.odd-btn.locked { border-color: #9aa4b3; color: #eef2f7; background: #8b95a4; cursor: not-allowed;}.odd-btn.odd-up { animation: odd-increased 10s linear;}.odd-btn.odd-down { animation: odd-decreased 10s linear;}@keyframes odd-increased { 0%, 5%, 10%, 15%, 20%, 25%, 30%, 35%, 40%, 45%, 50% { color: #32f28a; } 2.5%, 7.5%, 12.5%, 17.5%, 22.5%, 27.5%, 32.5%, 37.5%, 42.5%, 47.5% { color: white; } 100% { color: white; }}@keyframes odd-decreased { 0%, 5%, 10%, 15%, 20%, 25%, 30%, 35%, 40%, 45%, 50% { color: #ff4d61; } 2.5%, 7.5%, 12.5%, 17.5%, 22.5%, 27.5%, 32.5%, 37.5%, 42.5%, 47.5% { color: white; } 100% { color: white; }}.more-btn { border: 1px solid #ccd4df; border-radius: 3px; color: #40506b; background: #f6f7f9; font-size: 11px;}.empty-state { padding: 45px; color: #7a8496; text-align: center;}.empty-state i { font-size: 28px;}.empty-state p { margin: 7px;}.empty-state button { padding: 6px 12px; border: 0; border-radius: 4px; color: white; background: var(--blue);}.live-empty-state { display: grid; min-height: 260px; padding: 35px 20px; place-items: center; align-content: center; color: #6c7b91; text-align: center; }.live-empty-state > span { display: grid; width: 58px; height: 58px; margin-bottom: 12px; place-items: center; border-radius: 50%; color: var(--blue); background: #e8f1fc; font-size: 25px; }.live-empty-state strong { color: var(--navy); font-size: 15px; }.live-empty-state p { max-width: 290px; margin: 5px 0 14px; font-size: 11px; line-height: 1.5; }.live-empty-state button { padding: 8px 14px; border: 0; border-radius: 6px; color: white; background: var(--blue); font-size: 10px; font-weight: 800; }.loading-state { display: grid; place-items: center; gap: 8px; min-height: 135px; color: var(--muted-text); font-size: 12px;}.loading-state span { width: 28px; height: 28px; border: 3px solid #d7deea; border-top-color: var(--blue); border-radius: 50%; animation: spin 0.8s linear infinite;}@keyframes spin { to { transform: rotate(360deg); }}.betslip-dock { position: fixed; z-index: 1025; bottom: 61px; left: 50%; display: flex; align-items: center; gap: 8px; width: calc(100% - 20px); max-width: 430px; height: 48px; padding: 0 13px; border: 0; border-radius: 8px 8px 0 0; color: white; background: #071b45; box-shadow: 0 -4px 18px rgba(0, 21, 53, 0.26); font-size: 12px; transform: translateX(-50%);}.betslip-dock .bet-count { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: #14213d; background: var(--orange); font-weight: 800;}.betslip-dock strong { margin-left: auto; color: #f9c34d; font-size: 11px;}.bottom-nav { position: fixed; z-index: 1020; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(5, 1fr); width: 100%; height: 62px; border-top: 1px solid #d6dce5; background: white;}.bottom-nav button { border: 0; color: #7b8494; background: transparent; font-size: 9px;}.bottom-nav i { display: block; font-size: 19px;}.bottom-nav .active { color: var(--blue); font-weight: 800;}.betslip-sheet { height: min(74vh, 580px) !important; border-radius: 14px 14px 0 0;}.betslip-sheet h5 { margin: 0; font-weight: 800;}.betslip-sheet h5 span { padding: 3px 7px; border-radius: 12px; background: var(--orange); font-size: 11px;}.betslip-sheet small { color: var(--muted-text);}.selected-bet { display: grid; grid-template-columns: 1fr auto; gap: 3px; padding: 9px 3px; border-bottom: 1px solid var(--border); font-size: 11px;}.selected-bet.expired { border-left: 3px solid #d8333f; padding-left: 7px; background: #fff5f5;}.selected-bet strong { font-size: 12px;}.selected-bet small { grid-column: 1;}.selected-bet-odd { grid-row: 2; grid-column: 2; align-self: center; justify-self: end; color: var(--text); font-weight: 800;}.selected-bet button { grid-row: 1; grid-column: 2; border: 0; color: #b03636; background: transparent;}.empty-slip { padding: 45px 0; color: #8a93a3; text-align: center;}.empty-slip i { font-size: 34px;}.empty-slip p { margin: 7px 0 0; color: #3e495d; font-weight: 700;}.stake-area { margin-top: 12px; padding: 12px; border-radius: 8px; background: var(--light-background);}.stake-area label { display: flex; align-items: center; justify-content: space-between; font-weight: 700;}.stake-area input { width: 135px; height: 35px; padding: 5px; border: 1px solid #bcc5d3; border-radius: 4px; text-align: right;}.stake-area > div { display: flex; justify-content: space-between; margin-top: 8px; font-size: 12px;}.stake-area > button,.auth-form > button { width: 100%; margin-top: 12px; padding: 10px; border: 0; border-radius: 5px; color: white; background: var(--green); font-weight: 800;}.auth-form label { display: block; margin-bottom: 10px; font-size: 11px; font-weight: 700;}.auth-form input { display: block; width: 100%; height: 39px; margin-top: 4px; padding: 0 10px; border: 1px solid #c7cfda; border-radius: 5px;}.auth-form a,.auth-form > small { display: block; margin-top: 10px; color: var(--blue); font-size: 11px; text-align: center;}.register-form { max-height: min(76vh, 620px); overflow-y: auto;}.toast { color: white; background: #0a8b52;}.toast-success { background: #0a8b52;}.toast-warning { background: #c87600;}.toast-info { background: #075399;}.toast-body i { margin-right: 6px;}.site-footer { padding: 24px 18px 115px; color: #b9c6da; background: linear-gradient(145deg, #061536, #09265d); font-size: 10px; }.footer-grid { display: grid; gap: 20px; text-align: left; }.site-footer h3 { margin: 0 0 8px; color: white; font-size: 12px; }.site-footer p { margin: 6px 0 0; line-height: 1.55; }.site-footer button { display: block; padding: 3px 0; border: 0; color: #c8d4e7; background: transparent; font-size: 10px; text-align: left; }.site-footer button:hover { color: var(--orange); }.footer-brand { color: white; font-size: 15px; font-weight: 800; text-decoration: none; }.footer-brand span { display: inline-grid; width: 24px; height: 24px; margin-right: 4px; place-items: center; border-radius: 6px; color: #071b45; background: var(--orange); }.footer-brand b { color: var(--orange); }.brand-logo--footer { width: 112px; max-height: 56px; }.money-badges { display: flex; flex-wrap: wrap; gap: 6px; }.money-badges span { padding: 6px 8px; border: 1px solid rgba(255,255,255,.14); border-radius: 5px; color: white; background: rgba(255,255,255,.06); }.money-badges i { color: var(--orange); }.responsible-warning { display: flex; gap: 9px; margin-top: 20px; padding: 11px; border: 1px solid rgba(255,178,0,.22); border-radius: 6px; color: #e4eaf3; background: rgba(255,178,0,.07); text-align: left; }.responsible-warning > i { color: var(--orange); font-size: 15px; }.responsible-warning p { margin: 0; }.responsible-warning strong { color: white; }.footer-bottom { display: flex; flex-direction: column; gap: 4px; margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.1); color: #8293ae; text-align: left; }.help-modal { overflow: hidden; border: 0; border-radius: 12px; box-shadow: 0 22px 70px rgba(2,15,40,.35); }.help-modal .modal-header { padding: 15px 18px; color: white; background: linear-gradient(135deg, var(--navy), var(--blue)); }.help-modal-heading { display: flex; align-items: center; gap: 11px; }.help-modal-heading > i { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 9px; color: var(--navy); background: var(--orange); font-size: 18px; }.help-modal-heading small { color: #b8c9e4; font-size: 8px; font-weight: 800; letter-spacing: 1px; }.help-modal-heading h5 { margin: 1px 0 0; font-size: 16px; }.help-modal .modal-body { padding: 20px; color: #263650; }.help-intro { margin-bottom: 16px; }.help-intro strong { color: var(--navy); font-size: 15px; }.help-intro p, .help-legal p { margin: 5px 0 0; color: #63718a; font-size: 12px; line-height: 1.6; }.help-steps { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }.help-steps li { display: flex; gap: 11px; }.help-steps li > span { display: grid; flex: 0 0 28px; height: 28px; place-items: center; border-radius: 50%; color: white; background: var(--blue); font-size: 11px; font-weight: 800; }.help-steps strong { color: var(--navy); font-size: 12px; }.help-steps p { margin: 2px 0 0; color: #68768d; font-size: 11px; }.help-info-grid { display: grid; gap: 10px; }.help-info-grid > div { padding: 14px; border: 1px solid #dfe5ed; border-radius: 8px; background: #f7f9fc; }.help-info-grid > div > i { display: block; margin-bottom: 6px; color: var(--blue); font-size: 20px; }.help-info-grid strong { display: block; color: var(--navy); font-size: 12px; }.help-info-grid p { margin: 3px 0 0; color: #68768d; font-size: 11px; line-height: 1.5; }.help-note { margin: 15px 0 0; padding: 10px; border-radius: 6px; color: #49617c; background: #eef5fc; font-size: 10px; }.help-note i { margin-right: 4px; color: var(--blue); }.help-primary-action { width: 100%; padding: 11px; border: 0; border-radius: 7px; color: white; background: var(--green); font-size: 12px; font-weight: 800; }.contact-options { display: grid; gap: 9px; }.contact-options a { display: grid; grid-template-columns: 38px 1fr auto; gap: 10px; align-items: center; padding: 11px; border: 1px solid #dfe5ed; border-radius: 8px; color: var(--navy); text-decoration: none; }.contact-options a > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 8px; color: white; background: var(--blue); }.contact-options small, .contact-options strong { display: block; }.contact-options small { color: #7c899d; font-size: 8px; }.contact-options strong { margin-top: 2px; font-size: 13px; }.deposit-networks { display: flex; gap: 7px; }.deposit-networks span { flex: 1; padding: 9px 7px; border: 1px solid #dce3ec; border-radius: 6px; color: var(--navy); background: #f6f8fb; font-size: 10px; font-weight: 800; text-align: center; }.deposit-networks i { color: var(--blue); }.official-results { overflow-x: auto; padding: 8px; }.official-results table { width: 100% !important; border-collapse: collapse; background: white; font-size: 11px; }.official-results th { padding: 8px; color: white; background: var(--blue) !important; }.official-results td { padding: 7px; border-bottom: 1px solid #e4e9f0; color: #263650; }.official-results tr:nth-child(even) td { background: #f7f9fc; }.account-center, .history-modal { overflow: hidden; border: 0; border-radius: 12px; box-shadow: 0 24px 70px rgba(2,15,40,.4); }.account-center .modal-header, .history-modal .modal-header { color: white; background: linear-gradient(135deg, var(--navy), var(--blue)); }.account-center .modal-header small { color: #aebfda; font-size: 8px; font-weight: 800; letter-spacing: 1px; }.account-center .modal-title { margin-top: 1px; }.account-center .modal-body { padding: 18px; background: #f5f7fb; }.account-identity { display: flex; align-items: center; gap: 11px; margin-bottom: 14px; }.account-avatar { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 11px; color: white; background: var(--blue); font-size: 19px; }.account-identity small, .account-identity strong { display: block; }.account-identity small { color: #748198; font-size: 9px; }.account-identity strong { color: var(--navy); font-size: 14px; }.balance-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.balance-cards > div { padding: 13px; border-radius: 9px; color: white; background: linear-gradient(140deg, #092765, #0a4a9d); box-shadow: 0 7px 18px rgba(7,55,125,.15); }.balance-cards > div:last-child { background: linear-gradient(140deg, #0b653d, #119159); }.balance-cards span, .balance-cards strong { display: block; }.balance-cards span { color: rgba(255,255,255,.75); font-size: 9px; }.balance-cards strong { margin-top: 5px; font-size: 14px; }.balance-cards i { margin-right: 3px; }.account-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 13px; }.account-actions button { display: flex; align-items: center; gap: 9px; padding: 11px; border: 1px solid #dce3ec; border-radius: 8px; color: var(--navy); background: white; text-align: left; }.account-actions button:hover { border-color: #b8cbe5; background: #fafdff; }.account-actions button > i { display: grid; flex: 0 0 32px; height: 32px; place-items: center; border-radius: 8px; color: var(--blue); background: #eaf2fc; font-size: 15px; }.account-actions span, .account-actions small { display: block; }.account-actions span { font-size: 11px; font-weight: 800; }.account-actions small { margin-top: 1px; color: #8591a3; font-size: 8px; font-weight: 500; }.last-login { margin-top: 13px; color: #7c899d; font-size: 9px; text-align: center; }.history-modal .modal-body { min-height: 220px; padding: 12px; background: #f5f7fb; }.history-list, .bet-detail-list { display: grid; gap: 8px; }.history-item { display: flex; width: 100%; justify-content: space-between; gap: 12px; align-items: center; padding: 12px; border: 1px solid #dfe5ed; border-radius: 8px; color: #293951; background: white; text-align: left; }button.history-item:hover { border-color: #adc4e1; }.history-item > div:last-child { display: flex; align-items: flex-end; flex-direction: column; gap: 4px; }.history-item small, .history-item strong, .history-item span { display: block; }.history-item small { color: #8a96a8; font-size: 8px; }.history-item strong { font-size: 11px; }.history-item span { margin-top: 2px; color: #65738a; font-size: 9px; }.history-status { padding: 3px 6px; border-radius: 99px; font-size: 8px; font-style: normal; font-weight: 800; }.history-status.success { color: #087546; background: #dcf7e9; }.history-status.danger { color: #a92838; background: #fde5e8; }.history-status.pending { color: #9a6500; background: #fff2cf; }.history-empty { display: grid; min-height: 190px; place-items: center; align-content: center; color: #758299; text-align: center; }.history-empty i { margin-bottom: 8px; color: #9badc5; font-size: 28px; }.history-empty strong { color: var(--navy); }.history-empty p { margin: 4px 0 0; font-size: 10px; }.bet-detail-list > div { position: relative; padding: 13px; border: 1px solid #dfe5ed; border-radius: 8px; background: white; }.bet-detail-list .history-status { position: absolute; top: 10px; right: 10px; }.bet-detail-list strong { display: block; padding-right: 55px; color: var(--navy); font-size: 11px; }.bet-detail-list p { margin: 4px 0; color: #5f6f87; font-size: 10px; }.bet-detail-list small { color: #8a96a8; font-size: 9px; }.receipt-printer { max-width: 520px; margin: 0 auto; padding: 14px 14px 0; border-radius: 12px; background: linear-gradient(160deg, #082251, #0a3678); }.printer-top { position: relative; z-index: 2; height: 48px; padding: 13px 20px; border: 1px solid #8f9aaa; border-radius: 16px 16px 8px 8px; background: linear-gradient(#e6e8eb, #9fa6ae); box-shadow: inset 0 2px 3px white, 0 5px 13px rgba(0,0,0,.25); }.printer-top > span { display: block; height: 12px; border-radius: 7px; background: #10151d; box-shadow: inset 0 3px 5px #000; }.printer-light { position: absolute; top: 6px; right: 15px; width: 6px; height: 6px; border-radius: 50%; background: #32df80; box-shadow: 0 0 7px #32df80; }.bet-receipt-paper { position: relative; z-index: 1; margin: -9px auto 0; padding: 22px 18px 18px; color: #253147; background: #fff; box-shadow: 0 12px 25px rgba(0,0,0,.22); transform-origin: top center; animation: receipt-print 1.5s cubic-bezier(.2,.75,.25,1) both; }.bet-receipt-paper::after { position: absolute; right: 0; bottom: -7px; left: 0; height: 8px; background: linear-gradient(135deg, transparent 5px, white 0) 0 0/10px 10px repeat-x; content: ""; }@keyframes receipt-print { 0% { max-height: 0; padding-top: 0; padding-bottom: 0; opacity: .2; transform: translateY(-28px) scaleY(.06); overflow: hidden; } 35% { opacity: 1; } 100% { max-height: 1300px; transform: translateY(0) scaleY(1); } }.receipt-brand { display: flex; justify-content: center; gap: 10px; align-items: center; padding-bottom: 15px; border-bottom: 1px dashed #9eabc0; }.receipt-logo { display: grid; width: 126px; height: 62px; padding: 5px 7px; place-items: center; border-radius: 8px; background: var(--navy); }.receipt-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }.receipt-brand strong, .receipt-brand small { display: block; }.receipt-brand strong { color: var(--navy); font-size: 20px; letter-spacing: 1px; }.receipt-brand strong span { color: #e08a00; }.receipt-brand small { color: #7c899d; font-size: 8px; text-align: center; }.receipt-status { padding: 14px 0 10px; }.receipt-status > div { display: flex; justify-content: space-between; align-items: center; }.receipt-status > div > small { color: var(--navy); font-size: 11px; font-weight: 800; }.receipt-state { font-size: 10px; text-transform: uppercase; }.receipt-state.success { color: #09814c; }.receipt-state.danger { color: #bd2c3d; }.receipt-state.pending { color: #a66d00; }.receipt-status dl { margin: 10px 0 0; }.receipt-status dl > div { display: flex; justify-content: space-between; margin-top: 4px; }.receipt-status dt { color: #7b8799; font-size: 9px; font-weight: 500; }.receipt-status dd { margin: 0; color: #253147; font-size: 9px; font-weight: 800; }.receipt-summary { display: grid; grid-template-columns: 1fr 1fr; overflow: hidden; border: 1px solid #dce3ec; border-radius: 7px; }.receipt-summary > div { padding: 9px; border-right: 1px solid #e3e8ef; border-bottom: 1px solid #e3e8ef; }.receipt-summary > div:nth-child(even) { border-right: 0; }.receipt-summary span, .receipt-summary strong { display: block; }.receipt-summary span { color: #7b8799; font-size: 8px; }.receipt-summary strong { margin-top: 2px; color: var(--navy); font-size: 11px; }.receipt-summary .receipt-return { grid-column: 1 / -1; border-bottom: 0; background: #edf8f3; text-align: center; }.receipt-summary .receipt-return strong { color: #087546; font-size: 14px; }.receipt-divider { display: flex; align-items: center; gap: 8px; margin: 15px 0 8px; color: #78869b; font-size: 8px; font-weight: 800; }.receipt-divider::before, .receipt-divider::after { flex: 1; border-top: 1px dashed #aab5c5; content: ""; }.receipt-selections { display: grid; gap: 7px; }.receipt-selection { display: grid; grid-template-columns: 1fr auto; padding: 9px 0; border-bottom: 1px dotted #ccd4df; }.receipt-selection > .history-status { display: inline-flex; align-self: start; align-items: center; gap: 4px; min-width: 0; padding: 4px 7px; border: 1px solid transparent; border-radius: 4px; line-height: 1; white-space: nowrap; }.receipt-selection > .history-status.pending { color: #956000; border-color: #f1d58b; background: #fff8e3; }.receipt-selection > .history-status.pending::before { width: 5px; height: 5px; border-radius: 50%; background: #e2a514; animation: receipt-pending-pulse 1.4s ease-in-out infinite; content: ""; }@keyframes receipt-pending-pulse { 50% { opacity: .3; transform: scale(.75); } }.receipt-selection small, .receipt-selection strong, .receipt-selection span { display: block; }.receipt-selection small { color: #8490a2; font-size: 7px; text-transform: uppercase; }.receipt-selection strong { margin: 2px 0; color: #1c2940; font-size: 10px; }.receipt-selection span { color: #617087; font-size: 9px; }.receipt-selection p { grid-column: 1 / -1; margin: 5px 0 0; color: #8a96a7; font-size: 8px; }.receipt-footer { padding-top: 15px; text-align: center; }.receipt-barcode { overflow: hidden; color: #101820; font-family: monospace; font-size: 18px; font-weight: 900; letter-spacing: -2px; transform: scaleY(1.6); }.receipt-footer p { margin: 10px 0 2px; color: var(--navy); font-size: 9px; font-weight: 800; }.receipt-footer small { color: #8c97a8; font-size: 7px; }.receipt-actions { display: grid; grid-template-columns: 1fr; gap: 1px; margin: 16px -14px 0; overflow: hidden; border-radius: 0 0 10px 10px; background: rgba(255,255,255,.15); }.receipt-actions button { padding: 10px 5px; border: 0; color: white; background: rgba(0,0,0,.12); font-size: 9px; }.receipt-actions button i, .receipt-actions button span { display: block; }.receipt-actions button i { margin-bottom: 3px; font-size: 15px; }@media print { body * { visibility: hidden !important; } #betReceipt, #betReceipt * { visibility: visible !important; } #betReceipt { position: absolute; top: 0; left: 0; width: 100%; box-shadow: none; animation: none; }}.desktop-card { overflow: hidden; border-radius: 6px; background: white; box-shadow: 0 2px 8px rgba(19, 36, 69, 0.07);}.desktop-card h2 { margin: 0; padding: 8px; color: white; background: var(--blue); font-size: 12px; text-align: center;}.desktop-card > button { display: block; width: 100%; padding: 8px; border: 0; border-top: 1px solid #e7ebf0; background: white; font-size: 11px; text-align: left;}.desktop-card > button i,.quick-actions-card button i,.support-card button i,.side-results button i { margin-right: 5px; color: var(--blue);}.desktop-card > button:hover,.quick-actions-card button:hover,.support-card button:hover { color: var(--blue); background: #f4f7fb;}.account-card { padding-bottom: 10px;}.account-card label { display: block; padding: 7px 10px 0; font-size: 10px;}.account-card input { display: block; width: 100%; border: 1px solid #ccd3dc;}.account-card .login-wide { width: calc(100% - 20px); margin: 10px; color: white; background: var(--green); text-align: center;}.account-summary { display: grid; gap: 4px; padding: 12px 10px 2px;}.account-summary small { color: var(--muted-text); font-size: 10px;}.account-summary strong { color: var(--text); font-size: 13px;}.account-summary span { color: var(--green); font-size: 11px; font-weight: 800;}.desktop-slip h2 { display: flex; align-items: center; justify-content: center; gap: 6px;}.desktop-slip h2 span { display: grid; place-items: center; min-width: 20px; height: 18px; border-radius: 9px; color: #17213a; background: var(--orange); font-size: 10px;}.desktop-slip .selected-bet { padding: 8px 9px;}.desktop-slip-empty { margin: 0; padding: 14px 10px; color: var(--muted-text); font-size: 11px;}.desktop-slip-summary { display: grid; gap: 7px; padding: 10px; border-top: 1px solid var(--border); background: var(--light-background); font-size: 11px;}.desktop-slip-summary span { display: flex; justify-content: space-between;}.desktop-stake-field { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4px; color: #33415c; font-size: 10px; font-weight: 800; }.desktop-stake-field > span { display: block; }.desktop-stake-field > small { color: #758299; font-size: 8px; }.desktop-stake-field input { grid-column: 1 / -1; width: 100%; height: 34px; padding: 0 9px; border: 1px solid #bfc9d7; border-radius: 5px; color: var(--navy); background: white; font-size: 12px; font-weight: 800; }.desktop-stake-field input:focus { border-color: var(--blue); outline: 0; box-shadow: 0 0 0 2px rgba(7,83,153,.12); }.desktop-stake-field input:disabled { color: #9ba7b7; background: #edf1f5; cursor: not-allowed; }.desktop-slip-summary button { width: 100%; padding: 8px; border: 0; border-radius: 5px; color: white; background: var(--green); font-size: 11px; font-weight: 800;}.quick-actions-card > button { color: white; background: var(--green); font-weight: 800;}.quick-actions-card > button:hover { color: white; background: #087d47;}.ticket-loader { padding: 10px; border-top: 1px solid var(--border);}.ticket-loader label { display: block; margin-bottom: 5px; color: #33415c; font-size: 10px; font-weight: 800;}.ticket-loader div { display: grid; grid-template-columns: 1fr 32px; gap: 5px;}.ticket-loader input { min-width: 0; height: 30px; padding: 0 7px; border: 1px solid #c8d0dd; border-radius: 4px; font-size: 11px;}.ticket-loader button { border: 0; border-radius: 4px; color: #14213d; background: var(--orange);}.support-card button { display: flex; align-items: center;}.markets-modal { overflow: hidden; border: 0; border-radius: 8px;}.markets-modal .modal-header { color: white; background: linear-gradient(135deg, var(--navy), var(--blue));}.markets-modal .btn-close { filter: invert(1) grayscale(1) brightness(2);}.markets-match { display: grid; gap: 2px; padding: 10px; border: 1px solid var(--border); border-radius: 6px; background: var(--light-background);}.markets-match strong { font-size: 14px;}.markets-match span { color: var(--muted-text); font-size: 11px;}.market-group { margin-top: 9px; border: 1px solid var(--border); border-radius: 6px; overflow: hidden;}.market-group-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 9px 10px; border: 0; color: white; background: #073c78; font-size: 12px; font-weight: 800;}.market-group-toggle i { transition: transform 0.15s ease;}.market-group-toggle.active i { transform: rotate(180deg);}.market-group-panel { display: none; background: white;}.market-group-panel.show { display: block;}.market-row { display: grid; grid-template-columns: minmax(92px, 0.8fr) 1.2fr; gap: 8px; align-items: center; padding: 7px; border-top: 1px solid #eef1f5;}.market-question { color: #2e394f; font-size: 11px; font-weight: 750;}.market-odds { display: grid; grid-template-columns: repeat(auto-fit, minmax(54px, 1fr)); gap: 5px;}.market-odds .odd-btn { min-height: 30px;}@media (max-width: 991.98px) { body { font-size: 13px; } .mobile-product-item { font-size: 11px; } .mobile-product-item i { font-size: 24px; } .mobile-product-item > em { font-size: 8px; } .mobile-menu-section > small { font-size: 10px; } .mobile-menu-section button { font-size: 13px; } .mobile-menu-section button > i:first-child { font-size: 16px; } .mobile-menu-section button > i:last-child { font-size: 11px; } .mobile-menu-section button em { font-size: 10px; } .mobile-menu-warning > i { font-size: 20px; } .mobile-menu-warning strong { font-size: 12px; } .mobile-menu-warning span { font-size: 10px; } #bottomLiveButton em { font-size: 9px; } .topbar-main { height: 44px; } .brand { font-size: 18px; } .brand-logo { width: 82px; max-height: 41px; } .brand-mark { width: 24px; height: 24px; margin-right: 4px; } .header-action { height: 26px; padding: 0 8px; font-size: 11px; } .sport-tabs { height: 35px; } .sport-tab { font-size: 9px; } .sport-tab i { font-size: 15px; line-height: 14px; } .sport-tab em { top: 0; font-size: 8px; } .page-shell { padding-top: 5px; padding-bottom: 91px; } .matches-panel { overflow: hidden; width: calc(100% - 20px); margin-right: auto; margin-left: auto; border: 1px solid var(--border); border-radius: 5px; } .promo-banner { min-height: 50px; padding: 6px 12px; border-radius: 6px; } .promo-banner small, .promo-banner span { font-size: 9px; } .promo-banner strong { font-size: 14px; } .promo-banner i { font-size: 34px; } .quick-filters { gap: 4px; margin: 5px 0; } .filter-pill { padding: 3px 9px; font-size: 10px; } .matches-heading { padding: 4px 6px; } .matches-heading span { font-size: 12px; } .matches-heading small, .matches-heading time { font-size: 9px; } .match-tools { grid-template-columns: 108px 1fr; gap: 4px; padding: 3px; } .match-tools label { height: 23px; } .match-tools i { padding-left: 5px; font-size: 10px; } .match-tools select, .match-tools input { padding: 0 4px; font-size: 10px; } .league-block { border-bottom-width: 3px; } .league-title { height: 19px; padding: 0 4px; font-size: 10.5px; } .league-title div { gap: 4px; } .league-title i { font-size: 10px; } .league-title button { font-size: 11px; } .odds-labels { height: 14px; padding: 0 2px; font-size: 8.5px; } .odds-labels, .match-row { grid-template-columns: 34px minmax(52px, 1fr) 20px minmax(52px, 1fr) repeat(3, 36px) 24px; gap: 2px; } .match-row { min-height: 28px; padding: 1px 2px; border-top-color: #e4e8ed; } .match-time { font-size: 9.5px; line-height: 1.05; } .match-time em { font-size: 7.5px; } .team-name { font-size: 11.5px; line-height: 1.05; } .live-match-row .match-time.live { min-width: 0; overflow: hidden; flex-direction: column; justify-content: center; gap: 1px; } .live-match-row .team-name { min-width: 0; overflow: hidden; font-size: 11.5px; text-overflow: ellipsis; white-space: nowrap; } .live-minute { font-size: 9.5px; font-weight: 400; } .match-time .live-chip { max-width: 100%; padding: 1px 3px; font-size: 8px; font-weight: 400; } .score-separator { font-size: 8.5px; } .score-separator.live-score { font-size: 9px; } .odd-btn, .more-btn { height: 18px; border-radius: 2px; font-size: 10px; line-height: 1; } .more-btn { font-size: 8.5px; } .betslip-dock { bottom: 48px; height: 36px; font-size: 11px; } .betslip-dock .bet-count { width: 18px; height: 18px; } .betslip-dock strong { font-size: 10px; } .bottom-nav { height: 49px; } .bottom-nav button { font-size: 9px; } .bottom-nav i { font-size: 17px; } footer { padding-bottom: 95px; }}@media (min-width: 992px) { .topbar-main { height: 68px; } .sport-tabs { display: grid; max-width: 570px; margin: auto; } .page-shell { padding-top: 18px; padding-bottom: 35px; } .page-shell > .row { margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .match-column { padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); } .promo-banner { min-height: 105px; } .matches-panel { overflow: hidden; border: 1px solid var(--border); border-radius: 7px; } .betslip-dock, .bottom-nav { display: none; } .odds-labels, .match-row { grid-template-columns: 46px minmax(105px, 1fr) 35px minmax(105px, 1fr) repeat(3, 48px) 30px; } .team-name { font-size: 14px; } .site-footer { padding: 28px 24px 30px; } .footer-grid { grid-template-columns: 1.15fr 1fr 1.35fr 1fr; } .footer-bottom { flex-direction: row; justify-content: space-between; } .help-info-grid { grid-template-columns: 1fr 1fr; }}@media (max-width: 370px) { .odds-labels, .match-row { grid-template-columns: 32px minmax(36px, 1fr) 18px minmax(36px, 1fr) repeat(3, 34px) 22px; gap: 2px; } .team-name { font-size: 11px; } .header-action { padding: 0 7px; }}.topbar { padding: 0;}.topbar-main { display: flex; align-items: center; justify-content: space-between; height: 60px;}.sport-tabs { display: flex; flex: 1; gap: .5rem; margin: 0; min-width: 0; overflow-x: auto; scrollbar-width: none;}.sport-tabs::-webkit-scrollbar { display: none; }.search-control input { width: 180px; height: 38px;}.header-action { height: 38px;}.sport-tab,.desktop-product-item { flex: 0 0 61px; height: 49px; padding: 2px; font-size: 8px; line-height: 1.1; vertical-align: top;}.sport-tab i,.desktop-product-item i { height: 20px; margin: 0 0 2px; font-size: 17px; line-height: 20px;}.header-search { display: flex; justify-content: center; padding: 8px 0;}.date-control,.search-control { height: 38px; display: flex; align-items: center; background: #fff; border-radius: 20px; padding: 0 14px;}.search-control input { width: 100%; height: 36px; border-radius: 50px;}.header-search { display: flex; justify-content: center; align-items: center; gap: 10px; padding: 8px 0;} .date-control select { border: none; outline: none; background: transparent; margin-left: 8px;} .search-control input { width: 100%; border: none; outline: none; margin-left: 8px;}@media(max-width:768px){ .search-control { width: 80%; }}@media (max-width: 991.98px) { .mobile-header-switcher { display: grid; height: 65px; overflow: hidden; } .topbar .mobile-product-menu, .topbar .header-search { grid-area: 1 / 1; min-height: 65px; transition: opacity .24s ease, transform .24s ease, visibility .24s; will-change: opacity, transform; } .topbar .mobile-product-menu { opacity: 1; visibility: visible; transform: translateY(0); } .topbar .header-search { display: flex; opacity: 0; pointer-events: none; visibility: hidden; transform: translateY(12px); } .topbar.show-mobile-search .mobile-product-menu { opacity: 0; pointer-events: none; visibility: hidden; transform: translateY(-12px); } .topbar.show-mobile-search .header-search { opacity: 1; pointer-events: auto; visibility: visible; transform: translateY(0); } .topbar.mobile-menu-open { z-index: 1046; } #mobileMenu { top: var(--mobile-menu-offset, 125px); z-index: 1045; height: calc(100dvh - var(--mobile-menu-offset, 125px)); }}.account-card{ min-width: auto; padding: 6px 10px; border-radius: 10px; backdrop-filter: blur(8px);}.balance-card{ background: rgba(13,110,253,.15); border:1px solid rgba(13,110,253,.4);}.winnings-card{ background: rgba(25,135,84,.15); border:1px solid rgba(25,135,84,.4);}.account-label{ font-size:10px; color:#b9c5e0; margin-bottom:4px;}.account-value{ font-size:15px; font-weight:700; color:#fff; display:flex; align-items:center; gap:8px;}.icon-circle{ width:20px; height:20px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.15); font-size:14px;}.account-info-card { background: rgba(255, 193, 7, .15); border: 1px solid rgba(255, 193, 7, .4);}@media (max-width: 576px) { .topbar-main { gap: 6px; padding: 6px 0; } .topbar-main > .d-flex:first-child { flex: 0 0 auto; } .brand-logo { width: 70px; max-height: 35px; } #accountBtns { flex: 1; min-width: 0; gap: 4px !important; justify-content: flex-end; } #accountBtns > .d-flex { min-width: 0; gap: 4px !important; } .account-card { min-width: 66px; height: 38px; padding: 4px 6px; border-radius: 8px; } .account-label { margin-bottom: 1px; font-size: 10px; line-height: 1; white-space: nowrap; } .account-value { gap: 3px; font-size: 10px; line-height: 1.1; white-space: nowrap; } .icon-circle { width: 12px; height: 12px; font-size: 10px; } .header-deposit-action { flex: 0 0 auto; height: 38px; padding: 0 9px; border-radius: 6px; font-size: 10px; white-space: nowrap; }}#bookTicketButtton{	background-color:orange;}