.class-type-modal-dialog{max-width:900px;margin:50px auto}.class-type-modal-content{border-radius:12px;border:none;box-shadow:0 10px 40px rgba(0,0,0,0.2)}.class-type-modal-header{border-bottom:2px solid #f0f0f0;padding:30px;text-align:center}.class-type-modal-header .modal-title{font-size:32px;font-weight:600;color:#333;margin:0}.class-type-modal-body{padding:40px 30px}.class-type-panels{display:grid;grid-template-columns:repeat(3, 1fr);gap:30px}@media (max-width: 768px){.class-type-panels{grid-template-columns:1fr;gap:20px}}.class-type-panel{background:#fff;border:3px solid #e0e0e0;border-radius:12px;padding:40px 30px;text-align:center;cursor:pointer;transition:all 0.3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px}.class-type-panel:hover,.class-type-panel.panel-hover{border-color:#007bff;transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,123,255,0.2)}.class-type-panel .panel-icon{color:#007bff;margin-bottom:20px;transition:transform 0.3s ease}.class-type-panel:hover .panel-icon,.class-type-panel.panel-hover .panel-icon{transform:scale(1.1)}.class-type-panel h3{font-size:28px;font-weight:600;color:#333;margin:0 0 15px 0}.class-type-panel p{font-size:16px;color:#666;margin:0;line-height:1.5}.classroom-panel:hover,.classroom-panel.panel-hover{border-color:#28a745;box-shadow:0 8px 25px rgba(40,167,69,0.2)}.classroom-panel:hover .panel-icon,.classroom-panel.panel-hover .panel-icon{color:#28a745}.online-panel:hover,.online-panel.panel-hover{border-color:#17a2b8;box-shadow:0 8px 25px rgba(23,162,184,0.2)}.online-panel:hover .panel-icon,.online-panel.panel-hover .panel-icon{color:#17a2b8}.blended-panel:hover,.blended-panel.panel-hover{border-color:#ffc107;box-shadow:0 8px 25px rgba(255,193,7,0.2)}.blended-panel:hover .panel-icon,.blended-panel.panel-hover .panel-icon{color:#ffc107}.modal-backdrop{background-color:rgba(0,0,0,0.5)}.class-type-modal-header .close{display:none}