.student-rate-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.student-rate-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.45)}.student-rate-card{position:relative;width:min(620px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;box-shadow:0 20px 60px rgba(15,23,42,.2);padding:24px}.student-rate-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.student-rate-head h2{margin:4px 0}.student-rate-head p{margin:0;color:#64748b}.student-rate-form{display:grid;gap:16px}.student-rate-form label{display:grid;gap:7px;font-weight:600}.student-rate-form label span{font-weight:400}.student-rate-form input,.student-rate-form select{width:100%;box-sizing:border-box}.student-rate-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.student-rate-note,.student-rate-history{padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;color:#475569;font-size:13px}.student-rate-history{display:grid;gap:6px}.student-rate-actions{display:flex;justify-content:flex-end;gap:10px}.student-rate-btn{white-space:nowrap}@media(max-width:640px){.student-rate-modal{padding:10px;align-items:flex-end}.student-rate-card{max-height:92vh;border-radius:18px 18px 0 0;padding:18px}.student-rate-grid{grid-template-columns:1fr}.student-rate-actions{flex-direction:column}.student-rate-actions button{width:100%}}