.staff-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.staff-hero p{font-size:1.1rem;opacity:.9}.filter-stats-container{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:flex-start;margin-bottom:4rem}.stat-card{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.02);cursor:pointer;display:flex;flex:1 1 200px;flex-direction:column;justify-content:center;min-width:200px;padding:1.5rem;text-align:center;transition:all .3s cubic-bezier(.25,.8,.25,1)}.stat-card.active,.stat-card:hover{border-color:rgba(198,40,40,.4);box-shadow:0 10px 20px rgba(0,0,0,.08);transform:translateY(-5px)}.stat-card.active,.stat-card.active:hover{background:linear-gradient(135deg,#d32f2f,#c62828);border-color:#d32f2f;box-shadow:0 10px 20px rgba(198,40,40,.25);color:#fff}.stat-card.active .stat-icon,.stat-card.active .stat-label,.stat-card.active .stat-number{color:#fff!important}.stat-card.total{flex:2 1 320px;flex-direction:row;gap:1.5rem;justify-content:flex-start;min-width:320px;padding:2rem}.stat-card.total .stat-info{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.stat-card.total .stat-number{font-size:3rem;margin-bottom:0}.stat-card.total .stat-label{font-size:1.1rem;font-weight:500}.stat-card.total .stat-icon{align-items:center;color:#d32f2f;display:flex;font-size:3.5rem;justify-content:center;margin-right:.5rem;transition:color .3s}.stat-number{color:#d32f2f;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.75rem;transition:color .3s}.stat-label{color:var(--gray-600);font-size:.95rem;font-weight:500;line-height:1.4}.program-section{margin-bottom:4rem;padding-bottom:1rem;transition:opacity .4s ease,height .4s ease}.program-title{border-bottom:3px solid var(--primary);color:var(--primary);display:inline-block;font-size:1.8rem;font-weight:700;margin-bottom:2rem;padding-bottom:.5rem}.staff-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:flex-start}.staff-card{background:#fff;border:1px solid rgba(0,0,0,.02);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);cursor:pointer;display:flex;flex-direction:column;max-width:320px;min-width:260px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:calc(25% - 1.5rem)}.staff-card:hover{box-shadow:0 15px 30px rgba(0,0,0,.1);transform:translateY(-8px)}.staff-image-container{align-items:center;aspect-ratio:3/4;background-color:var(--gray-100);display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.staff-img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:transform .5s ease;width:100%}.staff-card:hover .staff-img{transform:scale(1.05)}.staff-placeholder{color:var(--gray-300);font-size:5rem}.staff-info{align-items:center;display:flex;flex-direction:column;flex-grow:1;padding:1.25rem 1rem;text-align:center}.staff-name{color:var(--gray-800);display:inline-block;font-size:1.15rem;font-weight:700;line-height:1.3;margin-bottom:.25rem;white-space:nowrap}.staff-name-en{color:var(--gray-500);font-size:.9rem;margin-bottom:1rem}.staff-position{background-color:rgba(198,40,40,.08);border:1px solid rgba(198,40,40,.15);border-radius:20px;color:var(--primary);display:inline-flex;font-size:.85rem;font-weight:600;margin-bottom:.5rem;padding:.35rem .8rem}.click-hint{color:var(--gray-400);font-size:.8rem;margin-top:auto;transition:color .3s}.staff-card:hover .click-hint{color:var(--primary)}.empty-state{background:#fff;border:1px dashed var(--gray-300);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.05);color:var(--gray-500);padding:5rem 2rem;text-align:center}.empty-state i{color:var(--gray-300);font-size:4rem;margin-bottom:1.5rem}.empty-state h3{color:var(--gray-700);font-size:1.5rem;margin-bottom:.5rem}.staff-modal-overlay{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.6);display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100vw;z-index:9999}.staff-modal-overlay.active{opacity:1;visibility:visible}.staff-modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);display:flex;max-height:90vh;max-width:900px;overflow:hidden;position:relative;transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:90%}.staff-modal-overlay.active .staff-modal-content{transform:translateY(0) scale(1)}.modal-close{align-items:center;background:rgba(0,0,0,.05);border:none;border-radius:50%;color:var(--gray-600);cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:36px;z-index:10}.modal-close:hover{background:var(--danger);color:#fff}.modal-sidebar{background:var(--gray-50);border-right:1px solid var(--gray-200);flex-direction:column;max-width:320px;padding:3rem 2rem;text-align:center;width:100%}.modal-image,.modal-sidebar{align-items:center;display:flex}.modal-image{background:var(--gray-200);border:4px solid #fff;border-radius:50%;box-shadow:0 8px 20px rgba(0,0,0,.1);height:200px;justify-content:center;margin-bottom:2rem;overflow:hidden;width:200px}.modal-image,.modal-image img{-o-object-fit:cover;object-fit:cover}.modal-image img{height:100%;-o-object-position:top;object-position:top;width:100%}.modal-image i{color:var(--gray-400);font-size:5rem}.modal-contact{margin-top:2rem;width:100%}.contact-item{align-items:center;color:var(--gray-600);display:flex;flex-wrap:wrap;font-size:.9rem;gap:.5rem;justify-content:center;margin-bottom:.5rem;word-break:break-all}.contact-item i{color:var(--primary)}.modal-main{flex:1;overflow-y:auto;padding:3rem}.modal-main::-webkit-scrollbar{width:8px}.modal-main::-webkit-scrollbar-track{background:rgba(0,0,0,.02)}.modal-main::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:4px}.modal-name{color:var(--gray-800);font-size:2rem;font-weight:700;margin-bottom:.25rem}.modal-name-en{color:var(--gray-500);font-size:1.2rem;margin-bottom:1rem}.modal-position{background-color:rgba(198,40,40,.1);border-radius:20px;color:var(--primary);display:inline-flex;font-size:1rem;font-weight:600;margin-bottom:2.5rem;padding:.5rem 1.2rem}.modal-section{background:#fff;margin-bottom:2.5rem}.modal-section-title{align-items:center;border-bottom:2px solid var(--gray-100);color:var(--gray-800);display:flex;font-size:1.2rem;font-weight:700;margin-bottom:1rem;padding-bottom:.75rem}.modal-section-title i{align-items:center;background:rgba(198,40,40,.08);border-radius:8px;color:var(--primary);display:flex;font-size:1rem;height:36px;justify-content:center;margin-right:.75rem;width:36px}.modal-section-content{color:var(--gray-600);font-size:1rem;line-height:1.8}.eval-action{margin-top:1.5rem;text-align:center;width:100%}.btn-eval{align-items:center;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:30px;color:#856404;display:inline-flex;font-weight:600;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s;width:100%}.btn-eval:hover{background-color:#ffe8a1;box-shadow:0 4px 10px rgba(0,0,0,.1);color:#856404;transform:translateY(-2px)}@media (max-width:900px){.staff-modal-content{flex-direction:column}.modal-sidebar{border-bottom:1px solid var(--gray-200);border-right:none;max-width:100%;padding:2rem}.modal-image{height:150px;margin-bottom:1rem;width:150px}.modal-main{padding:2rem}}@media (max-width:768px){.program-title{font-size:1.5rem}.staff-grid{justify-content:center}.staff-card{max-width:280px;width:100%}.filter-stats-container{justify-content:center}.stat-card{min-width:140px}}