.survey-page__container{padding:20px 0}.survey-page__heading{font-size:2.5rem;font-weight:300;margin-bottom:1rem;color:#333}.survey-page__description{font-size:1.1rem;color:#666;margin-bottom:2rem}.subject-selector{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px}.subject-selector .subject-btn{background-color:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:15px 20px;cursor:pointer;transition:all .3s ease;min-width:200px;text-align:center}.subject-selector .subject-btn:hover{border-color:#007bff;background-color:#e3f2fd;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,.15)}.subject-selector .subject-btn.active{border-color:#007bff;background-color:#007bff;color:#fff}.subject-selector .subject-btn.active .subject-name,.subject-selector .subject-btn.active .subject-semester{color:#fff}.subject-selector .subject-btn .subject-name{display:block;font-weight:600;font-size:1.1rem;color:#495057;margin-bottom:8px}.subject-selector .subject-btn .subject-semester{display:block;font-size:.9rem;color:#6c757d;font-weight:500}.overall-rating{background-color:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:25px;text-align:center}.overall-rating .rating-display{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:15px;margin-bottom:20px}.overall-rating .rating-display .rating-number{font-size:1.5rem;font-weight:600;color:#007bff}.overall-rating .overall-stats{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.overall-rating .overall-stats .stat-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;min-width:120px}.overall-rating .overall-stats .stat-item .stat-label{color:#6c757d;font-size:.9rem;margin-bottom:5px}.overall-rating .overall-stats .stat-item .stat-value{color:#495057;font-size:1.2rem;font-weight:600}.rating-stars{display:-ms-flexbox;display:flex;gap:2px}.rating-stars .star{font-size:1.2rem}.rating-stars .star.full{color:#ffc107}.rating-stars .star.half{color:#ffc107;opacity:.7}.rating-stars .star.empty{color:#dee2e6}.questions-details{margin-bottom:25px}.questions-details h4{color:#495057;margin-bottom:20px;font-weight:600;border-bottom:2px solid #e9ecef;padding-bottom:10px}.question-item{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;padding:20px;margin-bottom:20px}.question-item:hover{border-color:#007bff;box-shadow:0 2px 8px rgba(0,123,255,.1)}.question-item .question-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;margin-bottom:15px}.question-item .question-header .question-text{font-weight:600;color:#495057;-ms-flex:1;flex:1;margin-right:15px;line-height:1.4;font-size:1.1rem}.question-item .question-header .question-rating{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;-ms-flex-negative:0;flex-shrink:0}.question-item .question-header .question-rating .rating-number{font-weight:600;color:#007bff}.question-item .question-stats{margin-bottom:20px}.question-item .question-stats .stats-summary{display:-ms-flexbox;display:flex;gap:20px;-ms-flex-wrap:wrap;flex-wrap:wrap}.question-item .question-stats .stats-summary span{color:#6c757d;font-size:.9rem}.question-item .question-stats .stats-summary span.total-responses{color:#28a745;font-weight:500}.question-item .question-stats .stats-summary span.average-rating{color:#007bff;font-weight:500}.progress-bars .progress-item{margin-bottom:15px}.progress-bars .progress-item .progress-label{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin-bottom:8px}.progress-bars .progress-item .progress-label .label-text{color:#495057;font-weight:500;font-size:.95rem}.progress-bars .progress-item .progress-label .label-count{color:#6c757d;font-size:.9rem;font-weight:500}.progress-bars .progress-item .progress-bar-container{width:100%;height:12px;background-color:#e9ecef;border-radius:6px;overflow:hidden}.progress-bars .progress-item .progress-bar-container .progress-bar-fill{height:100%;border-radius:6px;transition:width .3s ease;min-width:8px}.general-comments h4{color:#495057;margin-bottom:20px;font-weight:600;border-bottom:2px solid #e9ecef;padding-bottom:10px}.general-comments .comments-list .comment-item{background-color:#fff;border-radius:6px;padding:15px;margin-bottom:12px;border:1px solid #e9ecef;border-left:4px solid #28a745}.general-comments .comments-list .comment-item:hover{border-color:#28a745;box-shadow:0 2px 8px rgba(40,167,69,.1)}.general-comments .comments-list .comment-item .comment-text{color:#495057;font-style:italic;line-height:1.5}.panel{border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:20px}.panel.panel-primary{border-color:#007bff}.panel.panel-primary .panel-heading{background-color:#007bff;border-color:#007bff;color:#fff}.panel.panel-primary .panel-heading h3{margin:0;font-size:1.3rem}.panel .panel-heading{background-color:#f5f5f5;border-bottom:1px solid #ddd;padding:15px;font-weight:600;color:#333}.panel .panel-heading h4{margin:0;color:#495057}.panel .panel-body{padding:20px}.text-center{text-align:center}.text-muted{color:#6c757d;font-size:.9rem}.row{margin:0 -15px}.row .col-lg-11,.row .col-md-6,.row .col-md-11,.row .col-xs-12{padding:0 15px}@media (max-width:768px){.subject-selector{-ms-flex-direction:column;flex-direction:column}.subject-selector .subject-btn{min-width:auto;width:100%}.question-header{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start!important;align-items:flex-start!important;gap:15px}.question-header .question-rating{-ms-flex-item-align:end;align-self:flex-end}.rating-display{gap:10px!important}.overall-stats,.rating-display{-ms-flex-direction:column;flex-direction:column}.overall-stats{gap:15px!important}.overall-stats .stat-item{min-width:auto}.stats-summary{-ms-flex-direction:column!important;flex-direction:column!important;gap:10px!important}}