*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#1a1a1a,#2a2a2a,#1a1a1a);min-height:100vh;color:#e0e0e0}.app{max-width:1000px;margin:0 auto;padding:15px}.main{margin-top:10px}.glass{background:#2a2a2ab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-radius:12px;margin-bottom:20px}.header h1{font-size:1.5rem;color:#f0f0f0;font-weight:600}.timer-badge{display:flex;align-items:center;gap:10px;background:#7850284d;padding:8px 16px;border-radius:20px;border:1px solid rgba(180,120,60,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:.9rem;color:#d0a060}.timer-badge .countdown{font-family:Consolas,monospace;font-weight:700;color:#f0b040;font-size:1rem}.header-actions{display:flex;gap:10px;align-items:center}.btn-secondary{padding:8px 16px;border:none;border-radius:6px;background:#3a3a3acc;color:#e0e0e0;cursor:pointer;transition:all .2s;border:1px solid #4a4a4a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:.9rem;white-space:nowrap}.btn-secondary:hover{background:#4a4a4ae6}.btn-logout{padding:8px 16px;border:none;border-radius:6px;background:#4a3a3acc;color:#e0e0e0;cursor:pointer;transition:all .2s;border:1px solid rgba(90,74,74,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:.9rem;white-space:nowrap}.btn-logout:hover{background:#5a4a4ae6}.error{background:#5a282880;border:1px solid rgba(180,60,60,.5);color:#e07070;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.success{background:#285a3c80;border:1px solid rgba(60,180,100,.5);color:#70e0a0;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.alert-warning{background:#78282866;border:1px solid rgba(200,60,60,.6);color:#ff8080;padding:16px 20px;border-radius:10px;text-align:center;font-weight:500;margin-top:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:pulse 2s ease-in-out infinite;box-shadow:0 0 5px #c83c3c4d}@keyframes pulse{0%,to{box-shadow:0 0 5px #c83c3c4d}50%{box-shadow:0 0 15px #c83c3c99}}.auth-form{display:flex;flex-direction:column;gap:10px;max-width:300px;margin:0 auto}.auth-form input{padding:12px 16px;border:1px solid #3a3a3a;border-radius:6px;background:#252525cc;color:#e0e0e0;font-size:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-form input::placeholder{color:#666}.auth-form input:focus{outline:none;border-color:#555}.auth-form button{padding:12px 24px;border:none;border-radius:6px;background:#3a3a3acc;color:#e0e0e0;font-size:1rem;cursor:pointer;transition:all .2s;border:1px solid #4a4a4a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-form button:hover{background:#4a4a4ae6}.setup-container,.login-container{background:#252525cc;padding:40px;border-radius:12px;text-align:center;margin-top:40px;border:1px solid rgba(58,58,58,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.setup-container h2,.login-container h2{margin-bottom:10px;color:#f0f0f0}.setup-container p{color:#888;margin-bottom:20px}.add-player-form{display:flex;gap:10px;margin-bottom:20px}.add-player-form input{flex:1;padding:12px 16px;border:1px solid #3a3a3a;border-radius:6px;background:#191919cc;color:#e0e0e0;font-size:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.add-player-form input::placeholder{color:#666}.add-player-form input:focus{outline:none;border-color:#555}.add-player-form button{padding:12px 24px;border:none;border-radius:6px;background:#3a3a3acc;color:#e0e0e0;font-size:1rem;cursor:pointer;transition:all .2s;border:1px solid #4a4a4a;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.add-player-form button:hover{background:#4a4a4ae6}.table-container{background:#25252599;border-radius:12px;overflow-x:auto;margin-bottom:20px;border:1px solid rgba(58,58,58,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.players-table{width:100%;border-collapse:collapse;min-width:500px}.players-table th,.players-table td{padding:14px 12px;text-align:center;border-bottom:1px solid rgba(51,51,51,.5)}.players-table th{background:#2a2a2acc;font-weight:600;text-transform:uppercase;font-size:.8rem;color:#999;letter-spacing:.5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.players-table th:first-child,.players-table td:first-child{text-align:left;padding-left:20px}.players-table tbody tr{transition:background .2s}.players-table tbody tr:hover{background:#2a2a2a99}.nickname{font-weight:500;font-size:1rem;color:#e0e0e0}.check-btn{width:38px;height:38px;border:2px solid #444;border-radius:6px;background:#2a2a2acc;color:#444;font-size:1.4rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;margin:0 auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.check-btn:hover:not(:disabled){border-color:#666;color:#888;background:#333333e6}.check-btn.checked{background:#555555e6;border-color:#999;color:#e0e0e0}.check-btn:disabled{cursor:default;opacity:.7}.status-indicator{font-size:1.4rem;color:#444;display:flex;align-items:center;justify-content:center}.status-indicator.active{color:#888}.admin-actions{display:flex;gap:6px;justify-content:center}.admin-actions button{width:34px;height:34px;border:none;border-radius:5px;background:#333c;cursor:pointer;font-size:1.1rem;transition:all .2s;border:1px solid #444;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.admin-actions button:hover{background:#444444e6}.reset-btn:hover{border-color:#b8860b}.delete-btn:hover{border-color:#8b3a3a}.admin-panel{background:#25252599;border:1px solid rgba(74,58,58,.5);border-radius:12px;padding:20px;margin-top:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-panel h3{margin-bottom:15px;color:#b07070}.reset-all-btn{width:100%;padding:12px;border:none;border-radius:6px;background:#4a3a3acc;color:#e0e0e0;font-size:1rem;cursor:pointer;transition:all .2s;border:1px solid rgba(90,74,74,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.reset-all-btn:hover{background:#5a4a4ae6}.admin-note{margin-top:15px;color:#777;font-size:.85rem}.change-password-container{background:#2a2a2a99;border:1px solid rgba(58,58,74,.5);border-radius:12px;padding:20px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.change-password-container h3{margin-bottom:15px;color:#70a0b0}.change-password-container .auth-form{max-width:100%}.change-password-container .auth-form input{flex:1}.empty-message{text-align:center;padding:50px 20px;color:#666;font-size:1rem}.info-footer{display:flex;flex-direction:column;gap:15px;margin-top:20px}.week-info{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.week-info .label{background:#323c5066;padding:8px 16px;border-radius:8px;color:#90a0c0;font-size:.9rem;border:1px solid rgba(70,90,120,.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:#666}.admin-link,.back-link{padding:8px 16px;background:#333c;border-radius:6px;color:#e0e0e0;text-decoration:none;transition:all .2s;border:1px solid #444;font-size:.9rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.admin-link:hover,.back-link:hover{background:#444444e6}@media (max-width: 700px){.app{padding:10px}.header{flex-direction:column;gap:15px;text-align:center;padding:15px}.header h1{font-size:1.3rem}.timer-badge{width:100%;justify-content:center}.add-player-form{flex-direction:column}.add-player-form button{width:100%}.players-table th,.players-table td{padding:10px 6px;font-size:.9rem}.players-table th:first-child,.players-table td:first-child{padding-left:12px}.check-btn{width:34px;height:34px;font-size:1.2rem}.nickname{font-size:.95rem}.setup-container,.login-container{padding:25px 15px}.week-info{flex-direction:column;gap:10px;align-items:center}}@media (max-width: 400px){.header h1{font-size:1.1rem}.week-badge,.time-badge{font-size:.75rem;padding:4px 10px}.players-table{min-width:400px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}
