:root{--bg-primary:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);--bg-card:rgba(30,41,59,0.9);--bg-header:rgba(30,41,59,0.8);--border-primary:rgba(71,85,105,0.3);--border-secondary:rgba(71,85,105,0.2);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-accent:#a5b4fc;--text-muted:#64748b;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-tertiary:#ec4899;--success:#10b981;--success-light:rgba(16,185,129,0.1);--warning:#f59e0b;--warning-light:rgba(245,158,11,0.1);--error:#ef4444;--error-light:rgba(239,68,68,0.1);--rating-excellent:linear-gradient(135deg,#10b981,#059669);--rating-legendary:linear-gradient(135deg,#22c55e,#16a34a 50%,#15803d);--rating-very-good:linear-gradient(135deg,#06b6d4,#0891b2);--rating-good:linear-gradient(135deg,#3b82f6,#2563eb);--rating-average:linear-gradient(135deg,#f59e0b,#d97706);--rating-poor:linear-gradient(135deg,#ef4444,#dc2626);--space-xs:clamp(4px,1vw,6px);--space-sm:clamp(8px,2vw,12px);--space-md:clamp(12px,3vw,16px);--space-lg:clamp(16px,4vw,24px);--space-xl:clamp(20px,5vw,32px);--space-2xl:clamp(24px,6vw,40px);--space-3xl:clamp(32px,8vw,56px);--radius-sm:clamp(6px,1.5vw,8px);--radius-md:clamp(8px,2vw,12px);--radius-lg:clamp(12px,3vw,16px);--radius-xl:clamp(16px,4vw,24px);--font-size-xs:clamp(10px,2vw,12px);--font-size-sm:clamp(12px,2.5vw,14px);--font-size-base:clamp(14px,3vw,16px);--font-size-lg:clamp(16px,3.5vw,18px);--font-size-xl:clamp(18px,4vw,22px);--font-size-2xl:clamp(20px,5vw,28px);--font-size-3xl:clamp(24px,6vw,36px);--transition-fast:0.15s ease-out;--transition-base:0.3s ease-out;--transition-slow:0.5s ease-out;--transition-bouncy:0.4s cubic-bezier(0.68,-0.55,0.265,1.55);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{box-sizing:border-box}.teacher-grid-wrapper{min-height:100vh;background:var(--bg-primary);padding:var(--space-lg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:relative;overflow-x:hidden}.teacher-grid-wrapper:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(236,72,153,.1) 0,transparent 50%);pointer-events:none;z-index:0}.grid-header{position:relative;z-index:1;margin-bottom:var(--space-2xl);background:var(--bg-header);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-xl);border:1px solid var(--border-primary);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1)}.header-content{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-lg)}.title-section{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:var(--space-sm)}.title-section h1{margin:0;font-size:var(--font-size-3xl);font-weight:800;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 50%,var(--accent-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.1}.title-section h1,.title-wrapper{display:flex;align-items:center;gap:var(--space-md)}.title-wrapper{margin-bottom:var(--space-sm);flex-wrap:wrap}.title-icon{color:var(--accent-primary);filter:drop-shadow(0 2px 8px rgba(99,102,241,.4))}.grid-title{margin:0;font-size:var(--font-size-3xl);font-weight:800;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 50%,var(--accent-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;line-height:1.1}.live-indicator{display:flex;align-items:center;gap:var(--space-xs);background:var(--success-light);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);color:var(--success);font-weight:600;margin-left:var(--space-sm)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.subtitle{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-base);color:var(--text-secondary);font-weight:500;flex-wrap:wrap}.subtitle-icon{color:var(--accent-tertiary)}.header-stats{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:flex-start}.stat-badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;color:var(--text-accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);white-space:nowrap}.stat-badge:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.3)}.color-legend{position:relative;z-index:1;background:var(--bg-header);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-xl);border:1px solid var(--border-primary);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1);margin-bottom:var(--space-2xl);max-width:1600px;margin-left:auto;margin-right:auto}.legend-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.legend-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}.legend-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:rgba(71,85,105,.2);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);transition:all var(--transition-base)}.legend-item:hover{background:rgba(71,85,105,.3);transform:translateY(-2px)}.legend-color{width:20px;height:20px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.2)}.legend-color.legendary{background:var(--rating-legendary);box-shadow:0 0 15px rgba(34,197,94,.4)}.legend-color.excellent{background:var(--rating-excellent)}.legend-color.very-good{background:var(--rating-very-good)}.legend-color.good{background:var(--rating-good)}.legend-color.average{background:var(--rating-average)}.legend-color.poor{background:var(--rating-poor)}.crown-icon{color:#fbbf24;margin-left:auto}.teacher-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));grid-gap:var(--space-xl);gap:var(--space-xl);max-width:1600px;margin:0 auto}.teacher-card{position:relative;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-xl);overflow:hidden;transition:all var(--transition-bouncy);animation:slideUp .6s cubic-bezier(.23,1,.32,1) both;cursor:pointer;min-height:320px;display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.teacher-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 50%);pointer-events:none;opacity:0;transition:opacity var(--transition-base)}.teacher-card:hover:before{opacity:1}.teacher-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1)}.legendary-card{border:2px solid rgba(34,197,94,.4);box-shadow:0 0 30px rgba(34,197,94,.2),0 8px 32px rgba(0,0,0,.3);position:relative;overflow:hidden}.legendary-card:before{background:linear-gradient(135deg,rgba(34,197,94,.1),transparent 50%)}.legendary-card:hover{box-shadow:0 0 40px rgba(34,197,94,.4),0 20px 40px rgba(0,0,0,.4),0 0 0 1px rgba(34,197,94,.3);transform:translateY(-8px) scale(1.02)}.legendary-badge{position:absolute;top:var(--space-sm);left:var(--space-sm);width:clamp(28px,6vw,36px);height:clamp(28px,6vw,36px);background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 4px 12px rgba(251,191,36,.4);z-index:10;animation:legendary-pulse 3s infinite}@keyframes legendary-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px rgba(251,191,36,.4)}50%{transform:scale(1.1);box-shadow:0 6px 20px rgba(251,191,36,.6)}}.legendary-avatar{border:3px solid rgba(34,197,94,.6);box-shadow:0 0 20px rgba(34,197,94,.3)}.legendary-avatar:hover{box-shadow:0 0 25px rgba(34,197,94,.5)}.legendary-score{color:#22c55e;text-shadow:0 0 10px rgba(34,197,94,.3)}.legendary-name{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:var(--space-sm)}.inline-crown{color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(251,191,36,.3))}.legendary-tag{background:rgba(34,197,94,.15);color:#22c55e;border-color:rgba(34,197,94,.3);box-shadow:0 0 10px rgba(34,197,94,.1)}.legendary-tag:hover{background:rgba(34,197,94,.25);box-shadow:0 0 15px rgba(34,197,94,.2)}.legendary-pill{background:rgba(34,197,94,.2);color:#22c55e;border:1px solid rgba(34,197,94,.3)}.legendary-pill:hover{background:rgba(34,197,94,.3)}.legendary-btn{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 15px rgba(34,197,94,.3)}.legendary-btn:hover:not(.disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 8px 25px rgba(34,197,94,.4)}.teacher-card.hover-legendary:hover{box-shadow:0 20px 40px rgba(34,197,94,.3),0 0 0 1px rgba(34,197,94,.3)}.teacher-card.hover-excellent:hover{box-shadow:0 20px 40px rgba(16,185,129,.3),0 0 0 1px rgba(16,185,129,.3)}.teacher-card.hover-very-good:hover{box-shadow:0 20px 40px rgba(6,182,212,.3),0 0 0 1px rgba(6,182,212,.3)}.teacher-card.hover-good:hover{box-shadow:0 20px 40px rgba(59,130,246,.3),0 0 0 1px rgba(59,130,246,.3)}.teacher-card.hover-average:hover{box-shadow:0 20px 40px rgba(245,158,11,.3),0 0 0 1px rgba(245,158,11,.3)}.teacher-card.hover-poor:hover{box-shadow:0 20px 40px rgba(239,68,68,.3),0 0 0 1px rgba(239,68,68,.3)}.reviewed-badge{position:absolute;top:var(--space-lg);right:var(--space-lg);width:clamp(24px,5vw,32px);height:clamp(24px,5vw,32px);background:var(--rating-excellent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 4px 12px rgba(16,185,129,.4);z-index:10;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.card-live-indicator{position:absolute;top:var(--space-sm);right:var(--space-sm);width:clamp(8px,2vw,12px);height:clamp(8px,2vw,12px)}.live-pulse{width:100%;height:100%;border-radius:50%;background:var(--success);animation:live-pulse 2s infinite}@keyframes live-pulse{0%{opacity:1;transform:scale(.8)}50%{opacity:.6;transform:scale(1.2)}to{opacity:1;transform:scale(.8)}}.card-content{position:relative;z-index:5;height:100%;display:flex;flex-direction:column;gap:var(--space-lg)}.teacher-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xs)}.teacher-avatar{position:relative;width:clamp(48px,10vw,64px);height:clamp(48px,10vw,64px);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:all var(--transition-bouncy);border:2px solid rgba(255,255,255,.1);flex-shrink:0;overflow:hidden}.teacher-avatar span{font-size:clamp(16px,3.5vw,20px);font-weight:800;color:white;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:2}.rating-avatar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 50%);border-radius:inherit;pointer-events:none}.teacher-avatar:hover{transform:scale(1.08) rotate(3deg);filter:brightness(1.1)}.avatar-text{font-size:clamp(16px,3.5vw,20px);font-weight:800;color:white;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:2}.rating-display{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-align:center;min-width:0}.rating-score{font-size:var(--font-size-xl);font-weight:800;color:var(--text-primary);line-height:1}.review-count,.review-count-small{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500;white-space:nowrap}.stars-container{display:flex;gap:clamp(2px,.5vw,4px);justify-content:center;margin:var(--space-xs) 0}.star{transition:all var(--transition-fast)}.star-full,.star-half{color:#fbbf24}.star-empty{color:#374151}.star:hover{transform:scale(1.2)}.teacher-info{flex:1 1;display:flex;flex-direction:column;gap:var(--space-md);min-width:0}.teacher-name{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);line-height:1.3;letter-spacing:-.01em;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.subject-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.subject-tag{padding:var(--space-sm) var(--space-md);background:rgba(99,102,241,.15);color:var(--text-accent);border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-base);white-space:nowrap}.subject-tag:hover{background:rgba(99,102,241,.25);transform:translateY(-2px)}.more-subjects,.subject-tag.more{background:rgba(139,92,246,.15);color:#c4b5fd;border-color:rgba(139,92,246,.3)}.sections-info{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.sections-icon{color:var(--text-secondary);flex-shrink:0}.sections-pills{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.section-pill{padding:var(--space-xs) var(--space-sm);background:rgba(71,85,105,.3);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap;transition:all var(--transition-base)}.section-pill:hover{background:rgba(71,85,105,.5);color:var(--text-primary)}.card-actions{margin-top:auto;flex-wrap:wrap}.action-btn,.card-actions{display:flex;gap:var(--space-sm)}.action-btn{flex:1 1;min-width:0;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-bouncy);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-base)}.action-btn:hover:before{left:100%}.view-btn{background:rgba(71,85,105,.4);color:var(--text-secondary);border:1px solid var(--border-secondary)}.view-btn:hover{background:rgba(71,85,105,.6);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 8px 20px rgba(71,85,105,.3)}.review-btn{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);color:white;border:1px solid transparent}.review-btn:hover:not(.disabled){background:linear-gradient(135deg,#5856eb,#7c3aed);transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,102,241,.4)}.review-btn.disabled{opacity:.5;cursor:not-allowed;transform:none}.pagination-controls{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-top:var(--space-3xl);padding:var(--space-xl);background:var(--bg-header);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1);flex-wrap:wrap}.pagination-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:rgba(71,85,105,.4);color:var(--text-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-bouncy);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;min-width:44px;min-height:44px}.pagination-btn:hover:not(:disabled){background:rgba(71,85,105,.6);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 8px 20px rgba(71,85,105,.3)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.page-numbers{gap:var(--space-sm);flex-wrap:wrap}.page-btn,.page-numbers{display:flex;align-items:center;justify-content:center}.page-btn{width:clamp(36px,8vw,44px);height:clamp(36px,8vw,44px);background:rgba(71,85,105,.3);color:var(--text-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-bouncy);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-btn:hover{background:rgba(71,85,105,.5);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 6px 15px rgba(71,85,105,.3)}.page-btn.active{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);color:white;border-color:transparent;box-shadow:0 6px 15px rgba(99,102,241,.4)}.page-btn.active:hover{background:linear-gradient(135deg,#5856eb,#7c3aed);transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,102,241,.5)}.btn-text-short{display:none}.teacher-card-skeleton{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:320px}.skeleton-content{display:flex;flex-direction:column;gap:var(--space-lg)}.skeleton-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.skeleton-avatar{width:clamp(48px,10vw,64px);height:clamp(48px,10vw,64px);border-radius:var(--radius-lg);background:linear-gradient(90deg,#334155,#475569,#334155);background-size:200% 100%;animation:shimmer 2s infinite}.skeleton-rating{width:clamp(60px,12vw,80px);height:clamp(20px,4vw,28px)}.skeleton-name,.skeleton-rating{border-radius:var(--radius-sm);background:linear-gradient(90deg,#334155,#475569,#334155);background-size:200% 100%;animation:shimmer 2s infinite}.skeleton-name{width:80%;height:var(--font-size-xl)}.skeleton-subjects{display:flex;gap:var(--space-sm);flex-wrap:wrap}.skeleton-tag{width:clamp(60px,12vw,80px);height:clamp(24px,5vw,32px)}.skeleton-sections,.skeleton-tag{border-radius:var(--radius-sm);background:linear-gradient(90deg,#334155,#475569,#334155);background-size:200% 100%;animation:shimmer 2s infinite}.skeleton-sections{width:70%;height:clamp(16px,3vw,20px)}.skeleton-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.skeleton-btn{flex:1 1;height:clamp(36px,7vw,44px);border-radius:var(--radius-md);background:linear-gradient(90deg,#334155,#475569,#334155);background-size:200% 100%;animation:shimmer 2s infinite}.skeleton-title{width:clamp(200px,40vw,300px);height:var(--font-size-3xl);margin-bottom:var(--space-sm)}.skeleton-subtitle,.skeleton-title{border-radius:var(--radius-sm);background:linear-gradient(90deg,#334155,#475569,#334155);background-size:200% 100%;animation:shimmer 2s infinite}.skeleton-subtitle{width:clamp(150px,30vw,200px);height:var(--font-size-base)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);text-align:center;background:var(--bg-header);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);border:1px solid var(--border-primary);max-width:clamp(400px,80vw,600px);margin:0 auto}.empty-state svg{color:rgba(99,102,241,.4);margin-bottom:var(--space-xl);animation:float 3s ease-in-out infinite}.empty-state h3{margin:0 0 var(--space-md) 0;font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.empty-state p{margin:0;font-size:var(--font-size-base);color:var(--text-secondary);max-width:clamp(300px,70vw,450px);line-height:1.6}.empty-icon{color:rgba(99,102,241,.4);margin-bottom:var(--space-xl);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-title{margin:0 0 var(--space-md) 0;font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary)}.empty-description{margin:0;font-size:var(--font-size-base);color:var(--text-secondary);max-width:clamp(300px,70vw,450px);line-height:1.6}@media (min-width:1200px){.legend-items{grid-template-columns:repeat(6,1fr)}.teacher-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:1400px}}@media (max-width:1024px){.legend-items{grid-template-columns:repeat(3,1fr)}.teacher-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1000px}.header-content{flex-direction:column;align-items:flex-start;text-align:left;gap:var(--space-xl)}.header-stats{align-self:stretch;justify-content:center}.pagination-controls{flex-direction:column;gap:var(--space-lg)}.pagination-btn{order:1}.page-numbers{order:0}}@media (max-width:768px){.legend-items{grid-template-columns:repeat(2,1fr)}.teacher-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.title-wrapper{text-align:center}.subtitle,.title-wrapper{justify-content:center}.live-indicator{margin-left:0;margin-top:var(--space-sm)}.btn-text{display:none}.btn-text-short{display:inline}.pagination-controls{padding:var(--space-lg)}.pagination-btn{padding:var(--space-sm) var(--space-md)}.page-btn,.pagination-btn{font-size:var(--font-size-xs)}.page-btn{width:clamp(32px,6vw,36px);height:clamp(32px,6vw,36px)}}@media (max-width:480px){.color-legend{padding:var(--space-lg)}.legend-items{grid-template-columns:1fr;gap:var(--space-sm)}.legend-item{padding:var(--space-sm);font-size:var(--font-size-xs)}.teacher-grid-wrapper{padding:var(--space-md)}.teacher-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--space-lg)}.teacher-header{flex-direction:column;align-items:center;text-align:center;gap:var(--space-lg)}.rating-display{order:-1}.teacher-name{text-align:center}.sections-info,.subject-tags{justify-content:center}.header-stats{flex-direction:column;width:100%}.stat-badge{justify-content:center}.pagination-controls{gap:var(--space-md);padding:var(--space-lg)}.page-numbers{gap:var(--space-xs)}}@media (max-width:360px){.teacher-grid{grid-template-columns:1fr}.teacher-header{flex-direction:row;justify-content:space-between;align-items:center;text-align:left}.rating-display{order:0}.teacher-name{text-align:left}.sections-info,.subject-tags{justify-content:flex-start}.card-actions{gap:var(--space-xs)}.action-btn{padding:var(--space-sm);min-width:44px}.pagination-btn{padding:var(--space-sm);gap:var(--space-xs)}.page-btn{width:32px;height:32px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.teacher-card:hover{transform:none}.empty-icon{animation:none}.page-btn.active:hover,.page-btn:hover,.pagination-btn:hover:not(:disabled){transform:none}}@media (prefers-contrast:high){.teacher-card{border:2px solid var(--text-secondary)}.action-btn,.section-pill,.subject-tag{border:1px solid}.page-btn,.pagination-btn{border:2px solid}}@media print{.teacher-grid-wrapper{background:white;color:black}.teacher-card{background:white;border:1px solid black;break-inside:avoid;page-break-inside:avoid}.action-btn,.pagination-controls{display:none}}.action-btn:focus-visible,.page-btn:focus-visible,.pagination-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@supports (container-type:inline-size){.teacher-card{container-type:inline-size}@container (max-width: 300px){.teacher-header{flex-direction:column;text-align:center}}}