body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:10px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:2rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h2{color:#333;font-size:1.8rem;margin:0 0 .5rem}.login-header p{color:#666;font-size:.9rem;margin:0}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group label{color:#333}.form-group input{border:2px solid #e1e1e1;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.form-group input:focus{border-color:#667eea;outline:none}.form-group input:disabled{background-color:#f5f5f5}.error-message{background-color:#ffeaea;border:1px solid #f5c6cb;border-radius:4px;color:#e74c3c;font-size:.9rem;padding:.5rem;text-align:center}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:.5rem;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.login-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.login-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:480px){.login-card{margin:10px;padding:1.5rem}.login-header h2{font-size:1.5rem}}.layout{display:flex;flex-direction:column;min-height:100vh}.navbar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.navbar-brand h1{font-size:1.5rem;font-weight:600;margin:0}.navbar-nav{display:flex;flex:1 1;gap:1rem;justify-content:center}.nav-link{background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.nav-link:hover{background-color:#ffffff1a}.nav-link.active{background-color:#fff3;font-weight:500}.navbar-user{align-items:center;display:flex;gap:1rem}.user-info{align-items:flex-end;display:flex;flex-direction:column;gap:.2rem}.user-name{font-size:.9rem;font-weight:500}.user-role{background-color:#fff3;border-radius:12px;font-size:.75rem;opacity:.8;padding:.2rem .5rem;text-transform:capitalize}.logout-button{background-color:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s ease}.logout-button:hover{background-color:#fff3}.main-content{background-color:#f8f9fa;flex:1 1;min-height:calc(100vh - 80px);padding:2rem}@media (max-width:768px){.navbar{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.navbar-brand{text-align:center}.navbar-nav{flex-wrap:wrap;justify-content:center}.navbar-user{flex-direction:column;gap:.5rem;justify-content:center}.user-info{align-items:center}.main-content{padding:1rem}}@media (max-width:480px){.navbar-nav{flex-direction:column;gap:.5rem}.nav-link{text-align:center}}.dashboard{margin:0 auto;max-width:1200px;padding:0}.dashboard-header{margin-bottom:2rem;text-align:center}.dashboard-header h1{color:#2c3e50;font-size:2.2rem;font-weight:600;margin:0 0 .5rem}.welcome-message{color:#7f8c8d;font-size:1.1rem;margin:0 0 1rem}.refresh-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.refresh-button:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.dashboard-loading{align-items:center;color:#7f8c8d;display:flex;font-size:1.1rem;height:200px;justify-content:center}.no-data p{margin:.5rem 0}.questions-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(600px,1fr))}.question-header{border-bottom:2px solid #f8f9fa;margin-bottom:1.5rem;padding-bottom:1rem}.question-title{font-size:1.3rem;margin:0 0 .5rem}.votes-count{color:#7f8c8d;font-size:.9rem;font-weight:500}.summary-stats{margin-bottom:1.5rem}.average-rating{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.average-rating .label{color:#2c3e50;font-weight:500}.rating-value{font-size:1.5rem;font-weight:700}.charts-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin:1.5rem 0}.chart-wrapper{background:#f8f9fa;border-radius:8px;padding:1rem}.chart-wrapper h4{color:#2c3e50;font-size:1rem;margin:0 0 1rem;text-align:center}.rating-breakdown{border-top:2px solid #f8f9fa;margin-top:1.5rem;padding-top:1.5rem}.rating-item{gap:.75rem;margin-bottom:.75rem}.rating-item,.rating-number{align-items:center;display:flex}.rating-number{background:#ecf0f1;border-radius:50%;color:#2c3e50;font-size:.85rem;font-weight:600;height:24px;justify-content:center;width:24px}.rating-bar{background:#ecf0f1;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.rating-fill{border-radius:4px;height:100%;transition:width .3s ease}.rating-count{color:#2c3e50;font-size:.9rem;font-weight:500;min-width:24px;text-align:center}.no-votes{color:#7f8c8d;padding:2rem}.no-votes p{font-style:italic;margin:0}.question-description{border-top:1px solid #ecf0f1;margin-top:1rem;padding-top:1rem}.question-description p{color:#7f8c8d;font-style:italic;line-height:1.6;margin:0}@media (max-width:768px){.charts-container,.questions-grid{grid-template-columns:1fr}.question-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.dashboard-header h1{font-size:1.8rem}.welcome-message{font-size:1rem}}.voting-page{margin:0 auto;max-width:800px}.voting-header{margin-bottom:2rem;text-align:center}.voting-header h1{color:#2c3e50;font-size:2.2rem;font-weight:600;margin:0 0 1rem}.voting-stats{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;color:#fff;display:inline-block;font-weight:500;padding:.75rem 1.5rem}.voting-loading{align-items:center;color:#7f8c8d;display:flex;font-size:1.1rem;height:200px;justify-content:center}.no-questions p{margin:.5rem 0}.questions-container{display:flex;flex-direction:column;gap:1.5rem}.question-card.voted{background:linear-gradient(135deg,#fff,#f8fff8);border-left:4px solid #27ae60}.question-card.expired{background:#f8f9fa;opacity:.6}.question-title{font-size:1.4rem;margin:0 0 .75rem}.expiration{background:#fef7f0;border-radius:20px;padding:.3rem .8rem}.question-description{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;line-height:1.6;margin:1rem 0;padding:1rem}.voting-section{border-top:2px solid #ecf0f1;margin-top:1.5rem;padding-top:1.5rem}.voted-status{background:linear-gradient(135deg,#d5f4e6,#e8f8f5);border:1px solid #27ae60;border-radius:8px;flex-direction:column;gap:1rem;padding:1rem;text-align:center}.voted-message,.voted-status{align-items:center;display:flex}.voted-message{color:#2c3e50;font-weight:500;gap:.5rem}.checkmark{color:#27ae60}.checkmark,.user-rating{font-size:1.2rem;font-weight:700}.user-rating{align-items:center;border-radius:50%;box-shadow:0 2px 10px #0003;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.user-comment{background:#fff;border-left:4px solid #28a745;border-radius:8px;color:#495057;font-style:italic;margin-top:.5rem;max-width:100%;padding:1rem;text-align:left}.voting-form{display:flex;flex-direction:column;gap:1.5rem}.rating-options{text-align:center}.rating-label{color:#2c3e50;font-size:1.1rem;font-weight:500;margin:0 0 1.5rem}.rating-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:1rem}.rating-button{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;color:#495057;cursor:pointer;font-size:1.2rem;font-weight:700;height:50px;transition:all .3s ease;width:50px}.rating-button:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.rating-button.selected{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.rating-button:disabled{cursor:not-allowed;opacity:.6}.rating-labels{color:#7f8c8d;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;margin-top:.5rem}.comment-section{display:flex;flex-direction:column;gap:.5rem}.comment-label{color:#2c3e50;font-size:.95rem;font-weight:500}.comment-textarea{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:.95rem;padding:.75rem;resize:vertical;transition:border-color .3s ease}.comment-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.comment-textarea:disabled{background-color:#f8f9fa;cursor:not-allowed}.comment-textarea::placeholder{color:#adb5bd}.vote-actions{display:flex;justify-content:center;margin-top:.5rem}.submit-vote-button{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;padding:.75rem 2rem;transition:all .3s ease}.submit-vote-button:hover:not(:disabled){background:linear-gradient(135deg,#20c997,#28a745);box-shadow:0 4px 15px #28a7454d;transform:translateY(-2px)}.submit-vote-button:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.completion-message{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;border-radius:12px;margin-top:2rem;padding:2rem;text-align:center}.completion-message h3{color:#155724;font-size:1.3rem;margin:0 0 1rem}.completion-message p{color:#155724;line-height:1.6;margin:0}@media (max-width:768px){.voting-page{padding:0}.voting-header h1{font-size:1.8rem}.question-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.rating-buttons{gap:.5rem}.rating-button{font-size:1.1rem;height:45px;width:45px}.voted-status{flex-direction:column;gap:1rem;text-align:center}.question-card{padding:1rem}}@media (max-width:480px){.rating-buttons{gap:.3rem}.rating-button{font-size:1rem;height:40px;width:40px}.completion-message{padding:1.5rem}.voting-stats{font-size:.9rem;padding:.5rem 1rem}}.questions-page{margin:0 auto;max-width:1200px}.questions-loading{align-items:center;color:#7f8c8d;display:flex;font-size:1.1rem;height:200px;justify-content:center}.questions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.questions-header h1{color:#2c3e50;font-size:2.2rem;font-weight:600;margin:0}.header-actions{display:flex;gap:1rem}.create-button,.create-category-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.create-category-button{background:linear-gradient(135deg,#2ecc71,#27ae60)}.create-button:hover,.create-category-button:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.form-modal.small{max-width:400px}.category-form,.question-form{display:flex;flex-direction:column;gap:1rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e1e1e1;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{min-height:80px;resize:vertical}.form-checkboxes{display:flex;gap:1.5rem;margin:.5rem 0}.checkbox-label{align-items:center;color:#2c3e50;cursor:pointer;display:flex;font-weight:500;gap:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.no-questions{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:3rem;text-align:center}.no-questions h3{color:#2c3e50;font-size:1.5rem;margin:0 0 1rem}.no-questions p{color:#7f8c8d;line-height:1.6}.questions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.question-card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.question-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.question-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.question-title{color:#2c3e50;flex:1 1;font-size:1.2rem;font-weight:600;line-height:1.4;margin:0}.status-badge{border-radius:20px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase;white-space:nowrap}.status-badge.active{background:#d4edda;color:#155724}.status-badge.live{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.status-badge.inactive{background:#f8d7da;color:#721c24}.status-badge.expired{background:#fff3cd;color:#856404}.question-description{color:#7f8c8d;font-style:italic;line-height:1.5;margin:0 0 1rem}.question-meta{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:1rem 0}.category{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.expiration{color:#e67e22;font-size:.85rem;font-weight:500}.question-toggles{border-bottom:1px solid #ecf0f1;border-top:1px solid #ecf0f1;display:flex;gap:1.5rem;margin:1rem 0;padding:1rem 0}.toggle-label{align-items:center;color:#2c3e50;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.toggle-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.question-actions{display:flex;gap:.75rem;justify-content:flex-end}.delete-button,.edit-button{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.delete-button:hover{background:#c0392b;transform:translateY(-1px)}@media (max-width:768px){.questions-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{justify-content:center}.form-row,.questions-grid{grid-template-columns:1fr}.form-checkboxes{flex-direction:column;gap:.75rem}.question-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.question-toggles{flex-direction:column;gap:.75rem}.question-header{align-items:flex-start;flex-direction:column;gap:.5rem}.form-actions{flex-direction:column-reverse}.form-modal{margin:1rem;padding:1.5rem}}.results-page{margin:0 auto;max-width:1400px}.results-loading{align-items:center;color:#7f8c8d;display:flex;font-size:1.1rem;height:200px;justify-content:center}.results-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.results-header h1{color:#2c3e50;font-size:2.2rem;font-weight:600;margin:0}.controls,.date-range{align-items:center;display:flex;gap:1rem}.date-range label{color:#2c3e50;display:flex;flex-direction:column;font-size:.9rem;font-weight:500;gap:.25rem}.date-range input{border:2px solid #e1e1e1;border-radius:6px;font-size:.9rem;padding:.5rem}.date-range input:focus{border-color:#667eea;outline:none}.no-data{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:3rem;text-align:center}.no-data h3{color:#2c3e50;font-size:1.5rem;margin:0 0 1rem}.no-data p{color:#7f8c8d;line-height:1.6}.question-selector{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:1.5rem}.question-selector label{color:#2c3e50;display:block;font-weight:500;margin-bottom:.5rem}.question-selector select{background:#fff;border:2px solid #e1e1e1;border-radius:8px;font-size:1rem;padding:.75rem;width:100%}.question-selector select:focus{border-color:#667eea;outline:none}.results-content{display:flex;flex-direction:column;gap:2rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#fff;border-left:4px solid #0000;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:1.5rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.stat-card:first-child{border-left-color:#3498db}.stat-card:nth-child(2){border-left-color:#2ecc71}.stat-card:nth-child(3){border-left-color:#9b59b6}.stat-card:nth-child(4){border-left-color:#f39c12}.stat-card h3{color:#7f8c8d;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.stat-value{color:#2c3e50;font-size:2rem;font-weight:700;line-height:1}.category-value{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:1.2rem;padding:.5rem 1rem}.charts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.chart-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:2rem}.chart-container.full-width{grid-column:1/-1}.chart-container h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.no-votes{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:3rem;text-align:center}.no-votes h3{color:#2c3e50;font-size:1.5rem;margin:0 0 1rem}.no-votes p{color:#7f8c8d;line-height:1.6;margin:.5rem 0}.votes-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.votes-table-container h3{background:#f8f9fa;border-bottom:1px solid #ecf0f1;color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0;padding:1.5rem 2rem}.votes-table{overflow-x:auto}.votes-table table{border-collapse:collapse;width:100%}.votes-table th{background:#f8f9fa;border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem 2rem;text-align:left;text-transform:uppercase}.votes-table td{border-bottom:1px solid #ecf0f1;color:#2c3e50;padding:1rem 2rem}.votes-table tr:hover{background:#f8f9fa}.rating-badge{border-radius:50%;color:#fff;display:inline-block;font-weight:700;height:30px;line-height:30px;text-align:center;width:30px}.comment-cell{word-wrap:break-word;max-width:300px}.vote-comment{background:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;color:#495057;font-size:.9rem;font-style:italic;line-height:1.4;padding:.5rem}.no-comment{color:#adb5bd;font-size:.85rem;font-style:italic}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.results-header{align-items:stretch;flex-direction:column;gap:1rem}.controls{justify-content:center}.date-range{align-items:stretch;flex-direction:column;gap:.5rem}.date-range label{align-items:center;flex-direction:row;justify-content:space-between}.stats-grid{grid-template-columns:1fr 1fr}.chart-container{padding:1rem}.stat-value{font-size:1.5rem}.votes-table td,.votes-table th{padding:.75rem 1rem}.votes-table-container h3{padding:1rem 1.5rem}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.results-header h1{font-size:1.8rem}.chart-container{padding:1rem .5rem}.votes-table td,.votes-table th{font-size:.9rem;padding:.5rem}}.users-page{margin:0 auto;max-width:1200px}.users-loading{color:#7f8c8d;font-size:1.1rem;height:200px;justify-content:center}.users-header,.users-loading{align-items:center;display:flex}.users-header{justify-content:space-between;margin-bottom:2rem}.users-header h1{color:#2c3e50;font-size:2.2rem;font-weight:600;margin:0}.create-user-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.create-user-button:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.form-modal{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:100%}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.form-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.close-button{align-items:center;background:none;border:none;color:#7f8c8d;cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;line-height:1;padding:0;width:30px}.close-button:hover{color:#2c3e50}.user-form{display:flex;flex-direction:column;gap:1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#2c3e50;font-size:.9rem;font-weight:500}.form-group input,.form-group select{border:2px solid #e1e1e1;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none}.form-group input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-group small{color:#7f8c8d;font-size:.8rem}.form-actions{border-top:1px solid #ecf0f1;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.cancel-button,.submit-button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.cancel-button{background:#ecf0f1;color:#2c3e50}.cancel-button:hover{background:#d5dbdb}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-button:hover{box-shadow:0 3px 10px #667eea4d;transform:translateY(-1px)}.users-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.no-users{padding:3rem;text-align:center}.no-users h3{color:#2c3e50;font-size:1.5rem;margin:0 0 1rem}.no-users p{color:#7f8c8d;line-height:1.6}.users-stats{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #dee2e6;display:flex;gap:2rem;padding:1.5rem 2rem}.stat-item{align-items:center;display:flex;flex-direction:column;text-align:center}.stat-number{color:#667eea;font-size:2rem;font-weight:700;line-height:1}.stat-label{color:#6c757d;font-size:.85rem;letter-spacing:.5px;margin-top:.25rem;text-transform:uppercase}.users-table-container{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #dee2e6;padding:1rem 1.5rem;vertical-align:middle}.users-table tbody tr:hover{background-color:#f8f9fa}.user-name .name-container{align-items:center;display:flex}.user-name .name{color:#2c3e50;font-weight:500}.role-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.role-badge.role-admin{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.role-badge.role-user{background:#e9ecef;color:#495057}.action-buttons{align-items:center;display:flex;gap:.5rem}.delete-button,.edit-button,.reset-button{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .2s ease;white-space:nowrap}.edit-button{background:#3498db;color:#fff}.edit-button:hover{background:#2980b9;transform:translateY(-1px)}.reset-button{background:#f39c12;color:#fff}.reset-button:hover{background:#e67e22;transform:translateY(-1px)}.delete-button{background:#e74c3c;color:#fff}.delete-button:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}.delete-button:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}@media (max-width:768px){.users-header{align-items:stretch;flex-direction:column;gap:1rem}.form-row{grid-template-columns:1fr}.users-stats{flex-direction:column;gap:1rem;text-align:center}.stat-item{align-items:center;flex-direction:row;justify-content:space-between}.users-table{font-size:.85rem}.users-table td,.users-table th{padding:.75rem .5rem}.action-buttons{flex-direction:column;gap:.25rem}.delete-button,.edit-button,.reset-button{font-size:.75rem;padding:.3rem .6rem}.form-actions{flex-direction:column-reverse}.form-modal{margin:1rem;padding:1.5rem}}@media (min-width:1200px){.users-table td,.users-table th{padding:1.25rem 2rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.loading{align-items:center;color:#667eea;display:flex;font-size:1.2rem;font-weight:500;height:100vh;justify-content:center}.loading:after{animation:spin 1s linear infinite;border:2px solid #667eea;border-radius:50%;border-top-color:#0000;content:"";height:20px;margin-left:10px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}
/*# sourceMappingURL=main.91271906.css.map*/