.upload-form-container{max-width:900px;margin:0 auto;background:linear-gradient(135deg,#fffffffa,#f5e6d3e6);border-radius:22px;padding:2.2rem;box-shadow:0 8px 32px #8b451321;border:1.5px solid rgba(139,69,19,.13);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.upload-form-container h2{text-align:center;font-size:2.1rem;font-weight:800;color:#8b4513;margin-bottom:1.5rem;background:linear-gradient(135deg,#8b4513,#d2691e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-details-section{background:#ffffffd9;border-radius:16px;padding:1.6rem;margin-bottom:2rem;border:1px solid rgba(139,69,19,.11);box-shadow:0 4px 16px #8b451314}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:1rem;font-weight:600;color:#333;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.9rem 1.1rem;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .3s;background:#fff;color:#333}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#8b4513;box-shadow:0 0 0 3px #8b451321}.creation-mode-section{background:linear-gradient(135deg,#f5e6d3,#e8d5c4 90%);border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(139,69,19,.21);box-shadow:0 4px 16px #8b45131c}.creation-mode-section h3{font-size:1.3rem;font-weight:700;color:#333;margin:0 0 1rem;text-align:center}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.mode-option{background:#ffffffed;border:2px solid #e0e0e0;border-radius:12px;padding:1.3rem;cursor:pointer;transition:all .3s;text-align:center;position:relative;overflow:hidden}.mode-option:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8b4513,#d2691e);transform:scaleX(0);transition:transform .3s}.mode-option:hover{border-color:#d2691e;box-shadow:0 8px 24px #8b451326;transform:translateY(-2px)}.mode-option:hover:before,.mode-option.active:before{transform:scaleX(1)}.mode-option.active{border-color:#8b4513;background:linear-gradient(135deg,#8b451321,#deb88730);box-shadow:0 8px 24px #8b451336}.mode-option input[type=radio]{display:none}.mode-option span{font-size:1rem;font-weight:700;color:#333;display:block;margin-bottom:.5rem}.mode-option small{font-size:.85rem;color:#666;line-height:1.4}.manual-upload-section{background:#ffffffe6;border-radius:16px;padding:1.8rem;margin-bottom:2rem;border:1px solid rgba(139,69,19,.11);box-shadow:0 4px 16px #8b451314}.manual-upload-section h3{font-size:1.3rem;font-weight:700;color:#333;margin:0 0 1.5rem;text-align:center}.manual-upload-section h3:before{content:"📁 ";margin-right:.5rem}.manual-set-row{display:grid;grid-template-columns:1fr 1fr auto auto;gap:1rem;align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:1.2rem;margin-bottom:1rem;transition:all .3s}.manual-set-row:hover{border-color:#d2691e;box-shadow:0 4px 12px #8b45131a}.manual-set-row input[type=text]{padding:.8rem 1rem;border:2px solid #dee2e6;border-radius:8px;font-size:.95rem;transition:border-color .3s}.manual-set-row input[type=text]:focus{outline:none;border-color:#8b4513;box-shadow:0 0 0 2px #8b45131a}.manual-set-row input[type=file]{padding:.6rem;border:2px dashed #dee2e6;border-radius:8px;background:#fff;cursor:pointer;transition:all .3s}.manual-set-row input[type=file]:hover{border-color:#8b4513;background:#f8f9fa}.thumb-preview{width:60px;height:40px;object-fit:cover;border-radius:6px;border:2px solid #28a745;box-shadow:0 2px 8px #0000001a}.manual-set-row button{padding:.6rem 1rem;background:#dc3545;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s}.manual-set-row button:hover{background:#c82333;transform:translateY(-1px)}.manual-upload-section>button{display:block;margin:1.5rem auto 0;padding:1rem 2rem;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s}.manual-upload-section>button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #28a7454d}.ai-generation-section{background:linear-gradient(135deg,#fffffff0,#f5e6d3cc);border-radius:16px;padding:1.8rem;margin-bottom:2rem;border:1px solid rgba(139,69,19,.11)}.ai-component-section{background:#ffffffe6;border:2px solid #e9ecef;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;transition:all .3s}.ai-component-section:hover{border-color:#d2691e;box-shadow:0 4px 16px #8b45131c}.ai-component-section h4{font-size:1.1rem;font-weight:700;color:#333;margin:0 0 1rem;text-align:center}.ai-component-section textarea{width:100%;padding:.8rem;border:2px solid #dee2e6;border-radius:8px;margin-bottom:1rem;resize:vertical;min-height:60px}.ai-component-section textarea:focus{outline:none;border-color:#8b4513;box-shadow:0 0 0 2px #8b45131a}.ai-thumb-options,.ai-title-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.8rem;margin-bottom:1rem}.ai-thumb-options select,.ai-thumb-options input,.ai-title-options select,.ai-title-options input{padding:.6rem;border:2px solid #dee2e6;border-radius:6px;font-size:.9rem}.ai-title-options label{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600}.ai-component-section>input[type=text]{width:100%;padding:.8rem;border:2px solid #dee2e6;border-radius:8px;margin-bottom:1rem}.ai-component-section>button{width:100%;padding:1rem;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;margin-bottom:1rem}.ai-component-section>button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #007bff4d}.ai-component-section>button:disabled{opacity:.6;cursor:not-allowed;transform:none}.thumbnails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.thumbnail-item{position:relative;border:2px solid #dee2e6;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s;background:#fff}.thumbnail-item:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.thumbnail-item.selected{border-color:#28a745;box-shadow:0 0 0 3px #28a74533}.thumbnail-item img{width:100%;height:100px;object-fit:cover}.thumbnail-item input{position:absolute;top:8px;left:8px;transform:scale(1.2)}.titles-list{list-style:none;padding:0;margin:1rem 0 0}.title-item{display:flex;align-items:center;gap:.8rem;padding:.8rem;border:2px solid #dee2e6;border-radius:8px;margin-bottom:.5rem;cursor:pointer;transition:all .3s;background:#fff}.title-item:hover{border-color:#007bff;box-shadow:0 2px 8px #0000001a}.title-item.selected{border-color:#28a745;background:#f8fff9;box-shadow:0 0 0 2px #28a74533}.title-item span{font-size:.95rem;line-height:1.4}.apply-ai-btn{display:block;width:100%;padding:1.2rem;background:linear-gradient(135deg,#8b4513,#d2691e);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;margin-top:1.5rem}.apply-ai-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #8b45134d}.sets-preview{background:#ffffffe6;border-radius:16px;padding:1.5rem;margin-bottom:2rem;border:1px solid rgba(139,69,19,.11)}.sets-preview h4{font-size:1.2rem;font-weight:700;color:#333;margin:0 0 1rem;text-align:center}.sets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.preview-card{background:#fff;border:2px solid #dee2e6;border-radius:10px;padding:1rem;text-align:center;transition:all .3s;position:relative}.preview-card.valid{border-color:#28a745;background:linear-gradient(135deg,#f8fff9,#e8f5e9)}.preview-card.invalid{border-color:#dc3545;background:linear-gradient(135deg,#fff5f5,#ffe6e6)}.preview-card .idx{position:absolute;top:8px;left:8px;background:#007bff;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.preview-card img{width:100%;height:80px;object-fit:cover;border-radius:6px;margin-bottom:.5rem}.preview-card p{font-size:.9rem;color:#333;margin:0;line-height:1.3}.submit-btn{display:block;width:100%;max-width:300px;margin:2rem auto;padding:1.2rem 2rem;background:linear-gradient(135deg,#8b4513,#d2691e);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #8b45134d}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-result{margin-top:1rem;padding:1rem;border-radius:8px;text-align:center;font-weight:600;background:#d4edda;color:#155724;border:1px solid #c3e6cb}@media (max-width: 768px){.upload-form-container{margin:0 1rem;padding:1.5rem}.mode-selector{grid-template-columns:1fr}.manual-set-row{grid-template-columns:1fr;gap:.8rem}.ai-thumb-options,.ai-title-options{grid-template-columns:1fr 1fr}.thumbnails-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.sets-grid{grid-template-columns:1fr}}@media (max-width: 480px){.upload-form-container h2{font-size:1.6rem}.ai-thumb-options,.ai-title-options{grid-template-columns:1fr}.thumbnails-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.selection-grid-container{max-width:1000px;margin:0 auto}.vote-intro{text-align:center;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,var(--background-primary),#F5E6D3);border-radius:var(--radius-large);border:1px solid var(--border-light);box-shadow:var(--shadow-light)}.vote-intro h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.vote-intro p{color:var(--text-secondary);font-size:.9rem}.vote-header{margin-bottom:1.5rem}.back-btn{padding:.5rem 1rem;background:linear-gradient(135deg,var(--background-secondary),#F0E68C);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-medium);cursor:pointer;font-weight:500;font-size:.9rem;margin-bottom:1rem;transition:var(--transition-normal);box-shadow:var(--shadow-light)}.minimal-voting-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;margin-bottom:2rem;border-radius:var(--radius-medium);box-shadow:var(--shadow-light)}.live-updates-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#dc3545;font-weight:500;background:#dc35451a;padding:.25rem .75rem;border-radius:20px;border:1px solid rgba(220,53,69,.2)}.back-to-projects-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--primary-brown),var(--secondary-brown));color:#fff;border:none;border-radius:var(--radius-medium);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-light)}.back-to-projects-btn:hover{background:linear-gradient(135deg,var(--secondary-brown),var(--accent-brown));transform:translateY(-1px);box-shadow:var(--shadow-medium)}.projects-list h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.public-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.public-project-card{background:linear-gradient(135deg,var(--background-primary),#FFF8F0);border:1px solid var(--border-light);border-radius:var(--radius-large);padding:1.5rem;transition:var(--transition-normal);display:flex;flex-direction:column;box-shadow:var(--shadow-light);position:relative;overflow:hidden}.public-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-brown),var(--accent-brown))}.public-project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium);border-color:var(--accent-brown);background:linear-gradient(135deg,#fff8f0,#f5e6d3)}.project-content{flex:1;margin-bottom:1rem}.public-project-card h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.project-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin-bottom:.75rem}.project-meta{font-size:.75rem;color:var(--text-muted)}.vote-btn{padding:.75rem 1rem;background:linear-gradient(135deg,var(--action-success),#7CB342);color:var(--background-primary);border:none;border-radius:var(--radius-medium);cursor:pointer;font-weight:500;font-size:.9rem;transition:var(--transition-normal);box-shadow:var(--shadow-light)}.vote-btn:hover{background:linear-gradient(135deg,#7cb342,#689f38);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.error-state,.empty-state,.project-error{text-align:center;padding:3rem;background:linear-gradient(135deg,var(--background-primary),#F5E6D3);border-radius:var(--radius-large);border:1px solid var(--border-light);box-shadow:var(--shadow-light)}.error-icon,.empty-icon{font-size:3rem;margin-bottom:1rem}.error-state h3,.empty-state h3,.project-error h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.error-state p,.empty-state p,.project-error p{color:var(--text-secondary);margin-bottom:1.5rem}.retry-btn,.refresh-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-brown),var(--secondary-brown));color:var(--background-primary);border:none;border-radius:var(--radius-medium);cursor:pointer;font-weight:500;transition:var(--transition-normal);box-shadow:var(--shadow-light)}.retry-btn:hover,.refresh-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.error-actions{margin-top:1rem}.loading-state{text-align:center;padding:2rem;background:linear-gradient(135deg,var(--background-primary),#F5E6D3);border-radius:var(--radius-large);border:1px solid var(--border-light)}.project-selector{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,var(--background-secondary),#F0E68C);border-radius:var(--radius-large);border:1px solid var(--border-medium);box-shadow:var(--shadow-light)}.project-selector h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.project-input-group{display:flex;gap:.75rem}.project-input{flex:1;padding:.75rem;border:1px solid var(--border-medium);border-radius:var(--radius-medium);font-size:.9rem;transition:var(--transition-normal);background:var(--background-primary);color:var(--text-primary)}.project-input:focus{outline:none;border-color:var(--primary-brown);box-shadow:0 0 0 3px #8b45131a}.load-btn{padding:.75rem 1.25rem;background:linear-gradient(135deg,var(--primary-brown),var(--secondary-brown));color:var(--background-primary);border:none;border-radius:var(--radius-medium);cursor:pointer;font-weight:500;font-size:.9rem;transition:var(--transition-normal);box-shadow:var(--shadow-light)}.load-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.submit-result{padding:1rem;margin-bottom:1.5rem;border-radius:var(--radius-medium);font-weight:500;font-size:.9rem;box-shadow:var(--shadow-light)}.submit-result.success{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);color:var(--status-published-text);border:1px solid var(--action-success)}.submit-result.error{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:var(--status-closed-text);border:1px solid var(--action-danger)}.voted-state{text-align:center;padding:3rem;background:linear-gradient(135deg,#e8f5e8,#f1f8e9);border-radius:var(--radius-large);border:2px solid var(--action-success);box-shadow:0 8px 24px #689f3826;position:relative;overflow:hidden}.voted-state:before{content:"✨";position:absolute;top:1rem;right:1rem;font-size:2rem;opacity:.3}.voted-icon{font-size:4rem;margin-bottom:1rem}.voted-state h3{font-size:1.5rem;font-weight:700;color:var(--status-published-text);margin-bottom:.5rem}.voted-state p{color:var(--action-success);font-size:1rem;margin-bottom:1rem}.voted-choice{background:#689f381a;padding:.75rem;border-radius:var(--radius-medium);border:1px solid var(--action-success);margin-top:1rem}.voted-choice p{margin:0;color:var(--status-published-text);font-size:.9rem;font-weight:600}.voted-choice small{color:var(--text-muted);font-size:.75rem;display:block;margin-top:.5rem}.post-vote-actions{margin-top:1rem}.vote-another-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-brown),var(--secondary-brown));color:var(--background-primary);border:none;border-radius:var(--radius-medium);cursor:pointer;font-weight:500;transition:var(--transition-normal);box-shadow:var(--shadow-light)}.vote-another-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.voting-interface{margin-top:1rem}.voting-instructions-compact{text-align:center;margin-bottom:1.5rem;padding:1.5rem;background:linear-gradient(135deg,var(--background-primary),#F5E6D3);border-radius:var(--radius-large);border:1px solid var(--border-light);box-shadow:var(--shadow-light);position:relative;overflow:hidden}.voting-instructions-compact:before{content:"🗳️";position:absolute;top:1rem;right:1rem;font-size:2rem;opacity:.2}.voting-instructions-compact h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.voting-instructions-compact p{color:var(--text-secondary);font-size:.9rem;margin:0;font-weight:500}.voting-activity-indicator{margin-top:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2;border-radius:var(--radius-medium);font-size:.875rem;text-align:center;border:1px solid rgba(25,118,210,.2);box-shadow:var(--shadow-light)}.combinations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.combination-card{background:linear-gradient(135deg,var(--background-primary),#FFF8F0);border:2px solid var(--border-light);border-radius:var(--radius-large);padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;text-align:center;box-shadow:var(--shadow-light);overflow:hidden}.combination-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-brown),var(--accent-brown));transform:scaleX(0);transition:transform .3s ease}.combination-card.clickable{cursor:pointer}.combination-card.clickable:hover{border-color:var(--accent-brown);box-shadow:0 12px 28px #8b451326;transform:translateY(-4px);background:linear-gradient(135deg,#fff8f0,#f5e6d3)}.combination-card.clickable:hover:before{transform:scaleX(1)}.combination-card.submitting{cursor:not-allowed;opacity:.7;pointer-events:none}.combination-card.selected{border-color:var(--action-success);background:linear-gradient(135deg,#f1f8e9,#e8f5e8);box-shadow:0 8px 24px #689f3833}.combination-number{position:absolute;top:-8px;left:-8px;width:32px;height:32px;background:linear-gradient(135deg,var(--accent-brown),#DEB887);color:var(--text-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;box-shadow:0 2px 8px #8b451333;border:2px solid var(--background-primary)}.combination-thumbnail{margin-bottom:1rem}.thumbnail-image{width:100%;height:120px;object-fit:cover;border-radius:var(--radius-medium);border:1px solid var(--border-light);transition:var(--transition-normal)}.combination-card:hover .thumbnail-image{border-color:var(--accent-brown);box-shadow:0 4px 12px #8b451326}.combination-title h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;line-height:1.4}.combination-info{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);background:var(--background-secondary);padding:.25rem .5rem;border-radius:var(--radius-medium);font-weight:500}.thumbnails-only-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.thumbnail-vote-card{background:linear-gradient(135deg,var(--background-primary),#FFF8F0);border:2px solid var(--border-light);border-radius:var(--radius-large);padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;text-align:center;box-shadow:var(--shadow-light);overflow:hidden}.thumbnail-vote-card.clickable{cursor:pointer}.thumbnail-vote-card.clickable:hover{border-color:var(--accent-brown);box-shadow:0 12px 28px #8b451326;transform:translateY(-4px);background:linear-gradient(135deg,#fff8f0,#f5e6d3)}.thumbnail-number{position:absolute;top:-8px;left:-8px;width:28px;height:28px;background:linear-gradient(135deg,var(--accent-brown),#DEB887);color:var(--text-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;box-shadow:0 2px 8px #8b451333;border:2px solid var(--background-primary)}.thumbnail-image-container{margin-bottom:.75rem}.thumbnail-info{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);background:var(--background-secondary);padding:.25rem .5rem;border-radius:var(--radius-medium);font-weight:500}.titles-only-list{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.title-vote-card{background:linear-gradient(135deg,var(--background-primary),#FFF8F0);border:2px solid var(--border-light);border-radius:var(--radius-large);padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-light);overflow:hidden}.title-vote-card.clickable{cursor:pointer}.title-vote-card.clickable:hover{border-color:var(--accent-brown);box-shadow:0 8px 20px #8b451326;transform:translateY(-2px);background:linear-gradient(135deg,#fff8f0,#f5e6d3)}.title-number{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-brown),#DEB887);color:var(--text-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:0 2px 8px #8b451333;flex-shrink:0}.title-content{flex:1}.title-content h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem;line-height:1.4}.title-meta{font-size:.75rem;color:var(--text-muted)}.title-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted);background:var(--background-secondary);padding:.5rem;border-radius:var(--radius-medium);font-weight:500;min-width:80px}.voting-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#fff8f0f2,#f5e6d3f2);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-large);font-size:.9rem;font-weight:600;color:var(--primary-brown);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.voting-spinner{width:24px;height:24px;border:3px solid var(--border-light);border-top:3px solid var(--primary-brown);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin-bottom:.5rem}.no-sets-message{text-align:center;padding:3rem;background:linear-gradient(135deg,var(--background-primary),#F5E6D3);border-radius:var(--radius-large);border:1px solid var(--border-light);margin-top:2rem;box-shadow:var(--shadow-light)}.no-sets-message h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem}.no-sets-message p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.debug-info{margin-top:1rem;padding:.5rem;background:#8b45130d;border-radius:var(--radius-medium);border:1px solid rgba(139,69,19,.1)}.debug-info small{color:var(--text-muted);font-size:.75rem}.vote-success{animation:voteSuccess 2s ease-out;border-color:var(--action-success)!important}@keyframes voteSuccess{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 20px #689f3880}to{transform:scale(1)}}.vote-error{animation:voteError 2s ease-out;border-color:var(--action-danger)!important}@keyframes voteError{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.vote-updated{animation:countUpdate 1s ease-out;color:var(--action-success)!important;font-weight:700!important}@keyframes countUpdate{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.vote-count{font-size:.75rem;font-weight:600;color:var(--text-muted);transition:var(--transition-normal);background:#8b45131a;padding:.2rem .5rem;border-radius:12px;border:1px solid rgba(139,69,19,.2)}@media (max-width: 768px){.minimal-voting-header{flex-direction:column;gap:.75rem;align-items:stretch;padding:1rem}.live-updates-indicator{align-self:center}.public-projects-grid{grid-template-columns:1fr}.combinations-grid{grid-template-columns:1fr;gap:1rem}.thumbnails-only-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.title-vote-card{flex-direction:column;text-align:center;gap:.75rem}.title-info{flex-direction:row;min-width:auto;justify-content:space-between;width:100%}.project-input-group{flex-direction:column}}@media (max-width: 480px){.minimal-voting-header{padding:.75rem}.combinations-grid{gap:.75rem}.combination-card{padding:1rem}.thumbnail-image{height:100px}.voting-overlay{font-size:.8rem}.voting-spinner{width:20px;height:20px}.thumbnails-only-grid{grid-template-columns:1fr}.title-vote-card{padding:1rem}.title-number{width:32px;height:32px;font-size:.8rem}}Vote Page Styles .vote-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh}.vote-header{text-align:center;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,var(--background-primary),#F5E6D3);border-radius:var(--radius-large);border:1px solid var(--border-light)}.vote-header h1{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.project-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;max-width:600px;margin:0 auto}.voting-mode-section{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border-radius:var(--radius-large);border:2px solid #4A90E2}.voting-mode-section h3{margin-bottom:1rem;color:#2c5282;font-weight:600;text-align:center}.voting-mode-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.voting-mode-selector .mode-option{display:flex;flex-direction:column;padding:1rem;border:2px solid var(--border-light);border-radius:var(--radius-medium);background:#fff;cursor:pointer;transition:var(--transition-normal);position:relative}.voting-mode-selector .mode-option:hover{border-color:#4a90e2;transform:translateY(-1px);box-shadow:var(--shadow-light)}.voting-mode-selector .mode-option.active{border-color:#2c5282;background:linear-gradient(135deg,#f0f8ff,#e6f3ff);box-shadow:var(--shadow-medium)}.voting-mode-selector .mode-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.voting-mode-selector .mode-option span{font-weight:600;margin-bottom:.5rem;color:var(--text-primary);font-size:1rem}.voting-mode-selector .mode-option small{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.voting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.voting-set{background:#fff;border-radius:var(--radius-large);overflow:hidden;box-shadow:var(--shadow-medium);transition:var(--transition-normal);border:2px solid var(--border-light)}.voting-set:hover{transform:translateY(-2px);box-shadow:var(--shadow-heavy)}.set-content{display:flex;flex-direction:column}.thumbnail-section{position:relative}.thumbnail-container{position:relative;width:100%;height:200px;overflow:hidden}.thumbnail-container img{width:100%;height:100%;object-fit:cover;transition:var(--transition-normal)}.voting-set:hover .thumbnail-container img{transform:scale(1.02)}.vote-indicator{position:absolute;top:.5rem;right:.5rem;background:#000c;color:#fff;padding:.25rem .5rem;border-radius:var(--radius-small);font-size:.8rem;font-weight:600;z-index:10}.vote-indicator.thumbnail-voted{background:var(--action-success)}.vote-indicator.title-voted{background:var(--primary-brown)}.title-section{padding:1.5rem;flex-grow:1}.title-container{position:relative;margin-bottom:1rem}.set-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.4;min-height:2.8rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vote-btn{width:100%;padding:.75rem 1rem;border:none;border-radius:var(--radius-medium);font-weight:600;cursor:pointer;transition:var(--transition-normal);margin-top:.5rem;font-size:.9rem}.vote-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.thumbnail-vote{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.thumbnail-vote:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-light)}.thumbnail-vote.voted{background:var(--action-success)}.title-vote{background:linear-gradient(135deg,var(--primary-brown),var(--secondary-brown));color:#fff}.title-vote:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-light)}.title-vote.voted{background:var(--action-success)}.vote-result{padding:1rem 1.5rem;border-top:1px solid var(--border-light);background:#f8f9fa}.result-message{padding:.5rem;border-radius:var(--radius-small);font-size:.9rem;font-weight:500;margin-bottom:.5rem;text-align:center}.result-message.success{background:var(--status-published-bg);color:var(--status-published-text);border:1px solid var(--action-success)}.result-message.error{background:#ffebee;color:var(--action-danger);border:1px solid #F44336}.voting-status{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,var(--background-primary),#F5E6D3);border-radius:var(--radius-large);border:1px solid var(--border-light)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.status-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:var(--radius-medium);border:1px solid var(--border-light);box-shadow:var(--shadow-light)}.status-label{font-weight:600;color:var(--text-primary)}.status-value{font-weight:500;color:var(--text-secondary);padding:.25rem .5rem;background:#f8f9fa;border-radius:var(--radius-small)}.loading,.error{text-align:center;padding:3rem;font-size:1.2rem;color:var(--text-secondary)}.error{color:var(--action-danger);background:#ffebee;border-radius:var(--radius-medium);border:1px solid #F44336}@media (max-width: 768px){.vote-container{padding:1rem}.vote-header h1{font-size:2rem}.voting-mode-selector,.voting-grid,.status-grid{grid-template-columns:1fr}}@media (max-width: 480px){.vote-header,.voting-mode-section{padding:1rem}.thumbnail-container{height:150px}.title-section{padding:1rem}}.results-view-container{max-width:1200px;margin:0 auto}.results-overview{padding:0}.overview-header{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.overview-header h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.overview-header p{color:var(--gray-600);font-size:.9rem}.results-header{margin-bottom:1.5rem}.back-btn{padding:.5rem 1rem;background:var(--gray-100);color:var(--gray-700);border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500;font-size:.9rem;margin-bottom:1rem;transition:var(--transition)}.back-btn:hover{background:var(--gray-200)}.project-info h2{font-size:1.3rem;font-weight:600;color:var(--gray-900);margin-bottom:.75rem}.project-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.status-badge{padding:.25rem .5rem;border-radius:var(--border-radius);font-size:.75rem;font-weight:500}.status-draft{background:var(--gray-100);color:var(--gray-700)}.status-published{background:#d1fae5;color:#065f46}.status-closed{background:#fee2e2;color:#991b1b}.created-date,.published-date{font-size:.8rem;color:var(--gray-600)}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.summary-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:1.25rem;text-align:center}.summary-card h3{font-size:.9rem;font-weight:600;color:var(--gray-600);margin-bottom:.5rem}.summary-value{font-size:2rem;font-weight:700;color:var(--admin-blue)}.projects-results-list h3{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.project-results-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:1.25rem;cursor:pointer;transition:var(--transition)}.project-results-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-lg);border-color:var(--results-purple)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.card-header h4{font-size:1rem;font-weight:600;color:var(--gray-900);margin:0;flex:1;margin-right:.75rem}.project-description{color:var(--gray-600);font-size:.85rem;line-height:1.4;margin-bottom:1rem}.project-stats{margin-bottom:1rem}.stat-row{display:flex;justify-content:space-between;margin-bottom:.25rem}.stat-label{font-size:.8rem;color:var(--gray-600)}.stat-value{font-size:.8rem;color:var(--gray-900);font-weight:500}.card-action{text-align:center;padding-top:.75rem;border-top:1px solid var(--gray-200)}.view-results{color:var(--results-purple);font-weight:500;font-size:.9rem}.results-header-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--gray-50);border-radius:var(--border-radius)}.sort-controls{display:flex;align-items:center;gap:.5rem}.sort-controls label{font-size:.9rem;font-weight:500;color:var(--gray-700)}.sort-select{padding:.5rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:.9rem}.export-btn{padding:.5rem 1rem;background:var(--results-purple);color:var(--white);border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500;font-size:.9rem;transition:var(--transition)}.export-btn:hover{background:#7b1fa2}.analytics-overview{margin-bottom:2rem}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.analytics-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:1rem;text-align:center}.analytics-card h4{font-size:.8rem;font-weight:600;color:var(--gray-600);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.analytics-value{font-size:1.5rem;font-weight:700;color:var(--results-purple)}.winner-section{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #FFC107;border-radius:var(--border-radius-lg);padding:1.5rem;margin-bottom:2rem}.winner-section h3{font-size:1.2rem;font-weight:700;color:#856404;margin-bottom:1rem;text-align:center}.winner-card{display:flex;align-items:center;gap:1.5rem;background:var(--white);padding:1.5rem;border-radius:var(--border-radius);box-shadow:var(--card-shadow)}.winner-thumbnail{flex-shrink:0}.winner-details h4{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin-bottom:.75rem}.winner-stats{display:flex;gap:1rem;margin-bottom:.5rem}.winner-votes{font-size:1rem;font-weight:700;color:var(--voting-green)}.winner-percentage{font-size:.9rem;color:var(--gray-600)}.winner-confidence{display:flex;gap:.5rem;align-items:center}.confidence-label{font-size:.8rem;color:var(--gray-600)}.confidence-value{font-size:.8rem;font-weight:600;color:var(--results-purple)}.detailed-results-section{background:var(--white);border-radius:var(--border-radius-lg);padding:1.5rem;border:1px solid var(--gray-200)}.detailed-results-section h3{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.results-table-container{overflow-x:auto}.results-table{width:100%;border-collapse:collapse;font-size:.9rem}.results-table th{background:var(--gray-50);color:var(--gray-700);font-weight:600;padding:.75rem;text-align:left;border-bottom:2px solid var(--gray-200);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.results-table td{padding:1rem .75rem;border-bottom:1px solid var(--gray-200);vertical-align:middle}.results-table tr.top-result{background:linear-gradient(135deg,#fff9c4,#fff3cd)}.rank-cell{text-align:center;width:80px}.rank-number{font-weight:600;color:var(--gray-700)}.crown{margin-left:.25rem}.thumbnail-cell{width:120px;text-align:center}.table-thumbnail{width:60px;height:40px;object-fit:cover;border-radius:var(--border-radius);border:1px solid var(--gray-200);margin-bottom:.25rem}.thumbnail-label{display:block;font-size:.7rem;color:var(--gray-500)}.title-cell{max-width:200px}.title-text{font-weight:500;color:var(--gray-900);margin-bottom:.25rem;line-height:1.3}.title-label{font-size:.7rem;color:var(--gray-500)}.votes-cell{text-align:center;width:80px}.votes-number{font-weight:600;color:var(--voting-green);font-size:1rem}.percentage-cell{width:120px}.percentage-number{font-weight:600;color:var(--results-purple);margin-bottom:.25rem;display:block}.percentage-bar{width:100%;height:6px;background:var(--gray-200);border-radius:3px;overflow:hidden}.percentage-fill{height:100%;background:linear-gradient(90deg,var(--results-purple),#7B1FA2);transition:width .3s ease}.performance-cell{text-align:center;width:100px}.performance-badge{padding:.25rem .5rem;border-radius:var(--border-radius);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.performance-badge.excellent{background:#d1fae5;color:#065f46}.performance-badge.good{background:#dbeafe;color:#1e40af}.performance-badge.average{background:#fef3c7;color:#92400e}.performance-badge.poor{background:#fee2e2;color:#991b1b}.no-results-message,.no-votes-message{text-align:center;padding:2rem;background:var(--gray-50);border-radius:var(--border-radius);border:1px solid var(--gray-200)}.no-results-message h4,.no-votes-message h3{color:var(--gray-700);margin-bottom:.5rem}.no-results-message p,.no-votes-message p{color:var(--gray-600);margin-bottom:1rem}.share-info{background:var(--white);padding:.75rem;border-radius:var(--border-radius);border:1px solid var(--gray-300);font-family:monospace;font-size:.9rem;color:var(--gray-800)}@media (max-width: 768px){.results-header-controls{flex-direction:column;gap:1rem;align-items:stretch}.analytics-grid,.analytics-summary{grid-template-columns:repeat(2,1fr)}.results-grid{grid-template-columns:1fr}.winner-card{flex-direction:column;text-align:center}.winner-stats{justify-content:center}.results-table{font-size:.8rem}.results-table th,.results-table td{padding:.5rem .25rem}.table-thumbnail{width:40px;height:30px}.title-cell{max-width:150px}}@media (max-width: 480px){.analytics-grid,.analytics-summary{grid-template-columns:1fr}.project-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}.loading-state,.error-state{text-align:center;padding:3rem}.error-icon{font-size:3rem;margin-bottom:1rem}.error-state h3{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem}.error-state p{color:var(--gray-600);margin-bottom:1.5rem}.retry-btn,.create-project-btn{padding:.75rem 1.5rem;background:var(--admin-blue);color:var(--white);border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:var(--transition)}.retry-btn:hover,.create-project-btn:hover{background:#3367d6}.loading-spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top:3px solid var(--results-purple);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.results-selector{margin-bottom:2rem;padding:1.25rem;background:var(--gray-50);border-radius:var(--border-radius-lg);border:1px solid var(--gray-200)}.results-selector h3{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:1rem}.results-input-group{display:flex;gap:.75rem}.results-input{flex:1;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:.9rem;transition:var(--transition)}.results-input:focus{outline:none;border-color:var(--results-purple);box-shadow:0 0 0 3px #9c27b01a}.load-results-btn{padding:.75rem 1.25rem;background:var(--results-purple);color:var(--white);border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500;font-size:.9rem;transition:var(--transition)}.load-results-btn:hover:not(:disabled){background:#7b1fa2}.load-results-btn:disabled{background:var(--gray-400);cursor:not-allowed}.error-message{padding:1rem;margin-bottom:1.5rem;background:#fee2e2;color:#991b1b;border:1px solid #FECACA;border-radius:var(--border-radius);font-size:.9rem}.header-actions{display:flex;gap:.5rem}.refresh-btn{padding:.5rem 1rem;background:var(--voting-green);color:var(--white);border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500;font-size:.9rem;transition:var(--transition)}.refresh-btn:hover:not(:disabled){background:#2e7d32}.refresh-btn:disabled{background:var(--gray-400);cursor:not-allowed}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.live-indicator{font-size:.8rem;color:#dc2626;font-weight:500;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.results-header-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--gray-50);border-radius:var(--border-radius);flex-wrap:wrap;gap:1rem}.percentage-fill{min-width:2px}@media (max-width: 768px){.results-header-controls{flex-direction:column;align-items:stretch}.header-actions{justify-content:center}.section-header{flex-direction:column;gap:.5rem;align-items:flex-start}}.thumbnail-container{display:flex;flex-direction:column;align-items:center;gap:.25rem}.table-thumbnail{width:80px;height:60px;object-fit:cover;border-radius:var(--border-radius);border:2px solid var(--gray-200);transition:var(--transition)}.table-thumbnail:hover{border-color:var(--results-purple);transform:scale(1.05)}.thumbnail-placeholder{width:80px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--gray-100);border:2px dashed var(--gray-300);border-radius:var(--border-radius);font-size:1.5rem;color:var(--gray-400)}.thumbnail-label{font-size:.7rem;color:var(--gray-500);font-weight:500}.thumbnail-cell{width:120px;text-align:center;padding:.75rem .5rem}.winner-image{width:120px;height:80px;object-fit:cover;border-radius:var(--border-radius);border:2px solid #FFC107}@media (max-width: 768px){.table-thumbnail,.thumbnail-placeholder{width:60px;height:45px}.winner-image{width:100px;height:65px}.thumbnail-cell{width:80px;padding:.5rem .25rem}}.results-overview{background:linear-gradient(135deg,var(--background-primary),#F5E6D3);border-radius:var(--radius-large);padding:2rem;box-shadow:var(--shadow-medium)}.overview-header{background:linear-gradient(135deg,var(--secondary-brown),var(--accent-brown));color:var(--background-primary);padding:2rem;border-radius:var(--radius-large);margin-bottom:2rem;box-shadow:var(--shadow-medium);text-align:center}.overview-header h2{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{background:linear-gradient(135deg,var(--background-primary),#FFF8F0);border:1px solid var(--border-light);border-radius:var(--radius-large);padding:2rem;text-align:center;box-shadow:var(--shadow-light);transition:var(--transition-normal);position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-brown),var(--accent-brown))}.summary-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.summary-card h3{color:var(--text-secondary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem}.summary-value{font-size:2.5rem;font-weight:700;color:var(--primary-brown);text-shadow:0 2px 4px rgba(139,69,19,.1)}.results-header-controls{background:linear-gradient(135deg,var(--background-secondary),#F0E68C);border:1px solid var(--border-medium);border-radius:var(--radius-large);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-light)}.refresh-btn{background:linear-gradient(135deg,var(--action-success),#7CB342);padding:.75rem 1.25rem;border-radius:var(--radius-medium);font-weight:600;box-shadow:var(--shadow-light)}.refresh-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.export-btn{background:linear-gradient(135deg,var(--secondary-brown),var(--accent-brown));padding:.75rem 1.25rem;border-radius:var(--radius-medium);font-weight:600;box-shadow:var(--shadow-light)}.export-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.winner-section{background:linear-gradient(135deg,#fff8dc,khaki);border:2px solid var(--accent-brown);border-radius:var(--radius-large);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-medium);position:relative;overflow:hidden}.winner-section:before{content:"🏆";position:absolute;top:1rem;right:1rem;font-size:3rem;opacity:.1}.winner-section h3{color:var(--primary-brown);font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(139,69,19,.1)}.detailed-results-section{background:var(--background-primary);border-radius:var(--radius-large);padding:2rem;border:1px solid var(--border-light);box-shadow:var(--shadow-light)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-light)}.section-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:700}.live-indicator{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:var(--action-danger);padding:.5rem 1rem;border-radius:var(--radius-medium);font-weight:600;border:1px solid #FFCDD2;animation:pulse 2s infinite}.results-table{background:var(--background-primary);border-radius:var(--radius-medium);overflow:hidden;box-shadow:var(--shadow-light)}.results-table th{background:linear-gradient(135deg,var(--background-secondary),#F0E68C);color:var(--text-primary);font-weight:600;padding:1rem .75rem;border-bottom:2px solid var(--border-medium)}.results-table tr.top-result{background:linear-gradient(135deg,#fff8dc,khaki);border:2px solid var(--accent-brown)}.live-indicator{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border:1px solid var(--action-success);border-radius:var(--radius-medium);font-size:.9rem;font-weight:500;color:var(--status-published-text);margin-bottom:1rem}.pulse-dot{width:8px;height:8px;background:red;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.last-updated{font-size:.75rem;color:var(--text-muted);margin-left:auto}.header-controls{display:flex;align-items:center;gap:1rem}.auto-refresh-toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}.toggle-label{-webkit-user-select:none;user-select:none}.refresh-btn,.export-btn{padding:.5rem 1rem;background:linear-gradient(135deg,var(--action-success),#7CB342);color:#fff;border:none;border-radius:var(--radius-medium);cursor:pointer;font-weight:500;transition:var(--transition-normal)}.refresh-btn:hover,.export-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.export-btn{background:linear-gradient(135deg,var(--secondary-brown),var(--accent-brown))}.vote-summary{display:flex;gap:2rem;margin-bottom:1.5rem}.summary-item{text-align:center}.summary-value{display:block;font-size:2rem;font-weight:700;color:var(--primary-brown)}.summary-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.winner-section{margin-bottom:2rem}.winner-card{background:linear-gradient(135deg,#fff8dc,khaki);border:2px solid var(--accent-brown);border-radius:var(--radius-large);padding:2rem;position:relative;overflow:hidden}.winner-badge{position:absolute;top:1rem;right:1rem;background:var(--accent-brown);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-medium);font-weight:600;font-size:.9rem}.winner-content{display:flex;align-items:center;gap:1.5rem}.winner-thumbnail{width:120px;height:80px;object-fit:cover;border-radius:var(--radius-medium);border:2px solid var(--accent-brown)}.winner-stats{display:flex;gap:1rem;margin-top:.5rem}.winner-stats .votes{background:var(--action-success);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-medium);font-weight:600;font-size:.9rem}.winner-stats .percentage{background:var(--primary-brown);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-medium);font-weight:600;font-size:.9rem}.results-table{background:#fff;border-radius:var(--radius-medium);overflow:hidden;box-shadow:var(--shadow-light)}.table-header,.table-row{display:grid;grid-template-columns:60px 100px 2fr 80px 150px 100px;gap:1rem;padding:1rem;align-items:center}.table-header{background:linear-gradient(135deg,var(--background-secondary),#F0E68C);font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--border-medium)}.table-row{border-bottom:1px solid var(--border-light)}.table-row.top-result{background:linear-gradient(135deg,#fff8dc,khaki);border:2px solid var(--accent-brown)}.result-thumbnail{width:60px;height:40px;object-fit:cover;border-radius:var(--radius-small);border:1px solid var(--border-light)}.percentage-bar{position:relative;background:var(--border-light);border-radius:var(--radius-medium);height:24px;overflow:hidden}.percentage-fill{background:linear-gradient(135deg,var(--action-success),#7CB342);height:100%;transition:width .5s ease-in-out}.percentage-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary)}.performance-badge{padding:.25rem .5rem;border-radius:var(--radius-medium);font-size:.75rem;font-weight:600}.performance-badge.excellent{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);color:var(--status-published-text);border:1px solid var(--action-success)}.performance-badge.good{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;border:1px solid #2196F3}.performance-badge.average{background:linear-gradient(135deg,#fff8e1,#ffecb3);color:var(--action-warning);border:1px solid #FFC107}.performance-badge.poor{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:var(--action-danger);border:1px solid #F44336}.no-votes{text-align:center;padding:3rem;background:linear-gradient(135deg,var(--background-primary),#F5E6D3);border-radius:var(--radius-large);border:1px solid var(--border-light)}@media (max-width: 768px){.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.header-controls{flex-direction:column;gap:.5rem}.winner-content{flex-direction:column;text-align:center}.vote-summary{gap:1rem}}.results-page{max-width:1200px;margin:0 auto;padding:1rem}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-light)}.results-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.back-btn{padding:.5rem 1rem;background:linear-gradient(135deg,var(--background-secondary),#F0E68C);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-medium);cursor:pointer;font-weight:500;font-size:.9rem;transition:var(--transition-normal);box-shadow:var(--shadow-light)}.back-btn:hover{background:linear-gradient(135deg,khaki,#deb887);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.refresh-btn{padding:.75rem 1rem;background:linear-gradient(135deg,var(--action-success),#7CB342);color:#fff;border:none;border-radius:var(--radius-medium);cursor:pointer;font-weight:500;transition:var(--transition-normal)}.refresh-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.projects-selection h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.project-card.clickable{background:linear-gradient(135deg,var(--background-primary),#FFF8F0);border:1px solid var(--border-light);border-radius:var(--radius-large);padding:1.5rem;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-light);position:relative;overflow:hidden}.project-card.clickable:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-brown),var(--accent-brown));transform:scaleX(0);transition:transform .3s ease}.project-card.clickable:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium);border-color:var(--accent-brown);background:linear-gradient(135deg,#fff8f0,#f5e6d3)}.project-card.clickable:hover:before{transform:scaleX(1)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.project-header h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;margin-right:1rem}.project-description{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin-bottom:1rem}.project-meta{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted);margin-bottom:1rem}.project-actions{text-align:center;padding-top:1rem;border-top:1px solid var(--border-light)}.view-results{color:var(--primary-brown);font-weight:600;font-size:.9rem}.loading-state,.error-state,.empty-state{text-align:center;padding:3rem;background:linear-gradient(135deg,var(--background-primary),#F5E6D3);border-radius:var(--radius-large);border:1px solid var(--border-light);box-shadow:var(--shadow-light)}.retry-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-brown),var(--secondary-brown));color:var(--background-primary);border:none;border-radius:var(--radius-medium);cursor:pointer;font-weight:500;transition:var(--transition-normal);box-shadow:var(--shadow-light)}.retry-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.status-badge{padding:.3rem .6rem;border-radius:var(--radius-medium);font-size:.75rem;font-weight:600;text-transform:uppercase}@media (max-width: 768px){.results-header{flex-direction:column;gap:1rem;align-items:flex-start}.projects-grid{grid-template-columns:1fr}.project-meta{flex-direction:column;gap:.5rem;align-items:flex-start}}:root{--primary-brown: #8B4513;--secondary-brown: #A0522D;--accent-brown: #CD853F;--background-primary: #FFF8F0;--background-secondary: #F5E6D3;--surface-color: #F0E68C;--text-primary: #3E2723;--text-secondary: #5D4037;--text-muted: #8D6E63;--border-light: #D7CCC8;--border-medium: #BCAAA4;--border-dark: #A1887F;--status-draft: #EFEBE9;--status-draft-text: #6D4C41;--status-published: #E8F5E8;--status-published-text: #2E7D32;--status-closed: #FFEBEE;--status-closed-text: #C62828;--action-primary: #D84315;--action-secondary: #FF8A65;--action-success: #689F38;--action-warning: #F57C00;--action-danger: #D32F2F;--shadow-light: 0 2px 4px rgba(139, 69, 19, .1);--shadow-medium: 0 4px 8px rgba(139, 69, 19, .15);--shadow-heavy: 0 8px 16px rgba(139, 69, 19, .2);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--radius-small: 4px;--radius-medium: 8px;--radius-large: 12px;--radius-full: 50%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--background-primary);color:var(--text-primary);line-height:1.6;font-size:14px}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,var(--background-secondary),var(--surface-color));border-bottom:1px solid var(--border-medium);box-shadow:var(--shadow-light);position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{width:28px;height:28px;background:linear-gradient(135deg,var(--primary-brown),var(--secondary-brown));color:var(--background-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;box-shadow:var(--shadow-light)}.logo h1{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.logo-subtitle{font-size:.75rem;color:var(--text-muted);font-weight:400}.header-actions,.user-menu{display:flex;align-items:center;gap:.75rem}.user-info{font-size:.75rem;color:var(--text-secondary);background:var(--background-primary);padding:.25rem .5rem;border-radius:var(--radius-medium);border:1px solid var(--border-light)}.login-btn,.logout-btn{padding:.4rem .8rem;background:linear-gradient(135deg,var(--action-primary),var(--action-secondary));color:var(--background-primary);border:none;border-radius:var(--radius-medium);cursor:pointer;font-weight:500;font-size:.8rem;transition:var(--transition-normal);box-shadow:var(--shadow-light)}.login-btn:hover,.logout-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.nav-tabs{background:var(--background-secondary);border-bottom:1px solid var(--border-medium)}.nav-content{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;gap:1.5rem}.nav-tab{padding:.75rem 0;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;border-bottom:2px solid transparent;transition:var(--transition-normal);position:relative}.nav-tab:hover{color:var(--primary-brown)}.nav-tab.active{color:var(--primary-brown);border-bottom-color:var(--primary-brown)}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:1.5rem;width:100%}.page{background:var(--background-primary);border-radius:var(--radius-large);box-shadow:var(--shadow-light);padding:1.25rem;margin-bottom:1rem;border:1px solid var(--border-light)}.create-project-btn,.empty-action-btn,.submit-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--action-success),#7CB342);color:var(--background-primary);border:none;border-radius:var(--radius-medium);cursor:pointer;font-weight:500;font-size:.9rem;transition:var(--transition-normal);box-shadow:var(--shadow-light)}.create-project-btn:hover,.empty-action-btn:hover,.submit-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-medium)}.project-card,.public-project-card{background:var(--background-primary);border:1px solid var(--border-light);border-radius:var(--radius-large);padding:1.25rem;transition:var(--transition-normal);box-shadow:var(--shadow-light)}.project-card:hover,.public-project-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium);border-color:var(--border-medium)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.project-header h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;margin-right:.75rem}.status-badge{padding:.25rem .5rem;border-radius:var(--radius-medium);font-size:.75rem;font-weight:500}.status-draft{background:var(--status-draft);color:var(--status-draft-text)}.status-published{background:var(--status-published);color:var(--status-published-text)}.status-closed{background:var(--status-closed);color:var(--status-closed-text)}.project-actions{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn{padding:.5rem .75rem;border:none;border-radius:var(--radius-medium);cursor:pointer;font-weight:500;font-size:.8rem;transition:var(--transition-normal);flex:1;min-width:70px}.action-btn.publish{background:linear-gradient(135deg,var(--action-success),#7CB342);color:var(--background-primary)}.action-btn.unpublish{background:linear-gradient(135deg,var(--text-muted),#757575);color:var(--background-primary)}.action-btn.results{background:linear-gradient(135deg,var(--secondary-brown),var(--accent-brown));color:var(--background-primary)}.action-btn.edit{background:linear-gradient(135deg,var(--action-warning),#FFB74D);color:var(--background-primary)}.action-btn.delete{background:linear-gradient(135deg,var(--action-danger),#E57373);color:var(--background-primary)}.action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-light)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary);font-size:.9rem}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-medium);border-radius:var(--radius-medium);font-size:.9rem;transition:var(--transition-normal);background:var(--background-primary);color:var(--text-primary)}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-brown);box-shadow:0 0 0 3px #8b45131a}.loading-state,.error-state,.empty-state{text-align:center;padding:3rem}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top:3px solid var(--primary-brown);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{padding:1rem;margin-bottom:1.5rem;background:var(--status-closed);color:var(--status-closed-text);border:1px solid #FFCDD2;border-radius:var(--radius-medium);font-size:.9rem}.upload-result.success,.submit-result.success{background:var(--status-published);color:var(--status-published-text);border:1px solid #C8E6C9}.upload-result.error,.submit-result.error{background:var(--status-closed);color:var(--status-closed-text);border:1px solid #FFCDD2}.modal-overlay{position:fixed;inset:0;background:#3e272380;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--background-primary);border-radius:var(--radius-large);box-shadow:var(--shadow-heavy);width:100%;max-width:400px;margin:1rem;border:1px solid var(--border-medium)}.modal-header{padding:1.5rem 1.5rem 0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-medium);transition:var(--transition-fast)}.modal-close:hover{background:var(--background-secondary);color:var(--text-primary)}@media (max-width: 768px){.header-content{padding:.5rem 1rem;flex-direction:row;gap:.5rem}.logo{gap:.25rem}.logo h1{font-size:1.1rem}.logo-subtitle{display:none}.nav-content{padding:0 1rem;gap:1rem}.nav-tab{padding:.5rem 0;font-size:.8rem}.main-content{padding:1rem}.project-actions{flex-direction:column}.action-btn{flex:none}}@media (max-width: 480px){body{font-size:13px}.header-content{padding:.4rem .75rem}.main-content{padding:.75rem}}.combinations-grid .combination-card{background:var(--background-primary);border:2px solid var(--border-light);border-radius:var(--radius-large);transition:var(--transition-normal)}.combinations-grid .combination-card:hover{border-color:var(--primary-brown);box-shadow:var(--shadow-medium)}.combinations-grid .combination-card.selected{border-color:var(--action-success);background:linear-gradient(135deg,var(--background-primary),var(--status-published))}.compact-project-header{background:linear-gradient(135deg,var(--secondary-brown),var(--accent-brown));color:var(--background-primary);border-radius:var(--radius-large);box-shadow:var(--shadow-medium)}.project-description{background:#fff8f04d;border:1px solid rgba(255,248,240,.5)}.sets-count{background:#fff8f040;border:1px solid rgba(255,248,240,.4)}.modal-content.modern-login{max-width:420px;background:var(--background-primary);border:none;box-shadow:0 20px 40px #8b451326}.login-brand{display:flex;align-items:center;gap:.75rem}.login-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-brown),var(--secondary-brown));border-radius:var(--radius-medium);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.login-brand h3{color:var(--text-primary);font-weight:600;margin:0}.login-form{padding:2rem 1.5rem 1.5rem}.login-form .form-group{margin-bottom:1.5rem}.login-form .form-group label{font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem}.login-form input{padding:.875rem 1rem;border:2px solid var(--border-light);border-radius:var(--radius-medium);font-size:1rem;transition:var(--transition-normal);background:var(--background-primary)}.login-form input:focus{border-color:var(--primary-brown);box-shadow:0 0 0 3px #8b45131a}.login-submit{background:linear-gradient(135deg,var(--primary-brown),var(--secondary-brown));padding:.875rem 2rem;font-size:1rem;font-weight:600;border-radius:var(--radius-medium)}.login-submit:hover{transform:translateY(-1px);box-shadow:0 8px 20px #8b451333}.vote-notifications{position:relative}.notifications-btn{padding:.5rem .75rem;background:linear-gradient(135deg,var(--action-warning),#FFB74D);color:#fff;border:none;border-radius:var(--radius-medium);cursor:pointer;font-weight:500;transition:var(--transition-normal)}.notifications-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--border-medium);border-radius:var(--radius-medium);box-shadow:var(--shadow-medium);width:300px;z-index:1000}.notifications-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-light)}.notification-item{padding:.75rem 1rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.notification-time{font-size:.75rem;color:var(--text-muted)}.global-vote-notification{position:fixed;top:1rem;right:1rem;background:linear-gradient(135deg,var(--action-success),#7CB342);color:#fff;padding:1rem 1.5rem;border-radius:var(--radius-large);box-shadow:var(--shadow-heavy);z-index:2000;animation:slideInFromRight .3s ease-out}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-content{display:flex;align-items:center;gap:.75rem}.vote-confirmation-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:2rem;border-radius:var(--radius-large);box-shadow:var(--shadow-heavy);z-index:3000;animation:popIn .3s ease-out}@keyframes popIn{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.confirmation-content{text-align:center}.confirmation-icon{font-size:3rem;margin-bottom:1rem}