@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-subtle: rgba(99, 102, 241, .08);--secondary: #10b981;--accent: #f43f5e;--bg-dark: #f8f9fc;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-card-elevated: #f8f9fc;--body-bg-start: #eef0f8;--body-bg-end: #f8f9fc;--text-main: #0f0f23;--text-muted: #6b7280;--text-faint: #9ca3af;--border: #e5e7eb;--glass-bg: #ffffff;--glass-border: #e5e7eb;--surface-hover: #f3f4f6;--surface-active: #ede9fe;--input-bg: #ffffff;--input-bg-focus: #ffffff;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--sidebar-item-bg: transparent;--sidebar-item-border: transparent;--lang-btn-bg: #f3f4f6;--lang-btn-border: #e5e7eb;--font-main: "Sora", sans-serif;--font-accent: "Sora", sans-serif;--font-mono: "IBM Plex Mono", monospace;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 28px rgba(0, 0, 0, .09), 0 4px 8px rgba(0, 0, 0, .04);--shadow-primary: 0 4px 14px rgba(99, 102, 241, .25)}[data-theme=dark]{--bg-dark: #0d0d14;--bg-sidebar: #111118;--bg-card: #16161f;--bg-card-elevated: #1c1c28;--body-bg-start: #0f0f1a;--body-bg-end: #0d0d14;--text-main: #f0f0ff;--text-muted: #6b6b8a;--text-faint: #4a4a66;--border: #222232;--glass-bg: #16161f;--glass-border: #222232;--surface-hover: #1c1c28;--surface-active: rgba(99, 102, 241, .12);--input-bg: #0f0f1a;--input-bg-focus: #13131e;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b6b8a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--sidebar-item-bg: transparent;--sidebar-item-border: transparent;--lang-btn-bg: #1c1c28;--lang-btn-border: #222232;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 28px rgba(0, 0, 0, .4);--shadow-primary: 0 4px 14px rgba(99, 102, 241, .35)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--body-bg-end);background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px),radial-gradient(ellipse 50% 40% at 100% 0%,rgba(99,102,241,.05) 0%,transparent 60%);background-size:32px 32px,32px 32px,100% 100%;color:var(--text-main);min-height:100vh;overflow-x:hidden}[data-theme=dark] body{background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px),radial-gradient(ellipse 50% 40% at 100% 0%,rgba(99,102,241,.08) 0%,transparent 60%);background-size:32px 32px,32px 32px,100% 100%}h1,h2,h3,h4{font-family:var(--font-accent);font-weight:700;letter-spacing:-.02em}.glass-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative}.glass-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#6366f140}.tabs{gap:.25rem;background:var(--surface-hover);padding:.25rem;border-radius:10px;border:1px solid var(--border)}.tab-btn{padding:.5rem 1rem;border-radius:8px;border:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:.83rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:.4rem;font-family:var(--font-accent);letter-spacing:-.01em}.tab-btn.active{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm);font-weight:700}.tab-btn:hover:not(.active){background:#6366f10f;color:var(--text-main)}.btn-icon{background:var(--bg-card);border:1px solid var(--border);width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;color:var(--text-muted);box-shadow:var(--shadow-sm)}.btn-icon:hover{background:var(--primary-subtle);border-color:#6366f14d;color:var(--primary);box-shadow:var(--shadow-primary);transform:scale(1.05)}.btn-icon:disabled{opacity:.4;cursor:not-allowed}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn{padding:.6rem 1.25rem;border-radius:9px;border:none;font-weight:600;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-accent);font-size:.875rem;letter-spacing:-.01em}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f159}.btn-secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--surface-hover);border-color:#6366f14d;color:var(--primary)}.btn-sm{padding:.35rem .75rem;font-size:.78rem;border-radius:7px}.container{max-width:1400px;margin:0 auto;padding:1.5rem;min-height:100vh;display:flex}.main-content{flex:1;padding-left:280px;transition:padding .3s ease;width:100%;display:flex;flex-direction:column}.main-content main{flex:1}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:1000;padding:1.25rem .75rem;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:0 .5rem}.sidebar-nav{display:flex;flex-direction:column;gap:.125rem;flex:1}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:8px;color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.875rem;transition:all .15s ease;background:transparent;border:none;width:100%;cursor:pointer;text-align:left;font-family:var(--font-accent);letter-spacing:-.01em}.sidebar-link:hover{background:var(--surface-hover);color:var(--text-main)}[data-theme=dark] .sidebar-link:hover{background:var(--surface-hover)}.sidebar-link.active{background:var(--primary-subtle);color:var(--primary);font-weight:600}[data-theme=dark] .sidebar-link.active{background:#6366f11f}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border);padding:1rem .5rem .5rem;display:flex;flex-direction:column;gap:1rem}.sidebar-user-info{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;background:var(--surface-hover);border-radius:10px;border:1px solid var(--border)}.sidebar-user-avatar{width:32px;height:32px;border-radius:8px;border:2px solid var(--primary);box-shadow:0 0 0 2px var(--primary-subtle)}.sidebar-user-details{flex:1;display:flex;flex-direction:column;min-width:0}.sidebar-user-name{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.sidebar-user-role{font-size:.67rem;color:var(--primary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.btn-logout{color:#ef4444!important;background:#fef2f2!important;border:1px solid #fee2e2!important;width:36px!important;height:36px!important;transition:all .15s ease!important;border-radius:8px!important}[data-theme=dark] .btn-logout{background:#ef444414!important;border-color:#ef444426!important}.btn-logout:hover{background:#ef4444!important;color:#fff!important;box-shadow:0 2px 8px #ef44444d!important}.sidebar-languages{display:flex;justify-content:center}.sidebar-credits{font-size:.65rem;color:var(--text-faint);text-align:center;font-family:var(--font-mono);letter-spacing:.02em}.mobile-only{display:none}.grid{display:grid;gap:1.25rem}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.main-content{padding-left:0}.sidebar{transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.mobile-only{display:flex}.desktop-header-logo{flex:1;justify-content:center}}@media(min-width:1025px){.sidebar{transform:translate(0)!important}}@media(max-width:768px){.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.header-title-container h1{font-size:1.1rem!important}.header-logo{height:32px!important}}.badge{padding:.2rem .6rem;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.badge-green{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}[data-theme=dark] .badge-green{background:#10b9811a;color:#34d399;border-color:#10b98133}.badge-blue{background:#eef2ff;color:var(--primary);border:1px solid #c7d2fe}[data-theme=dark] .badge-blue{background:#6366f11a;color:#818cf8;border-color:#6366f140}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade{animation:fadeIn .3s cubic-bezier(.22,1,.36,1) forwards}.player-card:hover{transform:translateY(-2px);border-color:#6366f140;box-shadow:var(--shadow-lg)}.leaderboard-row{transition:all .15s ease}.leaderboard-row:hover{background:var(--primary-subtle)!important;transform:translate(4px)}.winner-highlight{border:1px solid rgba(99,102,241,.3)!important;box-shadow:0 0 0 3px #6366f114,var(--shadow-md)!important;position:relative}.current-player-row{background:var(--primary-subtle)!important;border-left:2px solid var(--primary)!important;border-radius:6px}.input-field{background:var(--input-bg);border:1px solid var(--border);border-radius:9px;padding:.65rem 1rem;color:var(--text-main);font-family:var(--font-main);font-size:.875rem;transition:all .15s ease;box-shadow:var(--shadow-sm)}.input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6366f11f,var(--shadow-sm);background:var(--input-bg-focus)}select.input-field{appearance:none;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 1rem center;background-size:1.1rem;padding-right:2.5rem}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:.875rem;color:var(--text-muted);pointer-events:none}.input-with-icon .input-field{padding-left:2.6rem;width:100%}.profile-container{max-width:1000px;margin:0 auto}.sidebar-footer-stack{display:flex;flex-direction:column;gap:.25rem;padding:.75rem}.sidebar-footer-item{display:flex;align-items:center;gap:.75rem;padding:.55rem .75rem;border-radius:8px;background:var(--sidebar-item-bg);border:1px solid var(--sidebar-item-border);cursor:pointer;transition:all .15s ease;width:100%;text-align:left;color:var(--text-muted);font-family:var(--font-main);font-size:.875rem}.sidebar-footer-item.active{background:var(--primary-subtle);color:var(--primary);border-color:#6366f126}.sidebar-footer-item:hover,[data-theme=dark] .sidebar-footer-item:hover{background:var(--surface-hover);color:var(--text-main)}.item-icon-box{width:30px;height:30px;border-radius:7px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surface-hover);border:1px solid var(--border)}.item-icon-box img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-sm{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),#818cf8);color:#fff;font-weight:700;font-size:.8rem}.item-details{display:flex;flex-direction:column;min-width:0}.item-title{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-main)}.item-subtitle{font-size:.65rem;color:var(--text-faint);letter-spacing:.02em}.logout-box{background:#fef2f2;border-color:#fee2e2}[data-theme=dark] .logout-box{background:#ef44440d;border-color:#ef44441a}.logout-box:hover{background:#fee2e2;border-color:#fecaca;color:#ef4444!important}[data-theme=dark] .logout-box:hover{background:#ef44441a;border-color:#ef444433;color:#f87171!important}.logout-box .item-icon-box{color:#ef4444;background:#fef2f2;border-color:#fee2e2}[data-theme=dark] .logout-box .item-icon-box{background:#ef44441a;border-color:#ef444426}.lang-box-container{padding:.35rem!important;cursor:default!important;display:flex!important;background:var(--surface-hover)!important;border-radius:9px!important;border:1px solid var(--border)!important}.lang-selector-group{display:flex;gap:.25rem;width:100%}.lang-btn{flex:1;padding:.45rem;border-radius:6px;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s ease;outline:none;font-family:var(--font-mono)}.lang-btn:hover{background:var(--bg-card);color:var(--text-main);border-color:var(--border)}.lang-btn.active{background:var(--bg-card);color:var(--primary);border-color:#6366f133;font-weight:700;box-shadow:var(--shadow-sm)}@media(max-width:768px){.desktop-header-logo{display:none}}