*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Pridi,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f8fa;color:#2c3e50}body{min-height:100vh}button{cursor:pointer;font:inherit}a{color:#667eea}input,select,textarea{font:inherit;padding:8px 10px;border:1px solid #d1d9e6;border-radius:6px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.container{max-width:720px;margin:0 auto;padding:16px}.admin-container{max-width:1100px;margin:0 auto;padding:16px}.btn{padding:10px 16px;border-radius:6px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:500;box-shadow:0 2px 8px #667eea40;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #667eea59}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:#6b7280;box-shadow:none}.btn-secondary:hover{background:#4b5563;transform:translateY(-1px)}.btn-danger{background:#dc2626;box-shadow:0 2px 8px #dc262640}.btn-danger:hover{box-shadow:0 4px 14px #dc262659}.btn-success{background:#16a34a;box-shadow:0 2px 8px #16a34a40}.btn-success:hover{box-shadow:0 4px 14px #16a34a59}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #00000014;margin-bottom:12px}.row{display:flex;gap:8px;align-items:center}.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid #e8eef3}th{background:#764ba2;color:#fff;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}tbody tr{transition:background .15s}tbody tr:hover{background:#f8f9fc}tbody tr:last-child td{border-bottom:none}td{color:#5a6c7d;font-size:14px;vertical-align:middle}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.2px}.badge-active{background:#dcfce7;color:#166534}.badge-inactive{background:#f3f4f6;color:#6b7280}.vote-row{display:flex;gap:8px;padding:14px 16px;background:#fff;border-radius:12px;margin-bottom:8px;align-items:center;flex-wrap:wrap;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s}.vote-row:hover{box-shadow:0 3px 10px #00000017}.vote-row .title{flex:1;min-width:200px;color:#2c3e50;font-weight:500}.vote-btn{padding:10px 16px;border-radius:6px;border:2px solid #d1d9e6;background:#fff;min-width:54px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s,color .2s}.vote-btn:hover{border-color:#667eea}.vote-btn.selected.up{border-color:#16a34a;background:#dcfce7;color:#166534}.vote-btn.selected.down{border-color:#dc2626;background:#fee2e2;color:#991b1b}.vote-btn.selected.abstain{border-color:#6b7280;background:#f3f4f6;color:#374151}.clock-card{background:linear-gradient(104.88deg,#061227 -10.05%,#0e1e3b 35.34%,#0e1e3b 72.74%,#ec2444 116.65%);border-radius:20px;padding:50px 40px 55px;text-align:center;box-shadow:0 8px 32px #06122773;margin-bottom:12px}.clock-title{font-size:18px;padding:0 0 16px;color:#ec7a7a;font-weight:400;letter-spacing:.3px}.clock{font-size:clamp(72px,20vw,240px);font-weight:700;font-variant-numeric:tabular-nums;color:#fff;line-height:1}.message{padding:24px;text-align:center;font-size:18px}.nav{display:flex;gap:8px;padding:14px 20px;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 15px #0000001f;position:sticky;top:0;z-index:1000}.nav strong{color:#fff;font-weight:700;font-size:15px}.nav a{text-decoration:none;padding:7px 14px;border-radius:6px;color:#ffffffd9;font-weight:500;font-size:14px;transition:background .2s,color .2s}.nav a:hover{background:#ffffff26;color:#fff}.nav a.active{background:#ffffff40;color:#fff;font-weight:600}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label{font-size:13px;color:#636b6f;font-weight:500}.checkbox-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto;padding:8px;background:#f5f7fa;border-radius:8px;border:1px solid #e8eef3}.checkbox-list label{display:flex;gap:8px;align-items:center;padding:4px 6px;border-radius:6px;transition:background .15s}.checkbox-list label:hover{background:#edf0f7}@media (max-width: 768px){.nav{flex-wrap:wrap;gap:6px;padding:12px}.nav a{padding:6px 10px;font-size:13px}}