:root{--primary-bg: #f8f9fa;--secondary-bg: #ffffff;--text-primary: #212529;--text-secondary: #6c757d;--accent-color: #0d6efd;--accent-color-hover: #0b5ed7;--border-color: #dee2e6;--error-color: #dc3545;--igen-color: #198754;--igen-color-hover: #157347;--nem-color: #dc3545;--nem-color-hover: #bb2d3b;--neutral-color: #6c757d;--neutral-color-hover: #5a6268;--font-family: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%}body{margin:0;font-family:var(--font-family);background-color:var(--primary-bg);color:var(--text-primary)}#root{min-height:100vh;width:100%}.app-shell{min-height:100vh;width:100%;display:flex;justify-content:center;padding:2.5rem 1.5rem;background:linear-gradient(145deg,#f1f5f999,#e2e8f066)}.app-main{width:100%;max-width:1100px;display:flex;flex-direction:column;gap:1.5rem}.app-main-content{flex:1;display:flex;flex-direction:column;gap:1.5rem}.app-main-footer{display:flex;justify-content:flex-end}.container{width:100%;max-width:960px;margin:0 auto;padding:2rem;background-color:var(--secondary-bg);border-radius:16px;box-shadow:0 18px 35px #0f172a14;animation:fadeIn .5s ease-in-out;text-align:left}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}h2{font-size:1.5rem;margin-bottom:1rem;font-weight:600}h3{margin-bottom:1rem;font-weight:600;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.form-group{margin-bottom:1.25rem;text-align:left}.login-container{max-width:960px;padding:0;overflow:hidden}.login-card{display:flex;flex-direction:column;background:var(--secondary-bg)}@media(min-width:768px){.login-card{flex-direction:row}}.login-illustration{flex:1;padding:2.5rem 2.5rem 2rem;background:radial-gradient(circle at top right,rgba(13,110,253,.35),transparent 50%),linear-gradient(160deg,#0d6efd,#6610f2);color:#f8f9ff;display:flex;flex-direction:column;gap:1.5rem;justify-content:center}.login-brand{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.95rem;color:#f8f9ffd9}.brand-mark{background:#f8f9ff26;padding:.35rem .75rem;border-radius:999px;font-size:.8rem;letter-spacing:.08em}.brand-text{opacity:.85}.login-illustration h1{color:#fff;margin-bottom:.75rem}.login-illustration p{color:#f8f9ffd9;margin-bottom:0}.login-highlights{list-style:none;display:grid;gap:.75rem;padding:0;margin:0}.login-highlights li{position:relative;padding-left:1.5rem;color:#f8f9ffe6;font-weight:500}.login-highlights li:before{content:"•";position:absolute;left:.25rem;color:#f8f9ffd9}.login-form-panel{flex:1;padding:2.5rem 2.5rem 2.75rem;display:flex;flex-direction:column;gap:2rem}.login-header{display:flex;flex-direction:column;gap:.75rem}.login-badge{align-self:flex-start;padding:.35rem .85rem;border-radius:999px;background-color:#0d6efd1f;color:var(--accent-color);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.login-form-panel h2{margin:0}.login-form-panel p{margin:0;color:var(--text-secondary)}.login-form{display:flex;flex-direction:column;gap:1.5rem}.input-field{display:flex;flex-direction:column;gap:.5rem}.input-field label{font-size:.85rem;letter-spacing:.02em;color:var(--text-secondary);text-transform:uppercase}.input-field input{background-color:#f8f9fb;border-radius:10px;border:1px solid var(--border-color);padding:.85rem 1rem;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.input-field input:focus{background-color:#fff}.input-field.has-value input:not(:focus){border-color:#0d6efd59}.input-with-action{display:flex;align-items:stretch;position:relative}.input-with-action input{flex:1;padding-right:6.5rem}.toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--accent-color);font-weight:600;font-size:.85rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px;transition:background-color .2s ease,color .2s ease}.toggle-password:hover,.toggle-password:focus-visible{background-color:#0d6efd1f;color:var(--accent-color-hover);outline:none}.login-actions{display:flex;flex-direction:column;gap:.75rem}@media(min-width:520px){.login-actions{flex-direction:row;align-items:center}}.login-actions .btn{width:100%}@media(min-width:520px){.login-actions .btn{width:auto}.login-actions .btn-primary{flex:1}}.btn-link{border:1px solid rgba(13,110,253,.25);background-color:transparent;color:var(--accent-color);text-decoration:none}.btn-link:hover{background-color:#0d6efd14}.login-meta{font-size:.85rem;color:var(--text-secondary);margin:0}.error-message{color:var(--error-color);font-size:.9rem;margin-top:.5rem;min-height:1.2rem;opacity:0;transition:opacity .2s ease}.error-message.is-visible{opacity:1}label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9rem}input[type=text],input[type=password],input[type=number]{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #0d6efd40}.btn{width:100%;padding:.85rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background-color .2s,transform .1s;display:inline-flex;justify-content:center;align-items:center}.btn:disabled{opacity:.65;cursor:not-allowed}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-color-hover)}.btn-danger{background-color:var(--nem-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:var(--nem-color-hover)}.btn-secondary{background-color:var(--neutral-color);color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--neutral-color-hover)}.btn-igen{background-color:var(--igen-color);color:#fff;font-size:1.25rem;padding:1rem}.btn-igen:hover:not(:disabled){background-color:var(--igen-color-hover)}.btn-nem{background-color:var(--nem-color);color:#fff;font-size:1.25rem;padding:1rem}.btn-nem:hover:not(:disabled){background-color:var(--nem-color-hover)}.btn-tartozkodom{background-color:var(--neutral-color);color:#fff;font-size:1.25rem;padding:1rem}.btn-tartozkodom:hover:not(:disabled){background-color:var(--neutral-color-hover)}.view-container{max-width:500px}.view-container p{font-size:1.1rem}.event-banner{margin-bottom:1rem;font-size:1rem;color:var(--text-secondary)}.event-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;color:var(--text-secondary);font-size:.95rem}.event-meta span{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:#94a3b81f;border-radius:999px}.view-header{margin-bottom:1.5rem}.view-header p{margin-bottom:.75rem}.view-footer{margin-top:2rem;display:flex;justify-content:flex-end}.voter-status-section,.admin-controls,.public-results{margin-top:1.5rem}.admin-controls,.voter-status-section,.public-results{display:flex;flex-direction:column;gap:1.5rem}.public-status{display:flex;justify-content:flex-start;margin-bottom:1.5rem}.logout-button{width:auto;padding:.5rem 1rem;font-size:.9rem}.public-view{max-width:620px}.public-caption{font-size:1rem;margin-bottom:1rem}.public-status-badge{display:inline-block;padding:.5rem 1.5rem;border-radius:999px;font-weight:600;margin-bottom:1.5rem}.public-status-waiting{background:#94a3b840;color:var(--text-primary)}.public-status-in_progress{background:var(--accent-color);color:#fff}.public-status-finished{background:var(--igen-color);color:#fff}.public-note{margin-top:1.5rem;color:var(--text-secondary)}.btn-start-vote{padding:1rem;font-size:1.2rem}.admin-start-controls{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.muted{color:var(--text-secondary);margin:0;font-size:.95rem}.admin-info{background-color:var(--primary-bg);border:1px solid var(--border-color);border-radius:6px;padding:1rem;display:flex;justify-content:space-between;align-items:center;text-align:left}.admin-info span{font-weight:500;color:var(--text-secondary)}.admin-info strong{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.event-overview{margin:2rem 0 1rem}.event-overview h2{font-size:1.25rem;margin-bottom:.75rem}.event-overview-card{border:1px solid var(--border-color);border-radius:8px;padding:1.25rem;background:var(--surface-bg, rgba(15, 23, 42, .35));box-shadow:0 8px 24px #0f172a2e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.event-overview-title{font-size:1.15rem;font-weight:600;margin-bottom:.75rem}.event-overview-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.event-overview-card li{font-size:.95rem;color:var(--text-secondary)}.event-overview-card li strong{color:var(--text-primary)}.voting-interface .timer{font-size:3rem;font-weight:700;color:var(--accent-color);margin:1rem 0}.voting-interface .timer-expired{margin:1rem 0;padding:.75rem 1rem;border-radius:8px;background-color:#dc35451a;color:#dc3545;font-weight:600}.voting-interface p{margin-bottom:.5rem}.voter-status-box{border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-top:1.5rem;min-height:250px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;text-align:center;width:100%}.vote-cast-msg h2{color:var(--igen-color)}.vote-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;margin-top:1.5rem}.admin-results,.results-container{margin-top:2rem;width:100%}.results-container{text-align:left;width:100%}.result-item{margin-bottom:1rem}.result-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:500}.progress-bar{width:100%;height:24px;background-color:#e9ecef;border-radius:6px;overflow:hidden;display:flex}.progress{height:100%;transition:width .4s ease-in-out}.progress.igen{background-color:var(--igen-color)}.progress.nem{background-color:var(--nem-color)}.progress.tartozkodom{background-color:var(--neutral-color)}.results-container hr{border:none;border-top:1px solid var(--border-color);margin:1.5rem 0}.result-summary{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-secondary);padding:.25rem 0}.result-summary strong{color:var(--text-primary);font-weight:600}.sync-status{background:#3b82f61f;color:#1d4ed8;padding:.6rem 1rem;border-radius:999px;font-size:.85rem}.connection-error{background:#dc35451f;border:1px solid rgba(220,53,69,.35);color:#842029;padding:.85rem 1.1rem;border-radius:12px;font-weight:600}.admin-timer-container{border:1px solid var(--border-color);background-color:var(--primary-bg);border-radius:8px;padding:1rem;margin:1rem 0;display:flex;flex-direction:column;gap:1rem;align-items:center}.admin-timer-container p{margin-bottom:0;font-size:1.1rem;color:var(--text-secondary)}.admin-timer-container p strong{font-size:1.5rem;color:var(--text-primary);font-weight:700}.admin-timer-container .btn{width:100%}@media(max-width:1100px){.app-shell{padding:2rem 1rem}.app-main{gap:1.25rem}}@media(max-width:720px){.app-shell{padding:1.5rem .75rem}.container{padding:1.5rem}.event-meta{flex-direction:column;align-items:flex-start}.vote-buttons{flex-direction:column}}