.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.login-container{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:450px;width:100%}.login-title{margin:0 0 .5rem;color:#2c3e50;text-align:center;font-size:2rem}.login-subtitle{margin:0 0 2rem;color:#7f8c8d;text-align:center;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#2c3e50;font-size:.95rem}.form-group input{padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.error-message{background-color:#fee;color:#c33;padding:.75rem;border-radius:4px;font-size:.9rem;text-align:center}.login-btn{background-color:#3498db;color:#fff;border:none;padding:1rem;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.login-btn:hover{background-color:#2980b9}.quick-login{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.quick-login p{margin:0 0 1rem;color:#7f8c8d;text-align:center;font-size:.9rem}.quick-login-buttons{display:flex;gap:1rem}.quick-login-btn{flex:1;padding:.75rem;border:2px solid;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.quick-login-btn.admin{background:#fff;color:#e74c3c;border-color:#e74c3c}.quick-login-btn.admin:hover{background:#e74c3c;color:#fff}.quick-login-btn.guest{background:#fff;color:#27ae60;border-color:#27ae60}.quick-login-btn.guest:hover{background:#27ae60;color:#fff}.login-info{margin-top:1.5rem;padding:1rem;background:#f8f9fa;border-radius:6px}.login-info p{margin:0 0 .5rem;font-weight:600;color:#2c3e50;font-size:.9rem}.login-info ul{margin:0;padding-left:1.5rem;color:#555;font-size:.85rem}.login-info li{margin:.25rem 0}.header{background-color:#2c3e50;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.header-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center}.header-title{font-size:1.5rem;margin:0;cursor:pointer;transition:opacity .2s}.header-title:hover{opacity:.8}.header-nav{display:flex;align-items:center;gap:1.5rem}.nav-link{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.nav-link:hover{background-color:#ffffff1a}.user-info{color:#ecf0f1;font-size:.9rem}.logout-btn{background-color:#e74c3c;border:none;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.logout-btn:hover{background-color:#c0392b}.footer{background-color:#34495e;color:#ecf0f1;padding:1.5rem 0;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.footer p{margin:0;font-size:.9rem}.poll-response-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .2s;border:1px solid #e0e0e0}.poll-response-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.poll-response-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.poll-response-header h3{margin:0;color:#2c3e50;font-size:1.25rem;flex:1}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:600;white-space:nowrap}.status-badge.in-progress{background-color:#3498db;color:#fff}.status-badge.completed{background-color:#27ae60;color:#fff}.status-badge.draft{background-color:#95a5a6;color:#fff}.poll-response-description{color:#555;margin-bottom:1rem;line-height:1.5}.poll-response-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid #e0e0e0}.question-count{color:#7f8c8d;font-size:.9rem}.button-group{display:flex;gap:.5rem}.take-poll-btn,.view-results-btn{background-color:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .2s}.take-poll-btn:hover,.view-results-btn:hover{background-color:#2980b9}.view-results-btn{background-color:#27ae60}.view-results-btn:hover{background-color:#229954}.active-polls-page{max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:2rem}.page-header h1{color:#2c3e50;margin-bottom:.5rem}.filters{display:flex;gap:1rem;margin-bottom:2rem}.filter-btn{padding:.75rem 1.5rem;background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;color:#555;transition:all .2s}.filter-btn:hover{border-color:#3498db;color:#3498db}.filter-btn.active{background-color:#3498db;border-color:#3498db;color:#fff}.polls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.no-polls{text-align:center;padding:3rem;background:#fff;border-radius:8px;color:#7f8c8d}.no-polls p{margin:0;font-size:1.1rem}.poll-question{background:#fff;padding:2rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.question-text{color:#2c3e50;margin-bottom:1.5rem;font-size:1.25rem}.options-list{display:flex;flex-direction:column;gap:1rem}.option-label{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s}.option-label:hover{background:#e9ecef;border-color:#3498db}.option-label input[type=radio]{cursor:pointer;width:18px;height:18px}.option-label span{font-size:1rem;color:#2c3e50}.text-response-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.text-response-section label{display:block;font-weight:600;margin-bottom:.5rem;color:#555}.text-response-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit;resize:vertical;box-sizing:border-box}.text-response-input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.take-poll-page{max-width:800px;margin:0 auto}.poll-header{background:#fff;padding:2rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.poll-header h1{color:#2c3e50;margin:0 0 .5rem}.poll-description{color:#7f8c8d;margin:0;font-size:1.1rem}.progress-section{background:#fff;padding:1.5rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.progress-bar-container{height:12px;background-color:#ecf0f1;border-radius:6px;overflow:hidden;margin-bottom:.5rem}.progress-bar{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);transition:width .3s ease}.progress-text{color:#7f8c8d;font-size:.9rem}.questions-container{margin-bottom:2rem}.question-number{color:#7f8c8d;font-size:.9rem;margin-bottom:.5rem;font-weight:600}.submit-section{display:flex;gap:1rem;margin-bottom:2rem}.submit-btn,.cancel-btn{flex:1;padding:1rem;border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .2s}.submit-btn{background-color:#27ae60;color:#fff}.submit-btn:hover{background-color:#229954}.cancel-btn{background-color:#95a5a6;color:#fff}.cancel-btn:hover{background-color:#7f8c8d}.success-message{background:#fff;padding:3rem;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000001a}.success-message h2{color:#27ae60;margin:0 0 1rem}.success-message p{color:#7f8c8d;margin:0 0 2rem;font-size:1.1rem}.back-btn{background-color:#3498db;color:#fff;border:none;padding:1rem 2rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600}.back-btn:hover{background-color:#2980b9}.pie-chart-container{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.chart-title{color:#2c3e50;margin-bottom:1rem;font-size:1.25rem;text-align:center}.poll-results{background:#fff;padding:2rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.results-question{color:#2c3e50;margin-bottom:1.5rem;font-size:1.25rem}.results-breakdown{display:flex;flex-direction:column;gap:1rem}.result-item{display:flex;flex-direction:column;gap:.5rem}.result-label{display:flex;justify-content:space-between;align-items:center}.option-text{font-weight:500;color:#2c3e50}.result-stats{color:#7f8c8d;font-size:.9rem}.result-bar-container{height:30px;background-color:#ecf0f1;border-radius:4px;overflow:hidden}.result-bar{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);transition:width .3s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem}.total-responses{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e0e0e0;color:#7f8c8d;font-size:.9rem;font-weight:600}.view-results-page{max-width:1000px;margin:0 auto}.results-header{background:#fff;padding:2rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:start}.results-header h1{color:#2c3e50;margin:0 0 .5rem}.total-responses{color:#3498db;font-weight:600;margin:.5rem 0 0;font-size:1.1rem}.back-link{background:none;border:2px solid #3498db;color:#3498db;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.back-link:hover{background-color:#3498db;color:#fff}.view-mode-toggle{display:flex;gap:1rem;margin-bottom:2rem;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.toggle-btn{flex:1;padding:.75rem;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;color:#555;transition:all .2s}.toggle-btn:hover{border-color:#3498db;color:#3498db}.toggle-btn.active{background-color:#3498db;border-color:#3498db;color:#fff}.results-content{display:flex;flex-direction:column;gap:2rem}.question-result-section{display:flex;flex-direction:column;gap:1.5rem}.text-responses-section{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.text-responses-section h3{color:#2c3e50;margin:0 0 1.5rem;font-size:1.25rem}.text-responses-list{display:flex;flex-direction:column;gap:1rem;max-height:500px;overflow-y:auto;padding-right:1rem}.text-responses-list::-webkit-scrollbar{width:8px}.text-responses-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.text-responses-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.text-responses-list::-webkit-scrollbar-thumb:hover{background:#555}.text-response-item{background:#f8f9fa;padding:1.25rem;border-radius:6px;border-left:4px solid #3498db}.response-text{color:#2c3e50;margin:0 0 .5rem;line-height:1.6}.response-username{color:#3498db;font-size:.9rem;font-weight:600}.poll-creator{max-width:800px;margin:0 auto}.poll-creator-section{margin-bottom:2rem}.poll-creator-section label{display:block;font-weight:600;margin-bottom:.5rem;color:#2c3e50}.poll-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;box-sizing:border-box}.poll-textarea{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit;resize:vertical;box-sizing:border-box}.question-box{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1rem;border:1px solid #e0e0e0}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.question-header h4{margin:0;color:#2c3e50}.remove-btn{background-color:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem}.remove-btn:hover{background-color:#c0392b}.options-section{margin-top:1rem}.options-section label{font-size:.9rem;color:#555}.option-row{display:flex;gap:.5rem;margin-bottom:.5rem;align-items:center}.remove-option-btn{background-color:#95a5a6;color:#fff;border:none;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.remove-option-btn:hover{background-color:#7f8c8d}.add-option-btn{background-color:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;margin-top:.5rem}.add-option-btn:hover{background-color:#2980b9}.checkbox-row{margin-top:1rem}.checkbox-row label{display:flex;align-items:center;gap:.5rem;font-weight:400;font-size:.9rem;color:#555}.checkbox-row input[type=checkbox]{width:auto;cursor:pointer}.add-question-btn{background-color:#27ae60;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;width:100%}.add-question-btn:hover{background-color:#229954}.poll-creator-actions{display:flex;gap:1rem;margin-top:2rem}.save-btn,.publish-btn{flex:1;padding:1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600}.save-btn{background-color:#95a5a6;color:#fff}.save-btn:hover{background-color:#7f8c8d}.publish-btn{background-color:#27ae60;color:#fff}.publish-btn:hover{background-color:#229954}.page-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;background-color:#f5f6fa;padding:2rem}.create-poll-page{max-width:900px;margin:0 auto}.create-poll-page h1{color:#2c3e50;margin-bottom:.5rem}.page-description{color:#7f8c8d;margin-bottom:2rem;font-size:1.1rem}.message{padding:1rem;border-radius:6px;margin-bottom:1.5rem;font-weight:500}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.loading{text-align:center;padding:1rem;color:#3498db;font-weight:600}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}