@mixin gradient--blue($angle){background: linear-gradient(#{$angle}deg,#3AF6F6 -50%,#2FC9C9 35%);}@mixin gradient--blue--dark($angle){background: linear-gradient(#{$angle}deg,#0071bc 0%,#1b1464 100%);}$ng-select-highlight: #007eff !default; $ng-select-primary-text: #b8dbff !default; $ng-select-disabled-text: #f9f9f9 !default; $ng-select-border: #ccc !default; $ng-select-border-radius: 10px !default; $ng-select-bg: transparent !default; $ng-select-selected: lighten($ng-select-highlight,46) !default; $ng-select-selected-text: $ng-select-primary-text !default; $ng-select-marked: lighten($ng-select-highlight,48) !default; $ng-select-marked-text: $ng-select-primary-text !default; $ng-select-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1) !default; $ng-select-placeholder: rgba(220,221,230,.5) !default; $ng-select-height: 45px !default; $ng-select-value-padding-left: 0px !default; $ng-select-value-font-size: .9em !default; $ng-select-value-text: $ng-select-primary-text !default; $ng-select-dropdown-optgroup-text: rgba(0,0,0,.54) !default; $ng-select-dropdown-option-text: #FFFFFF !default; $ng-select-dropdown-option-disabled: lighten($ng-select-primary-text,60) !default; $ng-select-input-text: #000000 !default; .ng-select{&.ng-select-opened{>.ng-select-container{background:$ng-select-bg;.ng-arrow{transform:rotate(90deg);transition:transform .1s}}}&.ng-select-focused{border:none;outline:none;&:not(.ng-select-opened)>.ng-select-container{border:none;outline:none}}&.ng-select-disabled{>.ng-select-container{background-color:$ng-select-disabled-text}}.ng-select-container{color:$ng-select-primary-text;background-color:$ng-select-bg;border-radius:$ng-select-border-radius;min-height:$ng-select-height;align-items:center;cursor:pointer;.ng-value-container{font-family:Monserat-Bold;color:#dddee6;font-size:1.063rem;align-items:center;padding-left:$ng-select-value-padding-left;@include rtl{padding-right: $ng-select-value-padding-left; padding-left: 0;}.ng-placeholder{color:$ng-select-placeholder}}}&.ng-select-single{.ng-select-container{height:$ng-select-height;.ng-value-container{.ng-input{left:0;font-family:Monserat-Medium;color:gray;font-size:1.063rem;padding-left:$ng-select-value-padding-left;padding-right:50px;@include rtl{padding-right: $ng-select-value-padding-left; padding-left: 50px;}}}}}&.ng-select-multiple{&.ng-select-disabled{>.ng-select-container .ng-value-container .ng-value{background-color:$ng-select-disabled-text;.ng-value-label{padding:0 5px}}}.ng-select-container{.ng-value-container{padding-top:5px;padding-left:7px;@include rtl{padding-right: 7px; padding-left: 0}.ng-value{font-size:$ng-select-value-font-size;margin-bottom:5px;color:$ng-select-value-text;background-color:$ng-select-selected;border-radius:2px;margin-right:5px;@include rtl{margin-right: 0; margin-left: 5px;}&.ng-value-disabled{background-color:$ng-select-disabled-text;.ng-value-label{padding-left:5px;@include rtl{padding-left: 0; padding-right: 5px;}}}.ng-value-label{display:inline-block;padding:1px 5px}.ng-value-icon{display:inline-block;padding:1px 5px;&:hover{background-color:darken($ng-select-selected,5)}&.left{border-right:1px solid darken($ng-select-selected,10);@include rtl{border-left: 1px solid darken($ng-select-selected,10); border-right: none;}}&.right{border-left:1px solid darken($ng-select-selected,10);@include rtl{border-left: 0; border-right: 1px solid darken($ng-select-selected,10);}}}}.ng-input{font-family:Monserat-Medium;color:gray;font-size:1.063rem;padding:0 0 3px 3px;@include rtl{padding: 0 3px 3px 0;}}.ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px;@include rtl{padding-right: 3px; padding-left: 0;}}}}}.ng-clear-wrapper{color:darken($ng-select-border,20);&:hover .ng-clear{color:#d0021b}}.ng-spinner-zone{padding:5px 5px 0 0;@include rtl{padding: 5px 0 0 5px;}}}.ng-dropdown-panel{background-color:$ng-select-bg;box-shadow:0 1px #0000000f;left:0;@include rtl{direction: rtl; text-align: right;}}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:lighten($ng-select-border,10);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:lighten($ng-select-border,10);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:50px;border-radius:0 0 10px 10px;background-color:#1b1d31;border:none;box-shadow:0 3px 10px #00000029;margin-top:5px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:lighten($ng-select-border,10);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid $ng-select-border;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid $ng-select-border;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items{border-radius:10px;padding:10px 0;margin-bottom:20px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:$ng-select-dropdown-optgroup-text;cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:$ng-select-marked}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup:is(.ng-option-selected,.ng-option-selected.ng-option-marked){font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:$ng-select-bg;padding:8px 15px;font-family:Monserat-Bold;color:$ng-select-dropdown-option-text;font-size:1.063rem}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option:is(.ng-option-selected,.ng-option-selected.ng-option-marked){color:$ng-select-selected-text}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option:is(.ng-option-selected,.ng-option-selected.ng-option-marked) .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{color:$ng-select-marked-text}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:$ng-select-dropdown-option-disabled}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px;@include rtl{padding-right: 22px; padding-left: 0;}}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px;@include rtl{padding-left: 5px; padding-right: 0;}}.ng-select-phone .ng-select-container{min-width:auto;box-shadow:none!important;padding-right:10px}.ng-select-phone .ng-arrow-wrapper{display:none}.ng-select-phone .phone{&__flag{margin-right:10px}&__flag-img{height:15px;width:auto}&__prefix{}}.ng-select-mod{&--modern{.ng-arrow{background-image:"/assets/images/png/arrow-down-icon.png";background-repeat:no-repeat;background-position:center;min-width:10px!important;height:9px!important;background-size:contain}}}.ng-select-mod .option{display:flex;align-items:center;&__checkbox{width:20px;min-width:20px;height:20px;border-radius:50%;margin-right:8px;background:#f5f5f5d1;box-shadow:inset 0 0 10px #f1f1f1}&__label{font-family:Monserat-Medium;color:gray;font-size:1.063rem}}.ng-select-mod .ng-option-selected .option{&__checkbox{background:rgb(0 0 0 / 62%);box-shadow:none}}html,body,div,span,applet,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,h3{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;display:inline;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;vertical-align:middle;padding:0}button{background-color:transparent}button,input{line-height:normal}button,select{text-transform:none;border:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;height:13px;width:13px}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}html,body{margin:0;padding:0;width:100%;height:100%;scroll-behavior:smooth;overflow:hidden}// Ionic reset :root{--ion-background-color: rgba(255, 255, 255, .8) !important}// FONTS @font-face{font-family:Monserat-Bold;src:url(/assets/fonts/font-icons/Montserrat-Bold.ttf) format("truetype")}@font-face{font-family:Monserat-Medium;src:url(/assets/fonts/font-icons/Montserrat-Medium.ttf) format("truetype")}@font-face{font-family:Monserat-Medium-Italic;src:url(/assets/fonts/font-icons/Montserrat-MediumItalic.ttf) format("truetype")}@font-face{font-family:Monserat-Regular;src:url(/assets/fonts/font-icons/Montserrat-Regular.ttf) format("truetype")}@font-face{font-family:Monserat-SemiBold;src:url(/assets/fonts/font-icons/Montserrat-SemiBold.ttf) format("truetype")}.ng-select{min-width:180px;margin:0 5px}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{box-shadow:none!important;border:none!important}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{width:100%!important;background-color:transparent;border:none}.ng-select .ng-select-container .ng-arrow-wrapper{background-color:transparent!important;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:7px;padding:0;position:absolute;right:0}.ng-select .ng-select-container .ng-value-container{top:0!important;border:1px solid #616682;background-color:#1b1d31;width:100%!important;height:36px;border-radius:7px;padding:0 30px 0 20px!important;font-size:15px;color:#fff;font-family:Monserat-Bold,sans-serif;display:flex;align-items:center;position:relative}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#616583;font-family:Monserat-Bold;font-size:15px;position:relative;text-transform:uppercase;z-index:2;height:100%;line-height:32px}.ng-select .ng-select-container .ng-value-container .ng-value{position:relative;z-index:3;span {display: block; font-family: "Monserat-Bold"; font-size: 15px; text-transform: uppercase; color: #fff; img {margin-right: 20px; width: 32px; height: 32px;} .radio-img,.adviser-success {display: none;} @media (max-width: 768px) {font-size: 10px; line-height: 1.2;}}}.ng-select .ng-select-container .ng-value-container .ng-value-label{color:#fff;font-family:Monserat-Bold}.ng-select .ng-select-container .ng-value-container .ng-input{top:0!important;border:1px solid #616682;background-color:#1b1d31;width:100%!important;height:36px;border-radius:7px;padding:0 20px!important;font-size:15px;color:#fff;font-family:Monserat-Bold;display:flex;align-items:center}.ng-select .ng-arrow-wrapper .ng-arrow{background-image:url(arrow-down-icon.e5e49aa4b82ab8fe.svg)!important;background-position:50% 50%!important;background-repeat:no-repeat!important;border:none!important;width:16px!important;height:10px!important;display:block!important;transition:all .3s ease-in-out!important}.ng-select.ng-select-opened>.ng-select-container{background-color:transparent;border:none}.ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow{transform:rotate(-180deg)!important;top:0!important}.ng-select .ng-clear-wrapper{display:none}.ng-dropdown-panel{border-radius:4px!important;border:1px solid #616682!important;overflow:hidden!important;z-index:10}.ng-dropdown-panel .scroll-host::-webkit-scrollbar{width:3px}.ng-dropdown-panel .scroll-host::-webkit-scrollbar-track{background-color:#2a2121}.ng-dropdown-panel .scroll-host:hover::-webkit-scrollbar-thumb{background-color:#0000000d}.ng-dropdown-panel .scroll-host::-webkit-scrollbar-thumb{border-radius:10px;border:3px solid #676565}.ng-dropdown-panel .scroll-host ::-webkit-scrollbar-thumb:hover{background-color:#d9d8d8;border:6px solid #d9d8d8!important}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#1b1d31!important;color:#fff!important;padding:12px 20px!important;font-family:Monserat-Bold!important;font-size:15px!important;span {display: block; font-family: "Monserat-Medium"; font-size: 15px; text-transform: uppercase; color: #fff; display: flex; align-items: center; flex-direction: row; img {margin-right: 20px; width: 32px; height: 32px;} .radio-img {width: 18px; height: 18px; background-image: url(/assets/images/png/checkbox-checked-icon-2.png); background-size: 100% 100%; background-position: center; margin-right: 10px;} @media (max-width: 768px) {font-size: 10px; line-height: 1.2;}} &.ng-option-marked {background-color: rgba(52,173,224,.2) !important; .ng-option-label {color: #33ACE0 !important; .radio-img {background-image: url(/assets/images/png/checkbox-checked-icon.png);}}}}.radio-form{label {color: #1A222B; font-size: 15px; font-family: "Monserat-Regular";} input {position: absolute; opacity: 0; & + label {position: relative; cursor: pointer; padding: 0; display: flex; align-items: center; color: #FFFFFF; font-size: 15px; font-family: "Monserat-Medium"; padding-left: 10px;} & + label:before {content: ""; display: inline-block; vertical-align: text-top; width: 18px; min-width: 18px; height: 18px; border-radius: 50%; background: #F0F1F4; box-sizing: border-box; position: relative; left: -10px;} &:checked + label:before {background: #FFFFFF; border: none;} &:disabled + label {color: #b8b8b8; cursor: auto;} &:checked + label {color: #FFFFFF;} &:disabled + label:before {box-shadow: none; background: #ddd;} &:checked + label:after {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background-position: center; background-size: 18px 18px; background-repeat: no-repeat; background-image: url(/assets/images/png/checkbox-checked-icon.png);}}}.ng-select .ng-select-container .ng-value-container .ng-value span{label:before {display: none;} label:after {display: none;}}.adviser-success{width:18px;height:18px;margin-right:10px;background-image:url(/assets/images/png/checkbox-checked-icon-0.png);background-size:100% 100%;background-position:100%;border-radius:50%}.advice .ng-option:is(:nth-of-type(2),:nth-of-type(3),:nth-of-type(4)) .adviser-success{background-image:url(/assets/images/png/checkbox-checked-icon-3.png)}.advice .ng-option:is(:nth-of-type(5),:nth-of-type(6),:nth-of-type(7)) .adviser-success{background-image:url(/assets/images/png/checkbox-checked-icon-4.png)}.advice .ng-option:is(:nth-of-type(8),:nth-of-type(9),:nth-of-type(10),:nth-of-type(11)) .adviser-success{background-image:url(/assets/images/png/checkbox-checked-icon-5.png)}@media (max-width: 1200px){.ng-select{min-width:170px;margin:0}.ng-select .ng-select-container{width:100%!important}.ng-select .ng-select-container .ng-value-container{padding:0 30px 0 5px!important}.ng-select .ng-select-container .ng-value-container .ng-placeholder{font-size:12px}.ng-select .ng-select-container .ng-value-container .ng-value span{font-size:12px;img {width: 28px; height: 28px;}}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{padding-left:10px!important;padding-right:10px!important;span {font-size: 13px;}}.radio-form{label {font-size: 13px;} input + label {font-size: 13px;}}}@media (max-width: 1000px){.ng-select{min-width:140px}.ng-select .ng-select-container{width:100%!important;height:30px}.ng-select .ng-select-container .ng-arrow-wrapper{width:30px;height:30px}.ng-select .ng-select-container .ng-value-container{padding-left:10px;height:30px!important}.ng-select .ng-select-container .ng-value-container .ng-placeholder{font-size:10px;line-height:32px;height:30px}.ng-select .ng-select-container .ng-value-container .ng-input{width:100%!important;height:30px;padding:0 10px!important;font-size:10px;top:3px!important}.ng-select .ng-select-container .ng-value-container .ng-value span{font-size:10px;img {width: 24px; height: 24px;}}.ng-select .ng-arrow-wrapper .ng-arrow{width:13px!important;height:7px!important;background-size:contain}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{padding:10px!important;span {font-size: 10px; img {margin-right: 15px; width: 28px; height: 28px;}}}.radio-form{label {font-size: 10px;} input + label {font-size: 10px;}}}@media (max-width: 780px){.ng-select .ng-select-container{width:100%!important;height:25px!important}.ng-select .ng-select-container .ng-arrow-wrapper{width:25px;height:25px;border-radius:5px}.ng-select .ng-select-container .ng-value-container{padding-left:10px;height:25px!important;border-radius:5px}.ng-select .ng-select-container .ng-value-container .ng-placeholder{font-size:8px;line-height:26px;height:25px}.ng-select .ng-select-container .ng-value-container .ng-input{width:100%!important;height:25px;padding:0 10px!important;font-size:8px;top:3px!important}.ng-select .ng-select-container .ng-value-container .ng-value span{font-size:8px;img {width: 20px; height: 20px;}}.ng-select .ng-arrow-wrapper .ng-arrow{width:13px!important;height:7px!important;background-size:contain}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{span {font-size: 8px; img {margin-right: 5px; width: 20px; height: 20px;}}}.radio-form{label {font-size: 8px;} input{& + label {font-size: 8px;} & + label:before {width: 14px; min-width: 14px; height: 14px;} &:checked + label:after {width: 14px; height: 14px; background-size: 14px 14px;}}}}.highlight{background-color:inherit;color:#33ace0!important}.blur{filter:blur(4px)}*{margin:0;padding:0;box-sizing:border-box;direction:ltr}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#909090;color:#fff;direction:rtl;min-height:100vh;font-size:13px}.header{background-color:#909090;border-bottom:1px solid #333}.header-top{display:flex;justify-content:space-between;align-items:center;padding:6px 15px;background-color:#2a2a2a;font-size:11px;border-bottom:1px solid #444}.warning-banner{background-color:#ff6b35;color:#fff;padding:3px 8px;border-radius:3px;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700}.warning-icon{font-weight:700;font-size:12px}.header-search{display:flex;align-items:center}.search-input{background-color:#333;border:1px solid #555;color:#fff;padding:4px 8px;border-radius:3px 0 0 3px;direction:rtl;font-size:11px;width:120px}.search-btn{background-color:#555;border:1px solid #555;color:#fff;padding:4px 8px;border-radius:0 3px 3px 0;cursor:pointer;font-size:11px}.main-nav{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;background-color:#d81717}.nav-items{display:flex;gap:20px}.nav-item{color:#ccc;text-decoration:none;font-weight:400;padding:6px 10px;border-radius:3px;transition:all .2s;font-size:12px}.nav-item:hover{background-color:#333;color:#fff}.nav-item.active{background-color:#ff6b35;color:#fff}.logo-img{height:28px;background-color:#ff6b35;border-radius:3px;padding:4px 8px}.container{display:flex;gap:10px;padding:10px;max-width:1400px;margin:0 auto;background-color:#909090}.left-sidebar{width:280px;display:flex;flex-direction:column;gap:10px}.betting-slip{background-color:#414143;border-radius:6px;padding:12px;border:1px solid #333}.slip-header h3{color:#ff6b35;margin-bottom:12px;font-size:14px;font-weight:700}.user-section{margin-bottom:12px}.expert-tip{background-color:#515151;border-radius:4px;overflow:hidden}.tip-header{background-color:#ff6b35;color:#fff;padding:6px 10px;font-size:12px;font-weight:700}.tip-content{display:flex;align-items:center;gap:8px;padding:8px 10px}.expert-avatar{width:32px;height:32px;border-radius:50%}.expert-info{display:flex;flex-direction:column}.expert-name{font-weight:700;font-size:12px;color:#fff}.expert-title{font-size:10px;color:#ccc}.betting-odds{background-color:#515151;border-radius:4px;padding:10px}.match-header{display:flex;flex-direction:column;gap:2px;margin-bottom:10px;font-size:10px;color:#ccc}.match-id{background-color:#555;color:#fff;padding:2px 6px;border-radius:2px;width:-moz-fit-content;width:fit-content;font-size:10px;font-weight:700}.match-status{color:#ff6b35;font-weight:700}.odds-container{display:flex;flex-direction:column;gap:6px}.odd-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #444}.odd-row:last-child{border-bottom:none}.odd-value{background-color:#fff;color:#000;padding:3px 6px;border-radius:3px;font-weight:700;font-size:11px;min-width:35px;text-align:center}.odd-label{font-size:10px;color:#ccc;margin-right:5px}.close-btn{color:#f44;cursor:pointer;font-size:14px;font-weight:700}.promo-banner{background:linear-gradient(135deg,#4169E1 0%,#32CD32 50%,#FFD700 100%);border-radius:8px;padding:15px;text-align:center;position:relative;overflow:hidden}.promo-content{display:flex;align-items:center;gap:10px;margin-bottom:8px}.promo-characters{display:flex;gap:5px}.promo-char{width:45px;height:45px;border-radius:50%;border:2px solid #fff}.promo-text{flex:1;text-align:right}.promo-text h3{font-size:14px;margin-bottom:2px;color:#000;font-weight:400}.promo-text h2{font-size:16px;margin-bottom:2px;color:#000;font-weight:700}.promo-text h1{font-size:22px;font-weight:700;color:#000;margin-bottom:8px}.promo-btn{background-color:#fff;color:#000;border:none;padding:8px 16px;border-radius:20px;font-weight:700;cursor:pointer;font-size:12px;transition:transform .2s}.promo-btn:hover{transform:scale(1.05)}.promo-terms{font-size:9px;color:#000;opacity:.8}.main-content{flex:1;background-color:#545456;border-radius:6px;overflow:hidden;border:1px solid #333}.hero-section{position:relative;height:250px;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,0,0,.8),transparent);padding:25px;display:flex;flex-direction:column;justify-content:center;color:#fff}.hero-overlay h1{font-size:28px;font-weight:700;margin-bottom:12px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.hero-overlay p{font-size:12px;line-height:1.4;margin-bottom:6px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.hero-controls{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:8px}.control-btn{background-color:#ffffffe6;color:#000;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.matches-section{padding:15px}.matches-nav{display:flex;gap:12px;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #444}.match-nav-item{color:#ccc;text-decoration:none;font-size:11px;padding:6px 10px;border-radius:3px;transition:all .2s}.match-nav-item:hover{background-color:#333;color:#fff}.match-nav-item.active{background-color:#ff6b35;color:#fff}.match-list{display:flex;flex-direction:column;gap:8px}.match-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;background-color:#4c4c4eS;border-radius:4px;padding:10px}.match-row:last-child{border-bottom:none}.match-info{display:flex;align-items:center;gap:10px;flex:1}.match-id{background-color:#555;color:#fff;padding:3px 6px;border-radius:3px;font-size:10px;font-weight:700}.match-details{display:flex;flex-direction:column;gap:2px}.match-status{font-weight:700;color:#ff6b35;font-size:11px}.match-time{font-size:10px;color:#ccc}.league{font-size:9px;color:#999}.match-odds{display:flex;gap:6px}.odd-box{background-color:#444;border:1px solid #555;border-radius:4px;padding:6px 8px;display:flex;flex-direction:column;align-items:center;min-width:70px!important;cursor:pointer;transition:all .2s}.odd-box:hover{background-color:#555;border-color:#ff6b35}.odd-box .odd-value{background-color:transparent;color:#fff;font-weight:700;font-size:11px;margin-bottom:2px;padding:0;min-width:auto}.odd-box .odd-label{font-size:8px;color:#ccc;text-align:center}.right-sidebar{width:220px;background-color:#515151;border-radius:6px;padding:12px;border:1px solid #333;height:-moz-fit-content;height:fit-content}.sidebar-header h3{color:#ff6b35;margin-bottom:15px;font-size:14px;font-weight:700}.sports-menu{margin-bottom:25px}.sport-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #333;cursor:pointer;transition:all .2s}.sport-item:hover{background-color:#333;padding-left:8px;padding-right:8px;border-radius:3px}.sport-item:last-child{border-bottom:none}.sport-count{background-color:#555;color:#fff;padding:2px 6px;border-radius:10px;font-size:10px;min-width:20px;text-align:center;font-weight:700}.sport-name{flex:1;margin:0 8px;font-size:11px;color:#fff}.sport-icon{font-size:14px}.news-section{margin-top:15px}.news-header{color:#ff6b35;margin-bottom:12px;font-weight:700;font-size:12px}.news-items{display:flex;flex-direction:column;gap:6px}.news-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:10px;color:#ccc;cursor:pointer;transition:color .2s}.news-item:hover{color:#fff}.news-arrow{color:#ff6b35;font-size:12px}.chat-widget{position:fixed;bottom:20px;left:20px;width:50px;height:50px;background-color:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:transform .3s;z-index:1000}.chat-widget:hover{transform:scale(1.1)}.chat-icon{font-size:20px;color:#fff}@media (max-width: 1200px){.container{flex-direction:column}.left-sidebar,.right-sidebar{width:100%;order:2}.main-content{order:1}}@media (max-width: 768px){.header-top{flex-direction:column;gap:8px}.main-nav{flex-direction:column;gap:10px}.nav-items{flex-wrap:wrap;justify-content:center;gap:10px}.container{padding:8px}.match-row{flex-direction:column;gap:10px;align-items:flex-start}.match-odds{width:100%;justify-content:space-between}}.odd-box{transition:all .15s ease}.odd-box:hover{transform:translateY(-1px);box-shadow:0 2px 6px #ff6b354d}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#555;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#777}