:root{--primary: hsl(0, 75%, 45%);--primary-dark: hsl(0, 75%, 38%);--secondary: hsl(0, 50%, 70%);--success: hsl(142, 76%, 36%);--success-light: hsl(142, 76%, 46%);--danger: hsl(0, 84%, 60%);--danger-dark: hsl(0, 84%, 50%);--bg-primary: hsl(0, 0%, 98%);--bg-secondary: hsl(0, 0%, 100%);--bg-tertiary: hsl(0, 15%, 97%);--text-primary: hsl(0, 0%, 15%);--text-secondary: hsl(0, 0%, 35%);--text-muted: hsl(0, 0%, 55%);--border: hsl(0, 15%, 88%);--border-light: hsl(0, 15%, 80%);--shadow: 0 4px 6px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .12);--gradient: linear-gradient(135deg, hsl(0, 75%, 45%) 0%, hsl(0, 60%, 60%) 100%);--gradient-success: linear-gradient(135deg, hsl(142, 76%, 36%) 0%, hsl(142, 76%, 46%) 100%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}#root{min-height:100vh}h1{font-size:2.2rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3;margin-bottom:.5em}h2{font-size:1.6rem;color:var(--text-primary);font-weight:600;line-height:1.3;margin-bottom:.5em}h3{font-size:1.2rem;color:var(--text-primary);font-weight:600;margin-bottom:.5em}button{font-family:inherit;font-size:1rem;padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500;outline:none}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-light)}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:var(--shadow)}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-dark)}.btn-small{padding:.5rem 1rem;font-size:.875rem}input[type=text],input[type=password],input[type=number],input[type=datetime-local],select,textarea{font-family:inherit;font-size:1rem;padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);transition:all .2s;outline:none;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #b400001a}input[type=radio],input[type=checkbox]{width:auto;margin:0;cursor:pointer}.glass-card{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:2rem;box-shadow:var(--shadow-lg)}table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border-radius:8px;overflow:hidden}thead{background:var(--bg-tertiary)}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}th{font-weight:600;color:var(--text-primary);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em}tbody tr:hover{background:var(--bg-tertiary)}tbody tr.selected{background:#22c55e26;border-left:3px solid var(--success)}tbody tr.voted{background:#22c55e1f}.container{max-width:1400px;margin:0 auto;padding:2rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-4{gap:2rem}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.mb-2{margin-bottom:1rem}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.full-height{min-height:100vh}.w-full{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.slide-in{animation:slideIn .4s ease}.login-page{background:linear-gradient(135deg,#f6f3f3,#efe7e7)}.login-card{max-width:420px;width:100%}.home-page{background:var(--bg-primary)}.home-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.logout-btn{position:absolute;top:1.5rem;right:1.5rem}.mode-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.mode-card{cursor:pointer;text-align:center;transition:all .2s;padding:2.5rem 1.5rem;border:2px solid transparent}.mode-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.mode-icon{font-size:3rem;margin-bottom:1rem}.tabs{display:flex;gap:.5rem;border-bottom:2px solid var(--border);margin-bottom:1.5rem}.tab{padding:.5rem 1.5rem;font-size:.9rem;background:transparent;color:var(--text-muted);border:none;border-radius:8px 8px 0 0;cursor:pointer}.tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab.active{color:var(--primary);font-weight:600;border-bottom:3px solid var(--primary);background:transparent}.status-badge{padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.status-badge.voted{background:#22c55e33;color:#12873d}.status-badge.null{background:#ef444433;color:#bc1010}.status-badge.not-voted{background:#9ca3af33;color:#5d636f}.status-badge.pending{background:#fbbf2433;color:#c47c08}.table-container{border:1px solid var(--border);border-radius:8px;overflow:hidden;overflow-x:auto}.add-button{padding:.5rem 1rem;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500}.add-button:hover{background:var(--primary-dark)}.action-button{padding:.3rem .6rem;background:transparent;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.85rem}.action-button.delete{color:var(--danger);border-color:var(--danger)}.action-button.delete:hover{background:var(--danger);color:#fff}.config-container{border-radius:12px;overflow:hidden}.secondary-button{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{max-width:500px;width:calc(100% - 2rem);max-height:90vh;overflow-y:auto}.error-message{padding:.75rem 1rem;background:#fee2e2;color:#991b1b;border-radius:8px;font-size:.9rem}.loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}