.eval-page{background-color:var(--white);padding:var(--space-12) 0 var(--space-20)}.eval-page-header .hero-text{animation:fadeInUp 1s ease-out;left:auto;position:relative;top:auto;transform:none}.eval-page-header .hero-text h1{color:var(--white);font-size:var(--text-5xl);font-weight:800;line-height:1.2;margin-bottom:var(--space-4);text-shadow:2px 4px 8px rgba(0,0,0,.3)}.eval-page-header .hero-text p{font-size:var(--text-xl);font-weight:400;margin-bottom:0;opacity:.9;text-shadow:1px 2px 4px rgba(0,0,0,.3)}.eval-instructions{background-color:var(--white);border:1px solid var(--gray-200);border-left:5px solid var(--primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-8);padding:var(--space-6) var(--space-8)}.eval-instructions-title{align-items:center;color:var(--primary);display:flex;font-size:var(--text-xl);font-weight:700;gap:var(--space-2);margin-bottom:var(--space-3)}.eval-instructions p{color:var(--gray-700);font-size:var(--text-base);line-height:1.75;margin-bottom:0}.eval-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow);margin-bottom:var(--space-8);padding:var(--space-8);transition:var(--transition)}.eval-card:hover{box-shadow:var(--shadow-md)}.eval-card-title{align-items:center;border-bottom:2px solid var(--gray-100);color:var(--primary);display:flex;font-size:var(--text-xl);font-weight:700;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.eval-card-title i{font-size:var(--text-lg);opacity:.85}.eval-field-label{color:var(--gray-800);display:block;font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-4)}.eval-field-label .required-star{color:var(--primary);margin-left:2px}.eval-radio-group{display:flex;flex-wrap:wrap;gap:var(--space-3)}.eval-radio-item{position:relative}.eval-radio-item input[type=radio]{height:0;opacity:0;position:absolute;width:0}.eval-radio-item label{align-items:center;background:var(--white);border:1.5px solid var(--gray-300);border-radius:var(--radius-full);color:var(--gray-700);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-5);transition:var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.eval-radio-item label:hover{background:rgba(211,47,47,.04);border-color:var(--primary-light);color:var(--primary)}.eval-radio-item input[type=radio]:checked+label{background:var(--primary);border-color:var(--primary);box-shadow:0 2px 8px rgba(211,47,47,.25);color:var(--white)}.eval-radio-item input[type=radio]:checked+label .radio-dot{border-color:var(--white)}.radio-dot{border:2px solid var(--gray-400);border-radius:50%;display:inline-block;flex-shrink:0;height:14px;transition:var(--transition-fast);width:14px}.eval-radio-item input[type=radio]:checked+label .radio-dot{background:var(--white);border-color:hsla(0,0%,100%,.7);box-shadow:inset 0 0 0 3px var(--primary)}.eval-other-input{display:none;margin-top:var(--space-3);max-width:350px}.eval-other-input.show{display:block}.eval-other-input input{border:1.5px solid var(--gray-300);border-radius:var(--radius);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);transition:var(--transition-fast);width:100%}.eval-other-input input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(211,47,47,.1);outline:none}.eval-staff-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(4,1fr)}@media (max-width:991px){.eval-staff-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.eval-staff-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.eval-staff-grid{grid-template-columns:1fr}}.eval-staff-card{background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-xl);cursor:pointer;padding:var(--space-6) var(--space-4);position:relative;text-align:center;transition:var(--transition)}.eval-staff-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.eval-staff-card.active{border:2.5px solid var(--primary);box-shadow:var(--shadow-red)}.eval-staff-card.active:after{color:var(--primary);content:"\f058";font-family:Font Awesome\ 5 Free;font-size:var(--text-lg);font-weight:900;position:absolute;right:var(--space-2);top:var(--space-2)}.eval-staff-card-img-wrap{background:var(--gray-50);border:3px solid var(--gray-200);border-radius:var(--radius-full);height:80px;margin:0 auto var(--space-3);overflow:hidden;transition:var(--transition-fast);width:80px}.eval-staff-card.active .eval-staff-card-img-wrap{border-color:var(--primary-light)}.eval-staff-card-img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%}.eval-staff-card-name{color:var(--gray-900);font-size:var(--text-sm);font-weight:700;margin-bottom:var(--space-1)}.eval-staff-card-pos{color:var(--gray-500);font-size:var(--text-xs);margin-bottom:0}.eval-staff-hint{align-items:center;color:var(--gray-500);display:flex;font-size:var(--text-sm);gap:var(--space-2);margin-top:var(--space-4)}.eval-staff-hint i{color:var(--primary)}.custom-dropdown-wrapper{position:relative;width:100%}.custom-dropdown-toggle{align-items:center;background:var(--white);border:2px solid var(--primary);border-radius:var(--radius-full);cursor:pointer;display:flex;font-family:var(--font-thai);font-size:var(--text-base);font-weight:500;justify-content:space-between;padding:.9rem 1.5rem;transition:all .3s}.custom-dropdown-toggle:hover{border-color:var(--primary-dark);box-shadow:0 4px 10px rgba(211,47,47,.1)}.custom-dropdown-menu{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-lg);box-shadow:0 10px 25px rgba(0,0,0,.15);display:none;left:0;max-height:280px;overflow-y:auto;position:absolute;top:calc(100% + 5px);width:100%;z-index:1000}.custom-dropdown-menu.show{animation:fadeIn .2s ease-out;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-item{color:var(--gray-800);cursor:pointer;font-weight:500;padding:.8rem 1.5rem;transition:background .2s}.custom-dropdown-item:hover{background:var(--gray-100);color:var(--primary)}.custom-dropdown-item.selected{background:var(--gray-50);color:var(--primary);font-weight:700}.custom-dropdown-item.text-muted{background:var(--gray-200);color:var(--gray-600)!important;cursor:default}.eval-rating-legend{background:linear-gradient(135deg,#e3f2fd,#f0f4f8);border-left:4px solid #1976d2;border-radius:var(--radius);color:#1565c0;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-6);padding:var(--space-4) var(--space-6)}.eval-category-heading{align-items:center;color:var(--primary);display:flex;font-size:var(--text-lg);font-weight:700;gap:var(--space-2);margin-bottom:var(--space-4)}.eval-rating-table{border:1px solid var(--gray-200);border-collapse:separate;border-radius:var(--radius-lg);border-spacing:0;margin-bottom:var(--space-8);overflow:hidden;width:100%}.eval-rating-table thead th{background:var(--primary);border:none;color:var(--white);font-size:var(--text-sm);font-weight:600;padding:var(--space-4);text-align:center}.eval-rating-table thead th:first-child{padding-left:var(--space-6);text-align:left}.eval-rating-table thead th+th{border-left:1px solid hsla(0,0%,100%,.2)}.eval-rating-table tbody tr{transition:var(--transition-fast)}.eval-rating-table tbody tr:nth-child(2n){background-color:var(--gray-50)}.eval-rating-table tbody tr:hover{background-color:rgba(211,47,47,.03)}.eval-rating-table tbody td{border-top:1px solid var(--gray-100);color:var(--gray-800);font-size:var(--text-sm);padding:var(--space-4);vertical-align:middle}.eval-rating-table tbody td:first-child{padding-left:var(--space-6)}.eval-rating-table tbody td+td{border-left:1px solid var(--gray-100);text-align:center}.eval-rating-table tbody td input[type=radio]{accent-color:var(--primary);cursor:pointer;height:20px;transition:var(--transition-fast);width:20px}.eval-textarea{border:1.5px solid var(--gray-300);border-radius:var(--radius);color:var(--gray-800);font-family:var(--font-thai);font-size:var(--text-base);min-height:130px;padding:var(--space-4);resize:vertical;transition:var(--transition-fast);width:100%}.eval-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(211,47,47,.1);outline:none}.eval-textarea::-moz-placeholder{color:var(--gray-400)}.eval-textarea::placeholder{color:var(--gray-400)}.eval-submit-area{padding:var(--space-8) 0 var(--space-4);text-align:center}.eval-submit-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-red);color:var(--white);cursor:pointer;display:inline-flex;font-family:var(--font-thai);font-size:var(--text-lg);font-weight:600;gap:var(--space-3);padding:var(--space-4) var(--space-12);transition:var(--transition)}.eval-submit-btn:hover{box-shadow:0 12px 30px -5px rgba(211,47,47,.4);transform:translateY(-2px)}.eval-submit-btn:active{transform:translateY(0)}.eval-error-alert{background:#fff5f5;border:1px solid #ffcdd2;border-left:5px solid var(--primary);border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-5) var(--space-6)}.eval-error-alert h5{color:var(--primary);font-weight:700;margin-bottom:var(--space-2)}.eval-error-alert ul{color:var(--gray-700);margin-bottom:0;padding-left:var(--space-6)}.eval-staff-error{color:var(--primary);display:none;font-size:var(--text-sm);font-weight:500;margin-top:var(--space-3)}.eval-field-separator{border:0;border-top:1px dashed var(--gray-200);margin:var(--space-5) 0}@media (max-width:767px){.eval-card{padding:var(--space-5)}.eval-page-header .hero-text h1{font-size:var(--text-3xl)}.eval-radio-group{gap:var(--space-2)}.eval-radio-item label{padding:var(--space-2) var(--space-3)}.eval-radio-item label,.eval-rating-table{font-size:var(--text-xs)}.eval-rating-table tbody td,.eval-rating-table thead th{padding:var(--space-2)}}