.vote-uu-dai-container{max-width:1200px;margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgb(0 0 0 / .1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.vote-uu-dai-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.vote-uu-dai-header h3{color:#2c5aa0;font-size:28px;margin-bottom:10px;font-weight:600}.vote-uu-dai-header .branch-info{font-size:16px;color:#666;margin-bottom:10px}.vote-uu-dai-header .vote-instruction{font-size:14px;color:#888;font-style:italic}.vote-button-back{display:inline-flex;align-items:center;gap:8px;background:#f8f9fa;border:1px solid #dee2e6;padding:10px 16px;border-radius:6px;color:#495057;text-decoration:none;font-size:14px;cursor:pointer;transition:all 0.3s ease;margin-bottom:20px}.vote-button-back:hover{background:#e9ecef;border-color:#adb5bd;color:#212529;transform:translateX(-2px)}.vote-button-back svg{fill:currentColor}.district-selector-form{background:#f8f9fa;border-radius:8px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.required{color:#e74c3c}.form-control{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:6px;font-size:16px;transition:border-color 0.3s ease;background:#fff}.form-control:focus{outline:none;border-color:#2c5aa0;box-shadow:0 0 0 3px rgb(44 90 160 / .1)}.form-control:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.vote-uu-dai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:30px;margin-top:20px}.vote-uu-dai-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;overflow:hidden;transition:all 0.3s ease;position:relative}.vote-uu-dai-card.voted-animation{animation:voteSuccess 1s ease}@keyframes voteSuccess{0%{transform:scale(1)}50%{transform:scale(1.05);border-color:#28a745}100%{transform:scale(1)}}.card-header{background:linear-gradient(135deg,#2c5aa0 0%,#3d6bb3 100%);color:#fff;padding:20px;position:relative}.uu-dai-title{font-size:18px;font-weight:600;margin:0 60px 0 0;line-height:1.3;color:#fff}.count-number{display:block;font-size:20px;font-weight:700;line-height:1}.count-label{display:block;font-size:11px;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.card-body{padding:20px}.uu-dai-value{background:#e8f5e8;color:#2d5a2d;padding:10px 15px;border-radius:6px;margin-bottom:15px;font-weight:600}.uu-dai-description{color:#555;line-height:1.6;margin-bottom:15px}.uu-dai-condition{background:#fff3cd;color:#856404;padding:10px 15px;border-radius:6px;margin-bottom:10px;font-size:14px}.uu-dai-expiry{background:#f8d7da;color:#721c24;padding:10px 15px;border-radius:6px;font-size:14px}.card-footer{padding:20px;background:#f8f9fa;border-top:1px solid #e9ecef}.vote-btn{width:100%;padding:5px 20px;background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;margin:0}.vote-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838 0%,#1e7e34 100%);transform:translateY(-2px);box-shadow:0 4px 15px rgb(40 167 69 / .3)}.vote-btn:disabled,.vote-btn.voted{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.vote-btn.voting{background:#ffc107;cursor:wait}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgb(255 255 255 / .3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.vote-message{padding:15px 20px;border-radius:8px;margin-top:20px;font-weight:600;text-align:center}.vote-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.vote-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.vote-uu-dai-error{text-align:center;font-weight:600}.province-branch-selection{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:1px solid #dee2e6;border-radius:12px;box-shadow:0 2px 10px rgb(0 0 0 / .05);transition:all 0.3s ease}.province-branch-selection:hover{box-shadow:0 4px 20px rgb(0 0 0 / .1)}.selection-row{display:flex;gap:15px;flex-wrap:wrap;align-items:end}.province-selector-wrapper,.branch-selector-wrapper{flex:1;min-width:200px}.province-selector-wrapper label,.branch-selector-wrapper label{display:block;margin-bottom:5px;font-weight:600;color:#495057;font-size:14px}.province-selector,.branch-selector{width:100%;padding:10px 12px;border:2px solid #ced4da;border-radius:6px;background:#fff;font-size:14px;transition:all 0.3s ease;box-shadow:0 1px 3px rgb(0 0 0 / .1)}.province-selector:focus,.branch-selector:focus{outline:none;border-color:#2c5aa0;box-shadow:0 0 0 3px rgb(44 90 160 / .1)}.province-selector:disabled,.branch-selector:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.selection-info{margin-top:15px;padding:12px;background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-radius:6px;border-left:4px solid #2196f3}.selection-info p{margin:0;font-size:14px;color:#1976d2}.province-branch-selection.current-branch{border-color:#28a745;background:linear-gradient(135deg,#f8fff9 0%,#e8f5e8 100%)}.province-branch-selection.current-branch .selection-info{background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);border-left-color:#28a745}.province-branch-selection.current-branch .selection-info p{color:#155724}@media (max-width:768px){.vote-uu-dai-container{padding:15px;margin:10px}.vote-uu-dai-header h3{font-size:24px}.vote-uu-dai-grid{grid-template-columns:1fr;gap:15px}.vote-uu-dai-card{border-radius:8px}.selection-row{flex-direction:column;gap:15px}.province-selector-wrapper,.branch-selector-wrapper{flex:none;width:100%}.card-header{padding:15px}.uu-dai-title{font-size:16px;margin-right:50px}.count-number{font-size:16px}.card-body,.card-footer{padding:15px}.vote-btn{padding:5px 16px;font-size:14px}.district-selector-form{padding:20px}.form-control{font-size:16px}}@media (max-width:480px){.vote-uu-dai-container{margin:5px;padding:10px}.vote-uu-dai-header h3{font-size:20px}.vote-uu-dai-header .branch-info{font-size:14px}.uu-dai-title{font-size:15px}.card-header,.card-body,.card-footer{padding:12px}}.vote-uu-dai-card,.vote-btn,.vote-button-back{will-change:transform}@media print{.vote-button-back,.vote-btn,.card-footer{display:none}.vote-uu-dai-container{box-shadow:none;border:1px solid #ccc}}