:root{--header-height: 65px;--sidebar-width: clamp(200px, 20vw, 327px);--fluid-gap: clamp(6px, 1vw, 16px);--fluid-padding: clamp(8px, 1.2vw, 20px);--fluid-font: clamp(.8rem, .9vw, 1rem)}html,body{height:100%;margin:0;padding:0;overflow-x:hidden}.mantine-AppShell-root{position:relative}.app-container{grid-template-areas:"sidebar header" "sidebar main";position:relative}.app-navbar{grid-area:sidebar;background-color:#121212;border-right:1px solid #00c6ff;width:var(--sidebar-width);min-width:var(--sidebar-min-width);max-width:var(--sidebar-max-width);position:fixed;padding:10px;top:0;left:0;transition:all .3s ease;z-index:1000;overflow-y:auto;overflow-x:hidden;height:100vh;box-sizing:border-box;display:flex;flex-direction:column;transition:transform .25s ease}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:20px}.app-header{grid-area:header;background:linear-gradient(to bottom,#000,#222,#000);border-bottom:1px solid #00c6ff;position:fixed!important;top:0!important;right:0;padding:0 1rem;z-index:2000;transition:all .3s ease;transform:translateZ(0);will-change:transform;position:fixed;top:0;left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));height:var(--header-height);z-index:100;display:flex;align-items:center;justify-content:space-between;padding-inline:clamp(12px,2vw,24px);gap:var(--fluid-gap)}.app-main{grid-area:main;background-color:#262626;min-height:calc(100vh - var(--header-height));margin-left:var(--sidebar-width);transition:all .3s ease;box-sizing:border-box;padding:0 var(--fluid-padding);margin-top:var(--header-height);overflow-y:auto}.mobile-sidebar-logo{display:none}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--fluid-gap);width:100%;min-width:0}.burger-button{display:none;align-items:center;justify-content:center;width:clamp(36px,5vw,42px);height:clamp(36px,5vw,42px);background:inherit;border-radius:10px;border:none;cursor:pointer}.header-left{display:flex;align-items:center;gap:clamp(8px,1vw,14px);min-width:0}.header-right{display:flex;align-items:center;gap:var(--fluid-gap);margin-left:auto}.header-buttons{background-color:#121212;border:1px solid #00c6ff!important;border-radius:clamp(8px,.8vw,10px);border:none;width:clamp(34px,3vw,40px);height:clamp(34px,3vw,40px);transition:all .25s ease;display:flex;justify-content:center;align-items:center}.header-credits{display:flex;background-color:#121212;border:1px solid #00c6ff!important;border-radius:clamp(8px,.8vw,10px);border:none;padding-left:clamp(8px,1vw,16px);max-width:clamp(120px,18vw,280px);height:clamp(34px,3vw,40px);justify-content:center;flex-direction:column;text-align:right}.header-credits h4{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:clamp(11px,.8vw,12px);margin:5px 5px 0 0;font-weight:700}.header-credits p{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:clamp(12px,.9vw,14px);margin:0 5px 5px 0;font-weight:700}.email{margin-left:auto;margin-right:30px;font-weight:500}.app-shell{color:#fff}.logout-link{text-decoration:none}.logout-icon{width:14px;height:14px}.nav-link-group span,.nav-link-group:hover{font-weight:700;font-size:var(--fluid-font)!important;border-radius:.625rem!important;background:none!important;box-shadow:none!important;color:#ffffffdc}.nav-link-Estadistics span{color:#fff;font-size:var(--fluid-font)!important;border-radius:.625rem!important}.nav-link-Estadistics:hover{background:none!important;box-shadow:none!important}.nav-link-item,.nav-link-item:hover{font-size:var(--fluid-font);border-radius:.625rem;background:none;box-shadow:none;color:#fff}.nav-link-item:active{color:#fff;font-size:.875rem;border-radius:.625rem;background:#00c6ff}.user-menu-button{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#121212;border:1px solid #00c6ff!important;color:#fff;font-weight:700;text-transform:uppercase;border:none;cursor:pointer;transition:all .3s ease}.user-menu-icon{transition:all .3s ease}.menu-dropdown{padding:0;border-radius:12px;overflow:hidden;border:1px solid #00c6ff!important}.menu-info{background-color:#262626;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;height:80px}.menu-info-icon{width:30px;margin-right:10px}.menu-user{display:flex;flex-direction:column;justify-content:space-between;color:#fff}.menu-user-container{display:flex;flex-direction:row;justify-content:space-between;color:#fff}.menu-user-name{font-size:15px;font-weight:700;text-transform:uppercase}.menu-user-id{font-family:Roboto,sans-serif;cursor:pointer;text-transform:uppercase;box-sizing:border-box;padding:0;margin:0;text-decoration:none;list-style:none;color:inherit;display:block;font-weight:500;font-size:.75rem}.menu-balance{text-align:right;font-size:12px;color:#00c6ff}.menu-balance-value{font-weight:700;font-size:14px;color:#fff}.menu-item{color:#fff;font-size:16px;font-weight:500;height:50px;background-color:#121212}.header-logo{height:48px;-o-object-fit:contain;object-fit:contain;margin:.7rem 0 .5rem}.apuestas-modal .mantine-Modal-body{background-color:#585858;display:flex;justify-content:center;align-items:center;padding:2rem;border-radius:20px;text-align:center;border:solid 2px #00C6FF}.apuestas-modal-content h2,.apuestas-modal-content p{color:#fff;margin:.5rem 0}.nav-link-group .mantine-NavLink-label{font-size:clamp(.75rem,.85vw,.9rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .3s ease}.sidebar-button{padding:clamp(6px,.7vw,10px);font-size:var(--fluid-font);transition:all .3s ease}.sidebar-button .button-content{display:flex;align-items:center;gap:8px;min-width:0}.sidebar-button .button-icon{flex-shrink:0;width:20px;height:20px;transition:all .3s ease}.sidebar-button .button-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;transition:all .3s ease}.app-navbar{scrollbar-width:thin;scrollbar-color:#00c6ff #262626}.app-navbar::-webkit-scrollbar{width:6px}.app-navbar::-webkit-scrollbar-track{background:#00c6ff}.app-navbar::-webkit-scrollbar-thumb{background-color:#8b00c8;border-radius:3px}.app-navbar{scroll-behavior:smooth}.sidebar-content>*{max-width:100%;box-sizing:border-box;margin-right:10px}.app-header,.app-main{transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar__contact-button{font-size:11px;font-family:Roboto,sans-serif;box-sizing:border-box;margin:0;text-decoration:none;list-style:none;color:inherit;background:#00c6ff;box-shadow:0 .3125rem .9375rem #00c6ff;border-radius:.625rem;padding:.625rem;cursor:pointer;margin:.625rem;transition:opacity .2s ease}.sidebar__contact-button-content{font-size:11px;font-family:Roboto,sans-serif;cursor:pointer;box-sizing:border-box;padding:0;margin:0;text-decoration:none;list-style:none;color:inherit;display:flex;align-items:center}.SVGInline-sidebar__contact-button-icon{font-size:11px;font-family:Roboto,sans-serif;cursor:pointer;box-sizing:border-box;padding:0;margin:0;text-decoration:none;list-style:none;color:inherit;width:1.5rem;height:1.5rem;margin-right:.625rem}.sidebar__contact-button-title{font-family:Roboto,sans-serif;cursor:pointer;box-sizing:border-box;padding:0;margin:0;text-decoration:none;list-style:none;font-weight:700;font-size:.875rem;color:#fff}.app__assistant{font-family:Roboto,sans-serif;box-sizing:border-box;padding:0;margin:0;text-decoration:none;list-style:none;color:inherit;position:absolute;right:1.25rem;bottom:1.25rem;z-index:9999}.assistant-button{font-family:Roboto,sans-serif;box-sizing:border-box;padding:0;margin:0;text-decoration:none;list-style:none;width:6.875rem;min-width:6.875rem;height:6.875rem;display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:100%;cursor:pointer;color:#fff;font-size:.875rem;font-weight:900;text-transform:uppercase}.assistant-button span{padding-bottom:1.3rem;font-size:12px;font-family:Roboto,sans-serif;box-sizing:border-box;text-decoration:none;list-style:none;color:inherit;position:absolute;z-index:9999}@media (prefers-reduced-motion: reduce){.app-navbar,.app-header,.app-main,.header-credits,.user-menu-button,.user-menu-icon,.sidebar-button,.nav-link-group .mantine-NavLink-label,.sidebar-button .button-icon,.sidebar-button .button-label{transition:none}}@media (prefers-contrast: high){.app-navbar{background:#000;border-right:2px solid #fff}.app-header{background:#000;border-bottom:2px solid #fff}.header-buttons,.header-credits,.user-menu-button{background:#000;border:1px solid #fff}}@media (min-width: 2500px){:root{--sidebar-responsive-width: 15vw}}@media (min-width: 1920px){:root{--sidebar-responsive-width: 20vw}}@media (min-width: 1440px) and (max-width: 1919px){:root{--sidebar-responsive-width: 25vw}.header-logo{height:45px}}@media (min-width: 1200px) and (max-width: 1439px){:root{--sidebar-responsive-width: 30vw}.header-logo{height:43px}}@media (min-width: 992px) and (max-width: 1199px){:root{--sidebar-responsive-width: 35vw}.header-logo{height:40px}}@media (min-width: 769px) and (max-width: 991px){:root{--sidebar-responsive-width: 40vw}.header-logo{height:36px}}@media (max-width: 1200px){.sidebar__contact-button-title{font-size:.5rem}}@media (max-width: 768px){.app-container{grid-template-areas:"header" "main";grid-template-columns:1fr;grid-template-rows:var(--header-height) 1fr}.app-navbar{transform:translate(-100%);width:var(--sidebar-min-width);height:100vh;z-index:2500;padding-top:0}.app__assistant{display:none}.app-navbar.opened{transform:translate(0)}.app-header{left:0!important;right:0}.app-navbar{transform:translate(-100%);width:260px}.app-navbar[data-open=true]{transform:translate(0)}.app-header{left:0!important;width:100%;padding-inline:clamp(10px,3vw,16px)}.app-main{margin-left:0}.header-right{transform-origin:right;transition:transform .3s ease}.burger-button{display:flex}.header-credits{display:none}.sidebar__contact-button-title{font-size:.77rem}}@media (max-width: 350px){.header-right{transform:scale(.9)}}.sidebar-button,.apuestas-deportivas{display:flex;align-items:center;gap:13px;padding:8px;border-radius:10px;color:#fff;text-decoration:none;transition:background .2s,color .2s;cursor:pointer;height:45px;width:100%;box-sizing:border-box}.apuestas-deportivas{background-color:transparent;border:none}.sidebar-button:hover,.apuestas-deportivas:hover{background:#c2c2c21a}.sidebar-button.active,.apuestas-deportivas.active{color:#fff;font-size:.875rem;border-radius:.625rem;background:#00c6ff;box-shadow:#00c8ff8c 0 5px 15px}.sidebar-button.active .sidebar-icon,.apuestas-deportivas.active .sidebar-icon{color:#fff!important}.sidebar-icon{display:flex;align-items:center;justify-content:center}.sidebar-label{font-size:.96rem;font-weight:500}.sidebar-button.disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}button.apuestas-deportivas:disabled{opacity:.5;cursor:not-allowed!important;background-color:transparent;border:none;width:100%;text-align:left;padding:10px 16px;color:inherit}button.apuestas-deportivas:disabled:hover{background-color:transparent}@media (max-width: 1500px){.sidebar-button,.apuestas-deportivas{padding:6px;height:40px}.sidebar-label{font-size:.85rem}}@media (max-width: 1200px){.sidebar-button,.apuestas-deportivas{padding:4px;height:35px}.sidebar-label{font-size:.55rem}}@media (max-width: 768px){.sidebar-label{font-size:.85rem}}