.school-groups-new-page .main-container *{box-sizing:border-box}.school-groups-new-page{margin:0;padding:0;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;background:transparent;overflow-x:hidden;word-break:normal;overflow-wrap:break-word}.school-groups-new-page .main-container{max-width:1200px;margin:0 auto;padding:20px;overflow-x:hidden;background:#f8f9fa;border-radius:8px}.school-groups-new-page .hero-section{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;padding:40px 0;text-align:center}.school-groups-new-page .hero-section h1{margin-bottom:10px;font-size:2rem}.school-groups-new-page .hero-section .subtitle{font-size:0.9rem;opacity:0.9;margin-bottom:5px}.school-groups-new-page .hero-section .lead{font-size:1.1rem;margin-top:10px}.school-groups-new-page .step-overview{background:white;border-radius:8px;padding:30px;margin:30px 0;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.school-groups-new-page .step-item{display:flex;align-items:flex-start;margin-bottom:20px;padding:20px;border-left:4px solid #667eea;background:#f8f9fa;border-radius:0 8px 8px 0;position:relative}.school-groups-new-page .step-item:last-child{margin-bottom:0}.school-groups-new-page .step-number{display:inline-block !important;width:30px !important;height:30px !important;background:#667eea !important;color:white !important;border-radius:50% !important;text-align:center !important;line-height:30px !important;font-weight:bold !important;margin-right:15px !important;flex-shrink:0 !important}.school-groups-new-page .step-content{flex:1}.school-groups-new-page .step-content strong{display:block;margin-bottom:5px;font-size:1.1rem}.school-groups-new-page .step-content small{color:#666;line-height:1.4}.school-groups-new-page .step-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#667eea;font-size:18px}.school-groups-new-page .section-card{background:#f5f5f5;border-radius:8px;padding:30px;margin:30px 0;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.school-groups-new-page .info-box,.school-groups-new-page .example-box{background:#e3f2fd;border:1px solid #bbdefb;border-radius:8px;padding:15px;margin:15px 0}.school-groups-new-page .section-header{display:flex;align-items:center;margin-bottom:25px;flex-direction:column !important;align-items:flex-start !important}.school-groups-new-page .section-header .step-number{margin-right:20px}.school-groups-new-page .section-header h4{margin:0;color:#333}.school-groups-new-page .section-header p{margin:5px 0 5px 0;color:#666}.school-groups-new-page .example-toggle{background:#e3f2fd;border:2px solid #2196f3;border-radius:8px;padding:20px;margin:20px 0;cursor:pointer;transition:all 0.3s ease}.school-groups-new-page .example-toggle:hover{background:#bbdefb;transform:translateY(-2px)}.school-groups-new-page .example-toggle-content{display:flex;justify-content:space-between;align-items:center}.school-groups-new-page .example-toggle-text{flex:1;padding-right:20px}.school-groups-new-page .example-toggle-text strong{font-size:1.1rem;color:#1976d2}.school-groups-new-page .example-toggle-text p{margin:5px 0 0 0;color:#666;font-size:0.9rem}.school-groups-new-page .form-section{margin-bottom:30px !important}.school-groups-new-page .form-grid{display:grid !important;grid-template-columns:1fr !important;gap:20px !important;max-width:900px !important;margin:0 auto !important;width:100% !important;box-sizing:border-box !important}.school-groups-new-page .form-column{width:100% !important;min-width:0 !important;max-width:100% !important;box-sizing:border-box !important}.school-groups-new-page .form-row{display:flex !important;flex-direction:row !important;align-items:flex-start !important;gap:8px !important;width:100% !important;max-width:100% !important;margin-bottom:15px !important;box-sizing:border-box !important}.school-groups-new-page .form-row label{min-width:120px !important;max-width:120px !important;padding-top:8px !important;margin-bottom:0 !important;box-sizing:border-box !important;flex-shrink:0 !important}.school-groups-new-page .form-row .form-control,.school-groups-new-page .form-row input[type="text"],.school-groups-new-page .form-row input[type="number"],.school-groups-new-page .form-row input[type="email"],.school-groups-new-page .form-row select,.school-groups-new-page .form-row textarea{flex:1 !important;min-width:0 !important;box-sizing:border-box !important}@media (min-width: 992px){.school-groups-new-page .class-input-section .form-grid,.school-groups-new-page .learning-data-section .form-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:20px !important}.school-groups-new-page .class-input-section .form-row,.school-groups-new-page .learning-data-section .form-row{display:flex !important;flex-direction:column !important;align-items:stretch !important}.school-groups-new-page .class-input-section .form-row label,.school-groups-new-page .learning-data-section .form-row label{min-width:auto !important;max-width:100% !important;padding-top:0 !important;margin-bottom:5px !important;text-align:left !important;flex-shrink:0 !important}.school-groups-new-page .class-input-section .form-control,.school-groups-new-page .learning-data-section .form-control{width:100% !important;min-width:200px !important;max-width:100% !important;height:38px !important;flex:1 !important;box-sizing:border-box !important}}@media (min-width: 481px) and (max-width: 899px){.school-groups-new-page .class-input-section .form-grid{display:block !important;grid-template-columns:none !important}.school-groups-new-page .class-input-section .form-row{display:flex !important;flex-direction:row !important;align-items:flex-start !important;margin-bottom:15px !important}.school-groups-new-page .class-input-section .form-row label{min-width:120px !important;max-width:120px !important;flex-shrink:0 !important;padding-top:8px !important;margin-bottom:0 !important;text-align:left !important}.school-groups-new-page .class-input-section .form-control{flex:1 !important;min-width:200px !important;max-width:300px !important;height:40px !important;box-sizing:border-box !important}}@media (max-width: 480px){.school-groups-new-page .class-input-section .form-grid{display:block !important;grid-template-columns:none !important}.school-groups-new-page .class-input-section .form-row{display:flex !important;flex-direction:column !important;align-items:stretch !important;margin-bottom:15px !important}.school-groups-new-page .class-input-section .form-row label{min-width:auto !important;margin-bottom:3px !important;padding-top:0 !important;text-align:left !important}.school-groups-new-page .class-input-section .form-control{width:100% !important;max-width:100% !important;height:38px !important;box-sizing:border-box !important}}.school-groups-new-page .file-select-container{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #ced4da;border-radius:6px;background:white;min-height:40px}.school-groups-new-page .file-select-container input[type="file"]{display:none}.school-groups-new-page .file-select-button{background:#6c757d;color:white;padding:6px 12px;border-radius:4px;font-size:0.875rem;cursor:pointer;white-space:nowrap;border:none}.school-groups-new-page .file-select-button:hover{background:#5a6268}.school-groups-new-page .file-select-status{color:#6c757d;font-size:0.9rem;flex:1}.school-groups-new-page .section-title{background:#e0f2f1;color:#00695c;font-size:1.5rem;font-weight:600;padding:15px 20px;border-radius:8px;text-align:center;margin-bottom:20px}.school-groups-new-page .section-title+p{margin:5px 0 15px 0 !important}.school-groups-new-page .input-container{border:5px dashed #007bff;border-radius:8px;padding:20px;background:#f8f9ff;margin:15px 0;text-align:center}.school-groups-new-page .input-label{background:#007bff;color:white;padding:8px 15px;border-radius:15px;font-weight:600;margin-bottom:10px;display:inline-block;word-break:keep-all;overflow-wrap:break-word}@media (max-width: 480px){.school-groups-new-page .input-label{font-size:0.9rem;padding:6px 12px}.school-groups-new-page textarea.form-control::-moz-placeholder{word-break:keep-all !important;overflow-wrap:break-word !important}.school-groups-new-page textarea.form-control::placeholder{word-break:keep-all !important;overflow-wrap:break-word !important}}.school-groups-new-page .alert{border-radius:8px;padding:15px;margin:15px 0}.school-groups-new-page .alert-info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.school-groups-new-page .alert-warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.school-groups-new-page .alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.school-groups-new-page .btn{border:none;border-radius:6px;padding:12px 24px;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block}.school-groups-new-page .btn-primary{background:#007bff;color:white}.school-groups-new-page .btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.school-groups-new-page .btn-success{background:#28a745;color:white}.school-groups-new-page .btn-success:hover{background:#218838;transform:translateY(-1px)}.school-groups-new-page .btn-lg{padding:15px 30px;font-size:1.1rem}@media (max-width: 768px){.school-groups-new-page .main-container{padding:0 10px}.school-groups-new-page .hero-section{padding:30px 0}.school-groups-new-page .hero-section h1{font-size:1.5rem}.school-groups-new-page .step-overview,.school-groups-new-page .section-card{padding:20px;margin:20px 0}.school-groups-new-page .step-item{flex-direction:column;text-align:left}.school-groups-new-page .step-number{margin-right:0;margin-bottom:10px}.school-groups-new-page .section-header{flex-direction:column;align-items:flex-start}.school-groups-new-page .section-header .step-number{margin-right:0;margin-bottom:10px}.school-groups-new-page .form-row{flex-direction:column;gap:5px}.school-groups-new-page .form-row label{min-width:auto;padding-top:0}}@media (max-width: 480px){.school-groups-new-page .hero-section h1{font-size:1.3rem}.school-groups-new-page .step-overview,.school-groups-new-page .section-card{padding:15px}.school-groups-new-page .btn{padding:10px 20px;font-size:0.9rem}.school-groups-new-page .btn-lg{padding:12px 24px;font-size:1rem}}@media (max-height: 500px) and (orientation: landscape){.school-groups-new-page .main-container{max-width:95% !important;padding:10px 15px !important}.school-groups-new-page .section-card,.school-groups-new-page .step-overview{padding:15px !important;margin:10px 0 !important}.school-groups-new-page .form-grid{grid-template-columns:1fr 1fr !important;gap:15px !important}}.school-groups-new-page .text-center{text-align:center}.school-groups-new-page .text-muted{color:#6c757d}.school-groups-new-page .mb-0{margin-bottom:0}.school-groups-new-page .mb-3{margin-bottom:1rem}.school-groups-new-page .mt-3{margin-top:1rem}.school-groups-new-page .d-grid{display:grid}.school-groups-new-page .d-none{display:none}.school-groups-new-page .d-block{display:block}.school-groups-new-page .small{font-size:0.875rem}@media (max-width: 576px){.school-groups-new-page .form-row label{max-width:none !important;min-width:auto !important;width:100% !important;margin-bottom:8px !important}.school-groups-new-page .form-row{flex-direction:column !important}.school-groups-new-page .form-row>div{display:block !important}.school-groups-new-page .form-check-input{float:left !important;margin-right:8px !important;margin-top:2px !important}.school-groups-new-page .form-check-label{display:block !important}}.school-groups-new-page .row{display:flex;margin:0 -10px}.school-groups-new-page .col-md-6{padding:0 10px}.school-groups-new-page .form-control::-moz-placeholder{color:#999 !important;opacity:1 !important}.school-groups-new-page .form-control::placeholder{color:#999 !important;opacity:1 !important}.school-groups-new-page textarea.form-control::-moz-placeholder{color:#999 !important;opacity:1 !important}.school-groups-new-page textarea.form-control::placeholder{color:#999 !important;opacity:1 !important}.school-groups-new-page input.form-control::-moz-placeholder{color:#999 !important;opacity:1 !important}.school-groups-new-page input.form-control::placeholder{color:#999 !important;opacity:1 !important}.school-groups-new-page .mode-selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.school-groups-new-page .mode-header{display:flex;align-items:center;margin-bottom:15px}.school-groups-new-page .mode-icon{margin-right:15px;flex-shrink:0}.school-groups-new-page .mode-title{flex:1}.school-groups-new-page .mode-features{margin:15px 0}.school-groups-new-page .mode-benefits{text-align:center}.school-groups-new-page .mode-card{padding:19px !important}.school-groups-new-page .mode-header{flex-direction:row;text-align:left}.school-groups-new-page .mode-icon{margin-right:15px !important;margin-bottom:0}.school-groups-new-page .mode-features{text-align:left}.school-groups-new-page .mode-benefits{text-align:left}@media (max-width: 480px){.school-groups-new-page .mode-selection-grid{gap:12px}.school-groups-new-page .mode-card{padding:15px !important}.school-groups-new-page .mode-header{margin-bottom:12px}.school-groups-new-page .mode-icon{width:40px !important;height:40px !important;font-size:16px !important;margin-right:12px !important}.school-groups-new-page .mode-title h5{font-size:1rem}.school-groups-new-page .mode-title .small{font-size:0.8rem}}.school-groups-new-page .learning-data-section .form-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:20px !important}.school-groups-new-page .learning-data-section .form-row{display:flex !important;flex-direction:column !important;align-items:stretch !important}.school-groups-new-page .learning-data-section .form-row label{min-width:auto !important;max-width:100% !important;padding-top:0 !important;margin-bottom:5px !important;text-align:left !important}.school-groups-new-page .learning-data-section .form-control{width:100% !important;min-width:180px !important;flex:1 !important}.school-groups-new-page textarea[name="learning_content[content_data]"]:not(:-moz-placeholder-shown),.school-groups-new-page input[name="learning_content[name]"]:not(:-moz-placeholder-shown){color:#212529 !important;font-weight:500 !important}.school-groups-new-page textarea[name="learning_content[content_data]"]:not(:placeholder-shown),.school-groups-new-page input[name="learning_content[name]"]:not(:placeholder-shown){color:#212529 !important;font-weight:500 !important}.school-groups-new-page textarea[name="learning_content[content_data]"]::-moz-placeholder{font-size:0.85rem !important;color:#999 !important;line-height:1.5 !important}.school-groups-new-page textarea[name="learning_content[content_data]"]::placeholder{font-size:0.85rem !important;color:#999 !important;line-height:1.5 !important}.school-groups-new-page #learning-item-count{color:#212529 !important;font-weight:600 !important}.school-groups-new-page .memory-level-table{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;margin:15px 0}.school-groups-new-page .memory-level-row{display:flex;align-items:flex-start;padding:10px 0;border-bottom:1px dotted #ccc}.school-groups-new-page .memory-level-row:last-child{border-bottom:none}.school-groups-new-page .memory-level-badge{padding:4px 8px;border-radius:4px;font-size:0.8rem;min-width:70px;text-align:center;margin-right:15px;flex-shrink:0}.school-groups-new-page .memory-level-content{flex:1;min-width:0}@media (max-width: 480px){.school-groups-new-page .memory-level-row{flex-direction:column;align-items:stretch;gap:8px;padding:12px 0}.school-groups-new-page .memory-level-badge{margin-right:0;margin-bottom:5px;align-self:flex-start;min-width:60px}.school-groups-new-page .memory-level-content{width:100%}}@media (max-width: 899px){.school-groups-new-page .mode-selection-grid{grid-template-columns:1fr !important;gap:15px !important}.school-groups-new-page .mode-header{display:flex !important;flex-direction:row !important;align-items:center !important;text-align:left !important}.school-groups-new-page .mode-icon{margin-right:15px !important;margin-bottom:0 !important;flex-shrink:0 !important}.school-groups-new-page .mode-title{flex:1 !important}.school-groups-new-page .mode-features{text-align:left !important;margin:10px 0 !important}.school-groups-new-page .mode-benefits{text-align:left !important}}@media (min-width: 900px){.school-groups-new-page .mode-card{padding:18px !important}.school-groups-new-page .mode-benefits{font-size:0.8rem !important;margin-top:10px !important}}.school-groups-new-page ul.list-unstyled.mode-features li.mb-2{margin-bottom:6px !important;padding-left:16px !important;text-indent:-16px !important;line-height:1.3 !important;font-size:0.9rem !important}.school-groups-new-page .delivery-method-grid{display:flex;gap:15px;flex-wrap:wrap}.school-groups-new-page .delivery-method-item{flex:1;min-width:250px}@media (min-width: 900px){.school-groups-new-page .delivery-method-grid{display:flex;flex-direction:row}.school-groups-new-page .delivery-method-item{flex:1;min-width:0}}@media (min-width: 481px) and (max-width: 899px){.school-groups-new-page .delivery-method-grid{display:flex;flex-direction:column;gap:10px}.school-groups-new-page .delivery-method-item{flex:none;width:100%}}@media (max-width: 480px){.school-groups-new-page .delivery-method-grid{display:flex;flex-direction:column;gap:10px}.school-groups-new-page .delivery-method-item{flex:none;width:100%}}.school-groups-new-page .delivery-method-card{border:1px solid #dee2e6;border-radius:8px;padding:15px;margin-bottom:10px;transition:all 0.3s ease;cursor:pointer}.school-groups-new-page .delivery-method-card:hover{box-shadow:0 2px 8px rgba(0,0,0,0.1);border-color:#007bff}.school-groups-new-page .basic-settings-grid{display:flex;gap:20px;flex-wrap:wrap}.school-groups-new-page .basic-settings-item{flex:1;min-width:250px}.school-groups-new-page .basic-settings-row{margin-bottom:15px}.school-groups-new-page .basic-settings-row label{display:block;margin-bottom:5px;font-weight:500}@media (min-width: 900px){.school-groups-new-page .basic-settings-grid{display:flex;flex-direction:row}.school-groups-new-page .basic-settings-item{flex:1;min-width:0}}@media (min-width: 481px) and (max-width: 899px){.school-groups-new-page .basic-settings-grid{display:flex;flex-direction:column;gap:15px}.school-groups-new-page .basic-settings-item{flex:none;width:100%}}@media (max-width: 480px){.school-groups-new-page .basic-settings-grid{display:flex;flex-direction:column;gap:15px}.school-groups-new-page .basic-settings-item{flex:none;width:100%}}.school-groups-new-page .leader-function-checkbox{margin-bottom:15px}.school-groups-new-page .leader-function-checkbox .form-check-input{margin-right:8px}.school-groups-new-page .leader-function-checkbox .form-check-label{margin-left:0;font-weight:bold}.school-groups-new-page .leader-info-panel{background:#e3f2fd;border:1px solid #2196f3;color:#1565c0;border-radius:8px;padding:15px;margin-bottom:15px;font-size:14px}.school-groups-new-page .leader-info-panel .panel-title{font-weight:bold;margin-bottom:12px;display:flex;align-items:center}.school-groups-new-page .leader-info-panel .panel-title i{margin-right:8px;color:#1976d2}.school-groups-new-page .main-section-title{font-weight:bold;margin-bottom:10px;display:flex;align-items:center;font-size:14px}.school-groups-new-page .main-section-title i{margin-right:6px;color:#1976d2}.school-groups-new-page .sub-section-content{margin-left:20px;margin-bottom:12px}@media (max-width: 480px){.school-groups-new-page .leader-info-panel{padding:12px;margin-bottom:12px}.school-groups-new-page .sub-section-content{margin-bottom:10px}}.navbar{z-index:1030 !important}.navbar .dropdown-menu{z-index:1031 !important}@keyframes slideDown{from{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.school-groups-new-page #error-alert button:hover{transform:scale(1.2);color:#dc3545}.school-groups-new-page input[readonly],.school-groups-new-page textarea[readonly]{background-color:#e9ecef !important;color:#6c757d !important;cursor:not-allowed !important;border-color:#ced4da !important;opacity:0.8 !important}.school-groups-new-page input[readonly]::-moz-placeholder,.school-groups-new-page textarea[readonly]::-moz-placeholder{color:#adb5bd !important;font-style:italic !important}.school-groups-new-page input[readonly]::placeholder,.school-groups-new-page textarea[readonly]::placeholder{color:#adb5bd !important;font-style:italic !important}.school-groups-new-page input[readonly]:focus,.school-groups-new-page textarea[readonly]:focus{background-color:#e9ecef !important;border-color:#ced4da !important;box-shadow:none !important;outline:none !important}.school-groups-new-page .auto-calculated-field{position:relative}.school-groups-new-page .auto-calculated-field::after{content:"🔒";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:0.8rem;opacity:0.6;pointer-events:none}