@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;background-color:green;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*,.f-condensed{font-family:Barlow Condensed,sans-serif}body{background:#f5f5f5;margin:0;font-family:Arial,sans-serif}.navbar{height:70px}.login-register-button{color:#fff;background-color:#08b308;border:1px solid #000;border-radius:8px;width:30%;padding:5px;font-weight:700;overflow:hidden}.register-form-container label{text-align:left;width:100%;font-weight:800;display:block}.desktop-layout{grid-template-columns:300px minmax(0,1fr) 350px;align-items:start;gap:20px;width:100%;max-width:1700px;margin:0 auto;display:grid}.mobile-layout{display:none}.sidebar-left{flex-shrink:0;width:300px}.sidebar-right{flex-shrink:0;width:350px}.content{flex-direction:column;flex:1;gap:15px;min-width:0;display:flex}.sports-header,.date-header{background:#fff;border:1px solid #ddd;border-radius:8px;padding:12px}.matches-section{background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px}.matches-container{flex-direction:column;gap:12px;display:flex}.match-card{border:1px solid #ccc;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border-radius:12px;width:400px;max-width:90%;padding:30px;box-shadow:0 10px 30px #0000004d}.modal h2{color:#d32f2f;margin-top:0}.modal p{margin:20px 0}.success-modal{background:#68686e99!important}.success-modal h2{color:#26b509e0;margin-top:0}.modal button{color:#fff;cursor:pointer;background:#333;border:none;border-radius:6px;padding:10px 25px}.modal button:hover{background:#555}.chat{box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:8px;flex-direction:column;width:100%;height:500px;display:flex;position:sticky;top:20px;overflow:hidden}.chat-header{flex-shrink:0;padding:12px}.chat-messages{flex-direction:column;flex:1;align-items:flex-start;min-width:0;padding:10px;display:flex;overflow:hidden auto}.chat-messages>div{overflow-wrap:anywhere;word-break:break-word;max-width:100%;margin-bottom:8px;padding-left:5px}.chat-input{border-top:1px solid #ddd;flex-shrink:0;padding:10px}.chat-input input{box-sizing:border-box;width:100%}.betslip-draft-acception-part{justify-content:center;align-items:center;display:flex}.submit-draft-button{border-radius:8px;width:100px}.submit-draft-button:hover{color:#fff;background-color:#0fd945;border-radius:8px;width:100px;font-weight:800}.betslip{background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;position:sticky;top:20px}.navbar{z-index:1000;background:#111;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 30px;display:flex;position:fixed;top:0;left:0}.navbar-left{align-items:center;display:flex}.navbar-right{align-items:center;gap:25px;display:flex}.navbar div{color:#fff;cursor:pointer}.mobile-menu-button{color:#fff;cursor:pointer;background:0 0;border:none;padding:5px;font-size:28px;display:none}.mobile-navbar-menu{display:none}@media (width<=950px){.desktop-navbar{display:none}.mobile-menu-button{display:block}.mobile-navbar-menu{z-index:2000;background:#111;border-radius:0 0 0 10px;flex-direction:column;width:220px;display:flex;position:fixed;top:70px;right:0;overflow:hidden;box-shadow:0 5px 15px #0006}.mobile-navbar-item,.mobile-navbar-user,.mobile-navbar-balance{color:#fff;cursor:pointer;box-sizing:border-box;padding:15px 20px}.mobile-navbar-item:hover{background:#222}.mobile-navbar-user{font-weight:700}.mobile-navbar-balance{border-bottom:1px solid #333}}.main-matches-header{background-color:#f5f5f5;border-bottom:1px solid #ccc;padding:.5rem 1rem;font-size:1.2rem;font-weight:700}.main-matches-header-button-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.main-matches-header-sports-button{color:#fff;background-color:#0ba336;border-radius:4px;height:60%;font-size:1.2rem}@media (width<=768px){.match-card{flex-direction:column;align-items:stretch}.odds{justify-content:space-between}.odd-button{flex:1}}.winner{color:#00b050;border:1px solid #00b050!important}.match-date{font-size:small}.betslips-container{flex-direction:column;gap:6px;display:flex}.betslip-display-container{background-color:#fff;border:1px solid #000;border-radius:8px;flex-direction:column;gap:3px;padding:3px;display:flex}.betslip-display-container-top{flex-direction:row;justify-content:space-between;align-items:flex-end;display:flex}.betslip-display-container-bottom{flex-direction:column;gap:5px;display:flex}.betslip-display-bet{border:1px solid #f0f0f0;flex-direction:row;justify-content:space-between;align-items:center;min-height:55px;padding:3px 0;display:flex}.betslip-display-bet-teams{flex-direction:column;padding-left:5px;line-height:1.2;display:flex}.betslip-display-bet-odds-guess{align-items:center;gap:3px;display:flex}.betslip-display-closed-container{background-color:#fff;border:1px solid #000;border-radius:8px;flex-direction:row;justify-content:space-between;align-items:center;padding:3px;display:flex}.betslip-display-closed-data{flex-direction:row;flex:1;justify-content:flex-start;gap:20px;display:flex}.betslip-display-closed-open{justify-content:flex-end;align-items:center;gap:3px;width:200px;display:flex}.text-extra-bold{font-weight:700}.text-white{color:#fff}.text-black{color:#000}.betslip-display-open-close{justify-content:flex-end;min-height:30px;display:flex}.drop-up-img{width:20px;margin-right:10px}.small-font{font-size:11px}.match-date{align-self:flex-start;margin-left:5px;line-height:1.1}.date-header{background:#fff;border-radius:10px;align-items:center;gap:10px;width:100%;min-width:0;padding:12px 15px;display:flex;box-shadow:0 2px 8px #00000014}.date-list{scrollbar-width:none;flex:auto;gap:8px;min-width:0;display:flex;overflow:auto hidden}.date-list::-webkit-scrollbar{display:none}.date-button{cursor:pointer;background:#f8f8f8;border:1px solid #ddd;border-radius:8px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;min-width:70px;padding:10px 8px;transition:background-color .2s,border-color .2s,transform .15s;display:flex}.date-button:hover{background:#eee;border-color:#bbb}.date-button:active{transform:scale(.97)}.date-button.selected{color:#fff;background:#222;border-color:#222}.date-label{margin-bottom:3px;font-size:clamp(10px,1.2vw,12px);font-weight:500}.date-value{white-space:nowrap;font-size:clamp(12px,1.5vw,15px);font-weight:600}.date-arrow{color:#333;cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;transition:background-color .2s,transform .15s;display:flex}.date-arrow:hover:not(:disabled){background:#ddd;transform:scale(1.05)}.date-arrow:active:not(:disabled){transform:scale(.95)}.date-arrow:disabled{opacity:.35;cursor:not-allowed}@media (width<=800px){.date-header{gap:7px;padding:10px}.date-button{min-width:65px;padding:8px 6px}.date-arrow{flex-basis:36px;width:36px;height:36px}}@media (width<=500px){.date-header{gap:5px;padding:8px}.date-list{gap:5px}.date-button{flex:0 0 70px;min-width:70px;padding:7px 5px}.date-arrow{flex-basis:32px;width:32px;height:32px;font-size:11px}}.date-header{display:flex}.date-list{flex:auto;min-width:0}.date-button{flex:1 1 0}.betslip-filter{justify-content:flex-end;align-items:center;display:flex}.betslip-filter label{color:#333;font-size:15px;font-weight:600}.betslip-filter select{margin-left:10px}#status-filter{color:#333;cursor:pointer;background-color:#fff;border:1px solid #d0d0d0;border-radius:8px;outline:none;min-width:70px;padding:6px 20px 7px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}#status-filter:hover{border-color:#999}#status-filter:focus{border-color:#555;box-shadow:0 0 0 3px #00000014}#status-filter option{color:#333;background-color:#fff}.teams{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.team{align-items:center;gap:8px;min-width:180px;display:flex}.home-team{text-align:right;justify-content:flex-end}.away-team{text-align:left;justify-content:flex-start}.team-logo{object-fit:contain;flex-shrink:0;width:35px;height:35px}.team-name{font-weight:600}.team-score{text-align:center;min-width:20px;font-size:20px;font-weight:1000}.score-separator{font-size:20px;font-weight:1000}.match-date{text-align:center;margin-top:8px}.logout-modal{text-align:center;background:#fff;border-radius:10px;width:90%;max-width:400px;padding:2rem;box-shadow:0 10px 30px #0000004d}.page{width:100%;min-height:100vh;padding:90px 20px 20px}.layout{grid-template-columns:300px minmax(0,1fr) 350px;align-items:start;gap:20px;width:100%;max-width:1700px;margin:0 auto;display:grid}.sidebar-left,.sidebar-right{width:100%;min-width:0}.content{flex-direction:column;gap:15px;width:100%;min-width:0;display:flex}.sports-header,.date-header{background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;min-width:0}.matches-section{background:#fff;border:1px solid #ddd;border-radius:8px;width:100%;min-width:0;padding:16px}.matches-container{flex-direction:column;gap:12px;width:100%;display:flex}.match-card{border:1px solid #ccc;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem;display:flex}.match-info{flex:3 300px;min-width:0}.odds{flex-wrap:wrap;flex:250px;justify-content:flex-end;gap:.5rem;display:flex}.odd-button{white-space:nowrap;padding:.7rem 1rem}.match-card:hover{border-color:#00b050;box-shadow:0 2px 8px #00000014}.odd-button:hover{color:#fff;background:#0ba336}.odd-button:active{transform:scale(.97)}@media (width<=1200px){.layout{grid-template-columns:240px minmax(0,1fr) 280px;gap:15px}.page{padding-left:15px;padding-right:15px}}@media (width<=950px){.desktop-layout{display:none}.mobile-layout{width:100%;display:block}.page{padding:80px 8px 20vh}.content{order:1;width:100%}.sidebar-left{order:3;width:100%}.sidebar-right{order:2;width:100%}.mobile-betslip{z-index:1000;width:100%;height:fit-content;position:fixed;bottom:0;left:0}.mobile-betslip .betslip{box-sizing:border-box;border-radius:12px 12px 0 0;width:100%;height:100%;position:relative;top:auto}.chat{z-index:1002;width:100%;height:80vh;position:fixed;bottom:0;left:0}}@media (width<=600px){.page{padding:80px 8px 15px}.layout{gap:10px;width:100%}.content{gap:10px}.sports-header,.date-header,.matches-section{border-radius:6px;padding:8px}.match-card{flex-direction:column;align-items:stretch;gap:12px;padding:10px}.match-info{flex:none;width:100%}.odds{flex:none;justify-content:stretch;gap:6px;width:100%}.odd-button{flex:1;min-width:0;padding:10px 6px;font-size:14px}.sidebar-left,.sidebar-right{width:100%}}@media (width<=400px){.page{padding-left:5px;padding-right:5px}.matches-section{padding:5px}.match-card{padding:8px}.odd-button{padding:8px 4px;font-size:13px}}.chat-closed-button{z-index:1001;height:50px;position:fixed;bottom:0;right:5px}.chat-backdrop{-webkit-backdrop-filter:blur(5px);z-index:1001;background:#0003;position:fixed;inset:0}.register-page-container{justify-content:center;align-items:center;height:100vh;display:flex}.register-form-container{background:#fff;border-radius:12px;width:320px;padding:40px;box-shadow:0 10px 30px #0000001f}input{border:1px solid #ccc;border-radius:8px;width:100%;margin-bottom:20px;padding:12px;font-size:16px}.registration-error{color:#c0392b;text-align:center;background-color:#fdecea;border:1px solid #e74c3c;border-radius:6px;width:100%;margin-bottom:1rem;padding:.75rem 1rem}.registration-success{text-align:center;flex-direction:column;align-items:center;padding:2rem;display:flex}.success-icon{color:#fff;background-color:#27ae60;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:1rem;font-size:2.5rem;font-weight:700;display:flex}.registration-success h2{color:#27ae60;margin-bottom:.5rem}.registration-success p{color:#666;margin:.25rem 0}.login-register-button:disabled{opacity:.6;cursor:not-allowed}.chat-container{z-index:1000;width:18vw;height:65vh;position:fixed;top:8rem;left:1rem}.chat-main{background-color:#fff;border:2px solid;border-radius:5px;flex-direction:column;justify-content:space-between;height:65vh;padding:1rem;display:flex;overflow:hidden}.main-page-container{background-color:#fff;border:solid #000;border-radius:3px;width:100%;height:fit-content;margin-top:50px}.main-page-main{background-color:#0ba336;flex-direction:row;height:96%;padding:1rem;display:flex;overflow:hidden}.main-page-left-part{width:20vw;position:relative}.main-page-main-part{background-color:#fff;border:2px solid #000;border-radius:4px;flex-grow:1;height:95%;padding:1rem;position:relative;overflow-y:auto}.main-page-right-part{width:30vw;position:relative}.betslip-draft-container{z-index:1000;width:28vw;height:65vh;position:fixed;top:8rem;right:1rem}.betslip-draft{background-color:#fff;border:2px solid;border-radius:5px;flex-direction:column;justify-content:space-between;height:65vh;padding:1rem;display:flex;overflow:hidden}.betslip-draft-match-container{max-height:30vh;overflow-y:auto}*{box-sizing:border-box}.bet-display-container{border:1px solid #ccc;border-radius:6px;flex-direction:column;align-items:center;padding:.75rem;display:flex}.bet-display-top{justify-content:space-between;align-items:center;width:100%;display:flex}.teams{flex:1;justify-content:flex-start;min-width:0}.bet-info{flex-direction:row;flex-shrink:0;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.match-card{background:#fff;border:1px solid #ddd;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.match-info{flex-direction:column;flex:3;gap:4px;min-width:0;display:flex}.odds{gap:10px;display:flex}.odd-button{cursor:pointer;border:none;border-radius:6px;padding:10px 16px;font-weight:700;transition:all .2s}.odd-button:hover{transform:translateY(-2px)}.logout-modal-overlay{z-index:99999;background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.logout-modal{text-align:center;background-color:#fff;border-radius:10px;width:400px;max-width:90%;padding:2rem;box-shadow:0 10px 40px #0006}.logout-modal h2{margin-top:0}.logout-modal button{color:#fff;cursor:pointer;background-color:#222;border:none;border-radius:6px;margin-top:1rem;padding:.7rem 2rem}.logout-modal button:hover{background-color:#444}