.login-page{height:100vh;width:100vw;background:#000;display:flex;justify-content:center;align-items:center;padding:1rem;overflow:hidden;font-family:Inter,sans-serif}.login-page__container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.login-modal{width:100%;max-width:450px;padding:3rem 2.5rem;background:#111;border-radius:24px;position:relative;display:flex;flex-direction:column;align-items:center;gap:2rem;box-shadow:0 20px 50px #00000080}.login-modal__beam-container{position:absolute;inset:0;border-radius:24px;pointer-events:none;overflow:hidden;z-index:0}.login-modal__title{text-align:center;z-index:10}.login-modal__title h1{font-size:2.5rem;font-weight:800;color:#fff;margin:0;letter-spacing:-1px;line-height:1.2}.login-modal__form{width:100%;z-index:10;display:flex;flex-direction:column}.login-modal__inputs{display:flex;flex-direction:column}.login-modal__forgot-link{margin-top:.8rem;padding-left:.2rem}.login-modal__forgot-link a{color:#00f2fe;font-size:.85rem;text-decoration:none;opacity:.8}.login-modal__forgot-link a:hover{text-shadow:0 0 8px rgba(0,242,254,.5)}.login-modal__password-section{margin-top:1rem}.login-modal__password-footer{margin-top:1rem;padding-left:.2rem;display:flex;justify-content:space-between}.login-modal__password-footer a{color:#00f2fe;font-size:.85rem;text-decoration:none;opacity:.8}.login-modal__password-footer a:hover{text-shadow:0 0 8px rgba(0,242,254,.5)}.login-modal__error{color:#ff4d4d;text-align:center;font-size:.9rem;margin-top:.5rem}.login-modal__button-wrapper{margin-top:1rem}.login-modal__button-wrapper button{width:100%;background:#03c;font-size:1rem;padding:1rem;border-radius:12px;box-shadow:none;border:none;cursor:pointer;color:#fff;font-weight:500}.registration-section{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;z-index:10;border-top:1px solid #222;padding-top:1.5rem;width:100%}.registration-section p{color:#999;font-size:.95rem;margin:0}.registration-section p a{color:#00f2fe;text-decoration:none;margin-left:4px}.registration-section p a:hover{text-shadow:0 0 8px rgba(0,242,254,.5)}.registration-section button{background:#03c;color:#fff;border:none;padding:1rem;border-radius:12px;font-size:1rem;cursor:pointer;font-weight:500;transition:opacity .2s;width:100%;box-shadow:none}.registration-section button:hover{opacity:.9}.registration-section button:active{opacity:1}.animated-input{position:relative;margin-top:0;width:100%;transition:opacity .3s}.animated-input[data-disabled=true]{opacity:.6;user-select:none;-webkit-user-select:none;pointer-events:none}.animated-input__field{width:100%;padding:1rem;background:transparent;border:1px solid #333;border-radius:12px;font-size:1rem;color:#fff;outline:none;transition:border-color .2s,opacity .3s;position:relative;z-index:2}.animated-input__field[data-active=true]{border-color:#3b82f6}.animated-input__field[data-focused=true]{border-color:#3b82f6!important}.animated-input__field:disabled{user-select:none;-webkit-user-select:none;pointer-events:none;cursor:not-allowed;border-color:#333!important}.animated-input:hover:not([data-disabled=true]) .animated-input__field:not([data-focused=true]):not([data-active=true]){border-color:#3b82f6}.animated-input__label{position:absolute;left:1rem;top:1rem;font-size:1rem;color:#666;background-color:#111;padding:0 .25rem;transition:all .2s ease-out;pointer-events:none;z-index:3;text-shadow:none}.animated-input__label[data-active=true]{top:-.6rem;font-size:.75rem;color:#3b82f6}.animated-input__label[data-focused=true]{color:#3b82f6!important}.animated-input__beam{position:absolute;inset:0;border-radius:12px;pointer-events:none;z-index:1;overflow:hidden}.dashboard-page{display:flex;width:100%;min-height:100vh;background:#050505}.dashboard-page__sidebar{width:240px;background:#000;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;padding:2rem 0;position:sticky;top:0;height:100vh;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:50;overflow:visible}.dashboard-page__sidebar.collapsed{width:80px}.dashboard-page__sidebar.collapsed .dashboard-page__sidebar-nav a,.dashboard-page__sidebar.collapsed .dashboard-page__sidebar-bottom a{overflow:visible}.dashboard-page__sidebar.collapsed .dashboard-page__sidebar-nav a .nav-text,.dashboard-page__sidebar.collapsed .dashboard-page__sidebar-bottom a .nav-text{display:inline-block;width:0;opacity:0;overflow:hidden;transition:none}.dashboard-page__sidebar.collapsed .dashboard-page__sidebar-nav a:hover .nav-text,.dashboard-page__sidebar.collapsed .dashboard-page__sidebar-bottom a:hover .nav-text{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);width:auto;opacity:1;overflow:visible;background:#111;border:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;border-radius:8px;white-space:nowrap;z-index:999;box-shadow:0 4px 12px #00000080;color:#fff}.dashboard-page__sidebar.collapsed .dashboard-page__sidebar-section--arena img{width:60px;height:60px}.dashboard-page__sidebar.collapsed .dashboard-page__sidebar-section--arena .arena-name-display{display:none}.dashboard-page__sidebar-toggle{position:absolute;right:-16px;top:50%;transform:translateY(-50%);background:#03c;color:#fff;border:2px solid #0033cc;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 0 15px #03c6;transition:all .2s}.dashboard-page__sidebar-toggle:hover{opacity:1;box-shadow:0 0 20px #03c9;transform:translateY(-50%) scale(1.15)}.dashboard-page__sidebar-toggle svg{transform:none;stroke-width:2.5px}.dashboard-page__sidebar-section{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1rem;transition:all .3s ease}.dashboard-page__sidebar-section--arena img{height:60px;width:60px;border-radius:16px;background:#ffffff0d;transition:all .3s ease;object-fit:contain;padding:4px}.dashboard-page__sidebar-section--arena .arena-name-display{margin-top:1rem;font-weight:600;color:#fff;font-size:1rem;letter-spacing:-.01em}.dashboard-page__sidebar-separator{height:1px;background:#ffffff1a;width:80%;margin:0 auto 1.5rem}.dashboard-page__sidebar-nav{flex:1;display:flex;flex-direction:column;width:100%;padding-top:1rem}.dashboard-page__sidebar-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem;width:100%}.dashboard-page__sidebar-nav li{width:100%}.dashboard-page__sidebar-nav li a{display:flex;align-items:center;gap:1rem;margin:0 10px;padding:.75rem 1rem .75rem 18px;width:calc(100% - 20px);height:48px;color:#888;text-decoration:none;font-size:.95rem;font-weight:500;transition:all .2s ease;border-radius:12px;background:transparent;white-space:nowrap;position:relative}.dashboard-page__sidebar-nav li a:hover{color:#fff;background:#ffffff14}.dashboard-page__sidebar-nav li a svg{opacity:.7;transition:opacity .2s;min-width:24px;flex-shrink:0}.dashboard-page__sidebar-nav li a .nav-text{max-width:200px;opacity:1;transition:max-width .3s ease,opacity .2s;overflow:hidden}.dashboard-page__sidebar-nav li.active a,.dashboard-page__sidebar-nav li a.active{color:#fff;background:#03c;box-shadow:0 2px 12px #03c6}.dashboard-page__sidebar-nav li.active a svg,.dashboard-page__sidebar-nav li a.active svg{opacity:1}.dashboard-page__sidebar-bottom{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.dashboard-page__main-content{flex:1;display:flex;flex-direction:column;width:100%;position:relative}.dashboard-page__content{padding:2rem;flex:1;overflow-y:auto}.dashboard-page__header-container{position:sticky;top:1rem;z-index:100;display:flex;justify-content:center;width:100%;pointer-events:none}.dashboard-page__header{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.5rem;background:#0a0a0ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:auto;width:fit-content;box-shadow:0 4px 20px #0006;gap:2rem}.dashboard-page__arena-name{font-weight:600;color:#fff;font-size:1rem;letter-spacing:-.01em}.dashboard-page__time-widget{display:flex;align-items:baseline;gap:.8rem;color:#fff;font-family:Inter,monospace;font-size:.95rem}.dashboard-page__time-widget .date-bs{font-weight:600;color:#fff}.dashboard-page__time-widget .divider{color:#fff3}.dashboard-page__time-widget .location{font-size:.7rem;color:#666;margin-left:.5rem;font-weight:600;letter-spacing:.05em}.dashboard-page__signout-btn{display:flex;align-items:center;gap:.5rem;background:#f43f5e;color:#fff;border:none;padding:.4rem 1rem;border-radius:12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.dashboard-page__signout-btn:hover{background:#e11d48;transform:translateY(-1px);box-shadow:0 4px 12px #f43f5e80}:root{color-scheme:dark;--glass-border: rgba(255, 255, 255, .08);--glass-bg: rgba(255, 255, 255, .03);--neon-blue: #00f2fe;--neon-purple: #4facfe}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#eaeaea;background-color:#000;overflow-x:hidden}a{font-weight:500;color:#00f2fe;text-decoration:inherit;transition:.3s}a:hover{text-shadow:0 0 8px #00f2fe}h1,h2,h3{color:#fff;margin:0 0 1rem}input,textarea{background:#0000004d;border:1px solid rgba(255,255,255,.08);color:#fff;border-radius:8px;font-family:inherit;outline:none;transition:all .3s}input:focus,textarea:focus{border-color:#00f2fe;box-shadow:0 0 10px #00f2fe33}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}