:root{--sidebar-width:280px;--header-height:70px;--radius-sm:8px;--radius-md:8px;--radius-lg:8px;--transition-fast:.2s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--primary:#2563eb;--primary-rgb:37, 99, 235;--primary-hover:#1d4ed8;--accent:#f59e0b;--success:#10b981;--danger:#ef4444;--font-app:"Roboto", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-auction:"Roboto", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--heading-font-weight:650;--bg-main:#0a0b14;--bg-card:#111827;--bg-card-hover:#172033;--bg-sidebar:#111827;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#ffffff14;--glass:#ffffff08;--glass-border:#ffffff1a;--shadow:none;--shadow-sm:none;--shadow-lg:none;--shadow-xl:none;--shadow-2xl:none;--input-bg:#1f2937;--blur:0px}[data-theme=light],.light-theme{--bg-main:#f8fafc;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-sidebar:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--glass:#f8fafc;--glass-border:#e2e8f0;--shadow:none;--shadow-sm:none;--shadow-lg:none;--shadow-xl:none;--shadow-2xl:none;--input-bg:#fff;--blur:0px}html{font-size:14px}:is(html:has(.live-auction-page),html:has(.tournament-lobby-page),html:has(.countdown-page),html:has(.auction-fullscreen),html:has(.telecast-page),html:has(.break-phase-layout)){font-size:16px}*{box-sizing:border-box;font-family:var(--font-app);margin:0;padding:0}body{background:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}body :is(h1,h2,h3,h4,h5,h6,.page-header h1,.module-header h1,.posters-header h1,.section-title,.page-title,.module-title,.header-title,.break-title,.lobby-tourney-name,.break-tourney-name){color:var(--text-main)!important;-webkit-text-fill-color:var(--text-main)!important;-webkit-text-stroke:0!important;text-shadow:none!important;filter:none!important;letter-spacing:0!important;background:0 0!important;-webkit-background-clip:border-box!important;background-clip:border-box!important}button{cursor:pointer;background:0 0;border:none;outline:none;transition:none}a{color:inherit;text-decoration:none}ul{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.toast-container{z-index:9999999;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:2rem;right:2rem}.toast{border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-main);box-shadow:none;border-left:4px solid var(--primary);word-break:break-all;overflow-wrap:break-word;border:1px solid var(--glass-border);border-left-width:4px;min-width:250px;max-width:400px;padding:1rem 1.5rem;font-size:.9rem;font-weight:500;animation:.3s cubic-bezier(.4,0,.2,1) slideInRight}.toast.error{border-left-color:#ef4444}.toast.success{border-left-color:#10b981}.toast.warning{border-left-color:#f59e0b}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.initial-loading{background:var(--bg-main);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100vw;height:100vh;display:flex}.loading-spinner{border:3px solid var(--glass);border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.table-container{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:1rem;overflow-x:auto}table{border-collapse:collapse;table-layout:auto;width:100%}th,td{white-space:nowrap;text-overflow:ellipsis;max-width:250px;overflow:hidden}.col-expand{white-space:normal;max-width:none}@media (max-width:768px){th,td{padding:.75rem .5rem;font-size:.8rem}}
.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (max-width:1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (max-width:1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (max-width:1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (max-width:1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:none}#next-steps ul a .button-icon{width:18px;height:18px}@media (max-width:1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (max-width:1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}
.sidebar{width:var(--sidebar-width);height:calc(100vh - 2rem - var(--supermode-banner-height,0px));background:var(--bg-sidebar);left:1rem;top:calc(1rem + var(--supermode-banner-height,0px));border-radius:var(--radius-lg);transition:var(--transition-slow);z-index:100;box-shadow:none;border:1px solid var(--border);flex-direction:column;display:flex;position:fixed;bottom:1rem}.sidebar:before{content:none}.sidebar-logo{color:var(--primary);border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1.5rem;font-size:1.25rem;font-weight:800;display:flex}.sidebar-active-tournament{background:var(--glass);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:.75rem;margin:1rem 1.25rem .5rem;padding:.85rem 1rem;display:flex}.sidebar-active-tournament.placeholder{background:var(--bg-main);color:var(--text-muted);flex-direction:row;align-items:center;font-size:.8rem;font-weight:600}.active-t-info{color:var(--primary);align-items:center;gap:.6rem;display:flex}.t-icon{flex-shrink:0}.t-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.change-t-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:.4rem;padding:.35rem;font-size:.75rem;font-weight:600;display:flex}.change-t-btn:hover{background:var(--glass);color:var(--text-muted);border-color:var(--border)}.nav-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:1.25rem 1.5rem .5rem;font-size:.68rem;font-weight:800}.logo-icon{filter:none}.system-logo-img{object-fit:cover;border:1px solid var(--border);width:3rem;height:3rem;box-shadow:none;background:#fff;border-radius:50%;flex-shrink:0}.sidebar-nav{flex-direction:column;flex:1;gap:.55rem;padding:.5rem .75rem .75rem;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--border)}.nav-item{border-radius:var(--radius-md);color:var(--text-muted);align-items:center;gap:.85rem;padding:.7rem .9rem;font-size:1.05rem;font-weight:450;transition:all .15s;display:flex}.nav-item span{font-size:1.05rem;font-weight:450}.nav-item:hover{background:var(--glass);color:var(--text-muted)}.nav-item.active{background:var(--glass);color:var(--primary);box-shadow:none;font-weight:700}.nav-divider{background:var(--border);opacity:.5;height:1px;margin:.35rem .25rem}.sidebar-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:1rem;display:flex}.sidebar-user{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex;overflow:hidden}.sidebar-user-avatar{background:var(--glass);border:1px solid var(--border);width:34px;height:34px;color:var(--text-main);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar-user-info{flex-direction:column;display:flex;overflow:hidden}.sidebar-user-info span:first-child{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.user-role{color:var(--text-muted);text-transform:capitalize;font-size:.7rem}.logout-btn{background:var(--glass);border:1px solid var(--glass-border);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.logout-btn:hover{color:#ef4444;border-color:#ef4444}
.theme-toggle-btn{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:flex}.theme-toggle-btn:hover{background:var(--bg-card-hover);border-color:var(--primary);transform:translateY(-1px)}.theme-toggle-btn svg{color:var(--accent)}.theme-toggle-btn span{display:inline-block}@media (max-width:600px){.theme-toggle-btn span{display:none}}
.layout{min-height:100vh;display:flex}.layout.no-sidebar .main-content{margin-left:0}.main-content{min-height:100vh;transition:var(--transition-slow);margin-left:calc(var(--sidebar-width) + 2rem);width:calc(100% - (var(--sidebar-width) + 2rem));flex:1;padding:2rem 2.5rem}.main-content.no-sidebar{width:100%;margin-left:0}.header{height:var(--header-height);background:var(--bg-main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:90;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0}.header-search{background:var(--input-bg);border:1px solid var(--border);width:min(360px,100%);height:42px;color:var(--text-muted);cursor:pointer;border-radius:14px;flex-shrink:0;align-items:center;gap:.7rem;padding:0 .95rem;transition:border-color .2s,background .2s;display:flex}.header-search:empty{display:none}.header-search:focus-within{border-color:var(--primary);background:var(--bg-card)}.header-search svg{color:var(--text-muted);flex-shrink:0}.header-search:focus-within svg{color:var(--primary)}.header-search input{width:100%;min-width:0;height:100%;color:var(--text-main);background:0 0;border:0;outline:none;padding:0;font-size:.9rem}.header-search input::placeholder{color:var(--text-muted);opacity:.75}.header-actions-right{align-items:center;gap:1rem;margin-left:auto;display:flex}.header-logout-btn{border-radius:var(--radius-md);color:#ef4444;cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:#ef444414;border:1px solid #ef444433;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:700;display:flex}.header-logout-btn:hover{color:#fff;box-shadow:none;background:#ef4444}.profile-dropdown-container{position:relative}.header-profile{color:inherit;border-left:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:1rem;padding-left:1.5rem;text-decoration:none;display:flex}.header-profile:hover .profile-avatar,.header-profile.active .profile-avatar{box-shadow:0 0 0 3px rgba(var(--primary-rgb), .18)}.profile-info{text-align:right;flex-direction:column;align-items:flex-end;min-width:0;display:flex}.profile-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.profile-role{color:var(--text-muted);white-space:nowrap;font-size:.75rem}.profile-avatar{background:var(--primary);cursor:pointer;width:40px;height:40px;transition:var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.profile-dropdown-overlay{background:var(--bg-card);border:1px solid var(--border);z-index:100;border-radius:12px;flex-direction:column;gap:.25rem;min-width:170px;padding:.5rem;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 10px 25px -5px #0000004d,0 8px 10px -6px #0000004d}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:var(--text-main);transition:var(--transition-fast);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.7rem .9rem;font-size:.9rem;font-weight:500;display:flex}.dropdown-item:hover{background:var(--bg-card-hover);color:var(--primary)}.dropdown-item svg{color:var(--text-muted);transition:var(--transition-fast)}.dropdown-item:hover svg{color:var(--primary)}.dropdown-item.logout-item{color:var(--danger);border-top:1px solid var(--border);border-radius:0 0 8px 8px;margin-top:.25rem;padding-top:.8rem}.dropdown-item.logout-item:hover{color:var(--danger);background:#ef444414}.dropdown-item.logout-item:hover svg{color:var(--danger)}.content-area{flex:1;padding:2rem}body:not(:has(.live-auction-page)):not(:has(.telecast-page)):not(:has(.auction-fullscreen)):not(:has(.break-phase-layout)):not(:has(.tournament-lobby-page)):not(:has(.countdown-page)) .content-area{padding:1.25rem 1.5rem 2rem}body:not(:has(.live-auction-page)):not(:has(.telecast-page)):not(:has(.auction-fullscreen)):not(:has(.break-phase-layout)):not(:has(.tournament-lobby-page)):not(:has(.countdown-page)) .content-area :is(.page-header,.module-header,.posters-header){margin-bottom:1.1rem!important;padding-bottom:1rem!important}body:not(:has(.live-auction-page)):not(:has(.telecast-page)):not(:has(.auction-fullscreen)):not(:has(.break-phase-layout)):not(:has(.tournament-lobby-page)):not(:has(.countdown-page)) .content-area :is(.teams-page,.players-page,.sponsors-page,.advertisements-page,.tournaments-page,.player-posters-page,.general-settings-page,.dashboard-page,.admin-bank-page,.auction-list-page,.players-buy-page,.point-system-page,.possible-gc-page,.roles-page){gap:1.1rem!important}body:not(:has(.live-auction-page)):not(:has(.telecast-page)):not(:has(.auction-fullscreen)):not(:has(.break-phase-layout)):not(:has(.tournament-lobby-page)):not(:has(.countdown-page)) .content-area :is(.filter-bar,.sponsors-filter-bar,.members-search-bar){margin-bottom:1rem!important}body:not(:has(.live-auction-page)):not(:has(.telecast-page)):not(:has(.auction-fullscreen)):not(:has(.break-phase-layout)):not(:has(.tournament-lobby-page)):not(:has(.countdown-page)) .content-area .users-grid{margin-top:.75rem!important}