body,html,#root{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#1a1a1a;color:#fff}.app{min-height:100vh;padding:20px}header{text-align:center;margin-bottom:40px}header h1{font-size:2.5rem;background:linear-gradient(90deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.user-info{display:flex;align-items:center;gap:10px;font-weight:500}.logout-button{background-color:#ff4d4f;color:#fff;border:none;padding:5px 12px;border-radius:5px;cursor:pointer;font-weight:500;transition:background-color .2s ease}.logout-button:hover{background-color:#d9363e}.logout-button:active{background-color:#b32a31}.login-button{display:inline-block;background-color:#7e22ce;padding:10px 20px;border-radius:50px;text-decoration:none;color:#fff;transition:background .3s}.login-button:hover{background-color:#6b21a8}.candidates-section{background-color:#2d2d2d;padding:20px;border-radius:15px;box-shadow:0 4px 12px #00000080}.candidates-list{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.candidate-card{width:256px;text-align:center;cursor:pointer;transition:transform .2s}.candidate-card.selected{transform:scale(1.05)}.candidate-photo-wrapper{width:256px;height:256px;margin:0 auto 10px;border-radius:50%;background-color:#333;padding:2px}.candidate-photo-wrapper.selected-photo{background:linear-gradient(90deg,#a855f7,#ec4899)}.candidate-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #555}.candidate-name{font-weight:500}.vote-button-wrapper{margin-top:30px;text-align:center}.vote-button{padding:12px 32px;font-size:1.1rem;font-weight:500;border:none;border-radius:50px;cursor:pointer;color:#fff;background:linear-gradient(90deg,#7c3aed,#ec4899);box-shadow:0 4px 6px #0006;transition:all .3s}.vote-button:hover{background:linear-gradient(90deg,#6d28d9,#db2777)}.vote-button.disabled{background-color:#555;color:#aaa;cursor:not-allowed;box-shadow:none}.vote-message{margin-top:10px;font-size:.9rem}.vote-message.error{color:#f87171}.vote-message.success{color:#34d399}.results-section{background-color:#2d2d2d;padding:20px;border-radius:15px;box-shadow:0 4px 12px #00000080;margin-top:40px}.results-section h2{text-align:center;font-size:1.5rem;margin-bottom:20px}.results-list{max-height:384px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.result-item{background-color:#3a3a3a;padding:10px 15px;border-radius:10px;display:flex;justify-content:space-between;transition:background .2s}.result-item:hover{background-color:#4a4a4a}.votes{background-color:#8b5cf64d;padding:4px 10px;border-radius:50px;font-size:.9rem}.loading-spinner{margin:20px auto;border:4px solid #3a3a3a;border-top:4px solid #a855f7;border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@font-face{font-family:AlarmClock;src:url(../alarm_clock.ttf) format("truetype")}.countdown-timer{color:red;text-transform:uppercase;font-family:AlarmClock,monospace;font-size:8.5rem;letter-spacing:2px;text-align:center;margin:1rem 0}