@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--sidebar-width:260px;--text-primary:#111;--text-secondary:#777;--text-tertiary:#888;--text-muted:#999;--text-dark:#111;--text-gray:#777;--text-light:#888;--border:#ececec;--border-hover:#ccc;--border-color:#ececec;--bg-page:#fafafa;--bg-card:#fff;--bg-main:#fafafa;--bg-white:#fff;--bg-header:#ffffffeb;--bg-filter:#f8fafc;--bg-input:#fff;--nav-dark:#111;--nav-text:#fff;--nav-secondary:#fff;--accent-blue:#2563eb;--accent-yellow:#f59e0b;--btn-bg:#e5e5e5;--btn-text:#1f2937;--btn-hover:#ccc;--btn-danger-bg:#ef4444;--btn-danger-text:#fff;--btn-danger-hover:#dc2626}.dark{--text-primary:#f0f0f0;--text-secondary:#aaa;--text-tertiary:#888;--text-muted:#666;--text-dark:#f0f0f0;--text-gray:#aaa;--text-light:#888;--border:#2a2a2a;--border-hover:#444;--border-color:#2a2a2a;--bg-page:#121212;--bg-card:#1a1a1a;--bg-main:#121212;--bg-white:#1a1a1a;--bg-header:#121212eb;--bg-filter:#0b0f19;--bg-input:#1e293b;--nav-dark:#070a13;--nav-text:#fff;--nav-secondary:#151f32;--accent-blue:#60a5fa;--accent-yellow:#fbbf24;--btn-bg:#fff;--btn-text:#1f2937;--btn-hover:#e2e8f0;--btn-danger-bg:#ef4444;--btn-danger-text:#fff;--btn-danger-hover:#dc2626}.btn{cursor:pointer;border:1px solid var(--btn-bg);background:var(--btn-bg);color:var(--btn-text);-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex}.btn svg{flex-shrink:0;color:var(--btn-text)!important;stroke:var(--btn-text)!important}.btn:hover:not(:disabled){background:var(--btn-hover)!important;border-color:var(--btn-hover)!important;color:var(--btn-text)!important}.btn-primary,.btn-danger{background:var(--btn-bg)!important;color:var(--btn-text)!important;border:1px solid var(--btn-bg)!important}.btn-danger svg{color:var(--btn-text)!important;stroke:var(--btn-text)!important}.btn-danger:hover:not(:disabled){background:var(--btn-hover)!important;border-color:var(--btn-hover)!important;color:var(--btn-text)!important}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-dark);min-height:100vh;font-family:Outfit,system-ui,-apple-system,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:700}.app-layout{flex-direction:column;min-height:100vh;display:flex}.top-nav{background-color:var(--nav-dark);color:var(--nav-text);justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex}.top-nav-links{text-transform:uppercase;gap:1.5rem;font-size:.85rem;font-weight:500;display:flex}.top-nav-links a{color:var(--nav-text);opacity:.8;text-decoration:none;transition:opacity .2s}.top-nav-links a:hover{opacity:1}.brand-logo{background:var(--bg-white);letter-spacing:1px;border-radius:4px;align-items:center;padding:.25rem .75rem;display:flex}.brand-sysko{color:var(--text-primary);font-weight:800}.brand-dafut{color:var(--text-primary);border-left:1px solid var(--text-primary);margin-left:.25rem;padding-left:.25rem;font-weight:300}.sec-nav{background-color:var(--nav-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:2rem;height:70px;padding:0 1.5rem;display:flex;overflow-x:auto}.sec-nav-item{color:var(--text-gray);cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;min-width:max-content;font-size:.75rem;font-weight:700;display:flex}.sec-nav-item:hover,.sec-nav-item.active{color:var(--accent-blue)}.main-container{flex:1;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--bg-white);border-right:1px solid var(--border-color);flex-shrink:0;padding:1rem 0;display:none}@media (width>=1024px){.sidebar{display:block}}.sidebar-section{margin-bottom:1.5rem}.sidebar-title{color:var(--nav-dark);text-transform:uppercase;margin-bottom:.5rem;padding:0 1.5rem;font-size:.8rem;font-weight:900}.sidebar-item{color:var(--text-dark);cursor:pointer;align-items:center;gap:.75rem;padding:.5rem 1.5rem;font-size:.85rem;font-weight:700;display:flex}.sidebar-item:hover{background-color:var(--bg-filter)}.content-area{flex:1;padding:1.5rem;overflow-y:hidden}.banner{color:#fff;background:linear-gradient(90deg,#000,#333);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:2rem;display:flex}.section-header{background:var(--bg-white);border:1px solid var(--border-color);color:var(--text-dark);border-bottom:none;border-radius:8px 8px 0 0;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:900;display:flex}.match-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=1280px){.match-grid{grid-template-columns:repeat(2,1fr)}}.match-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:0 0 8px 8px;flex-direction:column;padding:1rem;display:flex}.match-header{color:var(--text-gray);justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.75rem;font-weight:500;display:flex}.team-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.team-info{align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.team-logo{object-fit:contain;width:20px;height:20px}.score-box{color:var(--text-dark);font-size:1rem;font-weight:700}.odds-container{border-top:1px solid var(--border-color);gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.odd-btn{background:var(--bg-filter);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;flex-direction:column;flex:1;align-items:center;padding:.5rem;transition:all .2s;display:flex}.odd-btn:hover{border-color:var(--accent-blue);background:var(--bg-input)}.odd-label{color:var(--text-gray);margin-bottom:.25rem;font-size:.7rem}.odd-value{color:var(--text-dark);font-weight:700}.btn{cursor:pointer;border:1px solid var(--btn-bg);background:var(--btn-bg);color:var(--btn-text);border-radius:6px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.85rem;font-weight:700;transition:all .15s;display:inline-flex}.btn svg{color:var(--btn-text)!important}.btn-primary,.btn-secondary,.btn-outline{background:var(--btn-bg)!important;color:var(--btn-text)!important;border:1px solid var(--btn-bg)!important}.btn-primary svg,.btn-secondary svg,.btn-outline svg{color:var(--btn-text)!important}.btn:hover,.btn-primary:hover,.btn-secondary:hover,.btn-outline:hover{opacity:.95;background:var(--btn-hover)!important;color:var(--btn-text)!important;border-color:var(--btn-hover)!important}.btn-danger{background:var(--btn-bg)!important;color:var(--btn-text)!important;border:1px solid var(--btn-bg)!important}.btn-danger svg{color:var(--btn-text)!important}.btn-danger:hover{background:var(--btn-hover)!important}.input-field{border:1px solid var(--border-color);background:var(--bg-input);width:100%;color:var(--text-dark);border-radius:4px;outline:none;padding:.75rem}.input-field:focus{border-color:var(--accent-blue)}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none;width:0;height:0;padding:0}input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none;width:0;height:0;padding:0}input[type=time]::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none;width:0;height:0;padding:0}input[type=date]:out-of-range{color:#ef4444;border-color:#ef4444!important}.login-container{background:var(--nav-dark);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:var(--bg-white);border-radius:8px;width:100%;max-width:400px;padding:2rem;box-shadow:0 10px 25px #0003}.mobile-topbar{background-color:var(--bg-white);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.menu-toggle{cursor:pointer;color:var(--text-dark);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.sidebar{transition:width .25s cubic-bezier(.4,0,.2,1),transform .3s,padding .25s}@media (width<=1024px){.app-layout{flex-direction:column!important}.mobile-topbar{padding:.65rem 1rem!important}.tabs-action-desktop,.tabs-header-actions .tabs-action-desktop{display:none!important}.tabs-scroll-container{height:44px!important;padding-left:.5rem!important;padding-right:.5rem!important}.sidebar{z-index:50;height:100vh;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:5px 0 15px #0000001a}.sidebar.open{transform:translate(0)}.sidebar.collapsed{width:280px!important;padding:1rem!important}.tabs-sidebar-toggle-btn{display:none!important}.sidebar-overlay{z-index:40;background:#00000080;position:fixed;inset:0}.content-area{padding:1rem!important}}@media (width>=1025px){.mobile-topbar{display:none}.sidebar{position:sticky;top:0;transform:translate(0)!important}.sidebar.collapsed{width:72px!important}.sidebar-overlay{display:none}}.dashboard-grid{grid-template-columns:1fr;align-items:start;gap:1.5rem;display:grid}@media (width>=1025px){.dashboard-grid{grid-template-columns:1fr 350px}}.tabs-scroll-container{background-color:var(--bg-filter);border-bottom:1px solid var(--border-color);white-space:nowrap;flex-shrink:0;align-items:center;gap:0;height:48px;padding:0 .5rem 0 .75rem;display:flex;overflow:hidden}.tabs-scroll-area::-webkit-scrollbar{height:4px}.tabs-scroll-area::-webkit-scrollbar-track{background:0 0}.tabs-scroll-area::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:2px}.tabs-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.workspace-tab{height:38px;color:var(--text-gray);cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1;background-color:#0000;border:1px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;align-items:center;gap:.5rem;margin-bottom:-1px;padding:0 1rem;font-size:.82rem;font-weight:500;transition:all .15s;display:flex;position:relative}.workspace-tab:hover{background-color:var(--bg-filter);color:var(--text-dark)}.workspace-tab.active{background-color:var(--bg-card);color:var(--text-dark);border:1px solid var(--border-color);border-bottom:1px solid var(--bg-main);z-index:2;font-weight:600}.workspace-tab.active:before{content:"";background-color:var(--nav-dark);border-radius:6px 6px 0 0;height:2.5px;position:absolute;top:0;left:0;right:0}.workspace-tab-close{cursor:pointer;justify-content:center;align-items:center;margin-left:.25rem;transition:all .1s;display:flex;color:var(--text-light)!important;background:0 0!important;border:none!important;border-radius:50%!important;padding:2px!important}.workspace-tab-close svg{color:var(--text-light)!important;stroke:var(--text-light)!important}.workspace-tab-close:hover{color:#ef4444!important;background-color:#ef444426!important}.workspace-tab-close:hover svg{color:#ef4444!important;stroke:#ef4444!important}.workspace-tab.active .workspace-tab-close:hover{background-color:#ef444433!important}.sidebar-nav{scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.tab-contents-container{flex:1;padding:2rem 3rem;overflow-y:auto}@media (width<=1024px){.tab-contents-container{padding:1rem!important}}.responsive-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.login-left-panel{background-color:var(--bg-white);color:var(--text-dark);border-right:1px solid var(--border-color);flex-direction:column;flex:1.2;justify-content:center;align-items:center;padding:3rem;display:flex;overflow:hidden}.login-right-panel{background-color:var(--bg-white);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}@media (width<=1024px){.login-left-panel{display:none!important}.login-right-panel{flex:1!important;width:100%!important;padding:1.5rem!important}.tabs-scroll-container{padding-left:.75rem!important}}.dashboard-date-filter-wrapper{border-left:1px solid var(--border-color);align-items:flex-end;gap:.5rem;padding-left:1rem;display:flex}@media (width<=768px){.dashboard-date-filter-wrapper{border-top:1px solid var(--border-color);width:100%;margin-top:.5rem;padding-top:1rem;border-left:none!important;padding-left:0!important}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.team-logo-sm{object-fit:contain;flex-shrink:0;width:20px;height:20px}.team-logo-md{object-fit:contain;flex-shrink:0;width:24px;height:24px}.team-logo-lg{object-fit:contain;flex-shrink:0;width:38px;height:38px}.stats-container{box-sizing:border-box;flex-direction:column;gap:1.25rem;width:100%;max-width:100%;display:flex}.stats-header-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 1px 3px #0000000d}.stats-header-info{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.stats-tabs-bar{border-bottom:1px solid var(--border-color);white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.5rem;margin-bottom:.5rem;display:flex;overflow-x:auto}.stats-tabs-bar::-webkit-scrollbar{display:none}.stats-tab-btn{cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:.4rem;padding:.65rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.stats-filter-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:flex-end;gap:.75rem;display:grid}@media (width<=640px){.stats-header-card{padding:1rem}.stats-filter-grid{grid-template-columns:1fr 1fr}}@media (width<=420px){.stats-filter-grid{grid-template-columns:1fr}}.bottom-sheet-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999;background-color:#0009;justify-content:center;align-items:flex-end;animation:.2s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}.bottom-sheet-container{background-color:var(--bg-white);border-top:1px solid var(--border-color);border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;width:100%;max-width:540px;max-height:80vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUpSheet;display:flex;overflow:hidden;box-shadow:0 -10px 30px #00000040}.bottom-sheet-handle-bar{justify-content:center;align-items:center;width:100%;padding:.65rem 0 .35rem;display:flex}.bottom-sheet-handle{background-color:var(--text-muted);opacity:.5;border-radius:3px;width:40px;height:5px}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}