*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f0f2f5;color:#333}.card{background:#fff;border-radius:10px;box-shadow:0 2px 12px #00000014;padding:2rem}button{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:600;transition:background .2s,opacity .2s}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:#4f6ef7;color:#fff}.btn-primary:hover:not(:disabled){background:#3a56d4}.btn-danger{background:#e53e3e;color:#fff}.btn-danger:hover:not(:disabled){background:#c53030}.btn-secondary{background:#e2e8f0;color:#333}.btn-secondary:hover:not(:disabled){background:#cbd5e0}input,textarea,select{width:100%;padding:.55rem .75rem;border:1px solid #cbd5e0;border-radius:6px;font-size:.95rem;outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:#4f6ef7}label{display:block;font-weight:600;margin-bottom:.3rem;font-size:.88rem;color:#555}.form-group{margin-bottom:1.1rem}.error-msg{background:#fff5f5;color:#c53030;border:1px solid #fc8181;border-radius:6px;padding:.6rem 1rem;margin-bottom:1rem;font-size:.9rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-box{width:100%;max-width:520px}.login-box h1{font-size:1.7rem;margin-bottom:.3rem;color:#1a202c}.login-box .subtitle{color:#718096;margin-bottom:1.8rem;font-size:.93rem}.login-box .toggle-link{text-align:center;margin-top:1rem;font-size:.9rem;color:#718096}.login-box .toggle-link span{color:#4f6ef7;cursor:pointer;font-weight:600}.login-box button[type=submit]{width:100%;padding:.65rem;font-size:1rem}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:#1a202c;color:#e2e8f0;display:flex;flex-direction:column;padding:1.5rem 0}.sidebar-header{padding:0 1.5rem 1.5rem;border-bottom:1px solid #2d3748}.sidebar-header h2{font-size:1.1rem;color:#fff}.sidebar-header p{font-size:.8rem;color:#a0aec0;margin-top:.25rem}.sidebar-menu{flex:1;padding:1rem 0}.sidebar-item{padding:.7rem 1.5rem;cursor:pointer;font-size:.92rem;color:#a0aec0;display:flex;align-items:center;gap:.6rem;border-left:3px solid transparent;transition:all .15s}.sidebar-item:hover,.sidebar-item.active{background:#2d3748;color:#fff;border-left-color:#4f6ef7}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid #2d3748}.main-content{flex:1;padding:2rem;overflow-y:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header h1{font-size:1.5rem;color:#1a202c}.search-input{padding:.35rem .6rem;font-size:.85rem;border:1px solid #cbd5e0;border-radius:6px;outline:none;width:170px;transition:border-color .2s}.search-input:focus{border-color:#4f6ef7}.student-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.group-letter-header{font-size:1.1rem;font-weight:700;color:#2d3748;padding:.4rem .2rem .3rem;margin-top:1rem;margin-bottom:.4rem;border-bottom:2px solid #e2e8f0}.group-letter-header:first-child{margin-top:0}.student-card{background:#fff;border-radius:10px;padding:1.2rem 1.4rem;box-shadow:0 1px 6px #00000012;cursor:pointer;transition:box-shadow .2s,transform .15s;border:2px solid transparent}.student-card:hover{box-shadow:0 4px 16px #4f6ef726;transform:translateY(-2px);border-color:#4f6ef7}.student-card h3{font-size:1rem;color:#1a202c;margin-bottom:.3rem}.student-card .student-meta{font-size:.82rem;color:#718096}.student-card .badge{display:inline-block;margin-top:.5rem;background:#ebf4ff;color:#3182ce;border-radius:999px;padding:.15rem .65rem;font-size:.77rem;font-weight:600}.empty-state{text-align:center;padding:3rem;color:#a0aec0}.empty-state p{margin-bottom:1rem;font-size:1.05rem}.detail-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem}.detail-header h1{font-size:1.5rem;color:#1a202c}.detail-actions{display:flex;gap:.6rem;margin-top:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.form-row{grid-template-columns:1fr}.layout{flex-direction:column}.sidebar{width:100%}}