:root{--bg:#f5f7fb;--panel:#fff;--text:#101828;--muted:#667085;--border:#e4e7ec;--sidebar:#07112a;--sidebar-border:#ffffff14;--active:#6b86ff;--shadow:0 2px 12px #1018280d;--radius-lg:22px;--radius-md:18px}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}button,input,select{font:inherit}.app-shell{background:var(--bg);min-height:100vh}.sidebar{background:var(--sidebar);color:#fff;z-index:1200;border-right:1px solid #ffffff08;flex-direction:column;width:270px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-brand{border-bottom:1px solid var(--sidebar-border);align-items:center;gap:14px;padding:24px 18px;display:flex}.brand-badge{background:#5b7cff;border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:16px;font-weight:700;display:grid}.brand-title{font-size:18px;font-weight:700;line-height:1.1}.brand-subtitle{color:#98a2b3;margin-top:3px;font-size:15px}.sidebar-nav{flex:1;padding:14px 16px;overflow-y:auto}.sidebar-link{color:#e4e7ec;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:16px;align-items:center;gap:14px;width:100%;margin-bottom:8px;padding:14px;font-size:17px;font-weight:500;transition:all .18s;display:flex}.sidebar-link:hover{background:#ffffff0f}.sidebar-link.active{background:var(--active);color:#fff}.sidebar-link-icon{flex-shrink:0;justify-content:center;width:24px;display:inline-flex}.sidebar-user{border-top:1px solid var(--sidebar-border);align-items:center;gap:12px;padding:18px 16px;display:flex}.user-avatar{background:#213056;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.user-meta{flex:1;min-width:0}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.user-email{color:#98a2b3;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13px;overflow:hidden}.main-content{min-width:0;margin-left:270px;padding:28px 28px 36px}.page-title{letter-spacing:-.03em;margin:6px 0 8px;font-size:34px;font-weight:800;line-height:1.05}.page-subtitle{color:var(--muted);margin:0 0 24px;font-size:16px}.stats-grid{grid-template-columns:repeat(4,minmax(220px,1fr));gap:18px;display:grid}.stat-card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.stat-card{min-height:152px;padding:24px}.stat-card-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.stat-title{color:#475467;margin-bottom:10px;font-size:17px}.stat-value{letter-spacing:-.03em;color:#101828;font-size:38px;font-weight:800;line-height:1}.stat-subtitle{color:#667085;white-space:pre-line;margin-top:10px;font-size:14px}.metric-icon{border-radius:18px;flex-shrink:0;place-items:center;width:56px;height:56px;font-size:26px;font-weight:700;display:grid}.metric-blue{color:#4f46e5;background:#e0e7ff}.metric-amber{color:#d97706;background:#fef3c7}.metric-lime{color:#65a30d;background:#dcfce7}.metric-purple{color:#9333ea;background:#f3e8ff}.metric-green{color:#15803d;background:#dcfce7}.metric-indigo{color:#4f46e5;background:#e0e7ff}.metric-pink{color:#db2777;background:#fce7f3}.metric-orange{color:#ea580c;background:#ffedd5}.panels-grid{grid-template-columns:repeat(2,minmax(320px,1fr));gap:18px;margin-top:18px;display:grid}.panel{min-width:0;padding:24px 28px}.panel-title{color:#101828;margin:2px 0 20px;font-size:20px;font-weight:700;line-height:1.1}.pipeline-row{color:#475467;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:15px;display:flex}.pipeline-left{align-items:center;gap:14px;display:flex}.pipeline-value{color:#101828;font-size:16px;font-weight:700}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.dot-green{background:#6cc24a}.dot-amber{background:#e0a108}.dot-blue{background:#6280f3}.dot-gray{background:#98a2b3}.field{flex-direction:column;gap:8px;display:flex}.field-label{color:#344054;font-size:14px;font-weight:600}.field-input{color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:12px;outline:none;width:100%;min-height:46px;padding:12px 14px}.field-input:focus{border-color:#6b86ff;box-shadow:0 0 0 3px #6b86ff1f}.form-actions{align-items:end;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#5b7cff;border:none;border-radius:12px;min-height:46px;padding:0 18px;font-weight:700}.primary-btn:hover{background:#4f6fff}.table-wrap{margin-top:18px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #eaecf0;padding:14px 10px;font-size:14px}.data-table th{color:#344054;white-space:nowrap;font-weight:700}.data-table td{color:#475467}.empty-state{color:#667085;font-size:16px}.mobile-menu-btn{z-index:1400;border:1px solid var(--border);width:44px;height:44px;box-shadow:var(--shadow);cursor:pointer;background:#fff;border-radius:12px;display:none;position:fixed;top:16px;left:16px}.sidebar-overlay{display:none}@media (width<=1280px){.stats-grid{grid-template-columns:repeat(3,minmax(220px,1fr))}}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.panels-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr 1fr}}@media (width<=992px){.mobile-menu-btn{place-items:center;display:grid}.sidebar{transition:transform .22s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.show{z-index:1100;background:#02061773;display:block;position:fixed;inset:0}.main-content{margin-left:0;padding:76px 18px 28px}.page-title{font-size:30px}}@media (width<=768px){.stats-grid,.form-grid{grid-template-columns:1fr}.panel,.stat-card{padding:20px}.stat-value{font-size:34px}.metric-icon{width:50px;height:50px;font-size:22px}}@media (width<=640px){.sidebar{width:88%;max-width:320px}.main-content{padding:74px 14px 22px}.page-title{font-size:28px}.page-subtitle{font-size:15px}.data-table{min-width:620px}}.page-topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.top-action-btn{border-radius:12px;min-width:136px;height:44px}.toolbar-row{grid-template-columns:1fr 170px;gap:14px;margin-bottom:24px;display:grid}.search-box{height:44px;box-shadow:var(--shadow);background:#fff;border:1px solid #d0d5dd;border-radius:12px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-icon{color:#667085;flex-shrink:0;font-size:18px}.search-input{color:#101828;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:16px}.toolbar-select{color:#344054;height:44px;box-shadow:var(--shadow);background:#fff;border:1px solid #d0d5dd;border-radius:12px;padding:0 14px}.tutor-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px;display:grid}.tutor-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:20px;min-height:290px;padding:28px}.tutor-card-top{align-items:flex-start;gap:16px;display:flex}.tutor-avatar{color:#4f46e5;background:#e9edff;border-radius:50%;flex-shrink:0;place-items:center;width:50px;height:50px;font-size:22px;display:grid}.tutor-main{flex:1;min-width:0}.tutor-name-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.tutor-name{color:#101828;font-size:18px;font-weight:700}.tutor-email{color:#667085;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:14px;overflow:hidden}.status-pill{pointer-events:none;-webkit-user-select:none;user-select:none;text-transform:lowercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 12px;font-size:13px;line-height:1;display:inline-flex}.status-active{color:#2f7d32;background:#dcfce7}.status-pending{color:#b45309;background:#fef3c7}.status-inactive{color:#6b7280;background:#f3f4f6}.subject-pill{color:#4b5d8f;background:#e8eefc;border-radius:8px;margin-top:14px;padding:5px 10px;font-size:13px;display:inline-block}.tutor-divider{border-top:1px solid #e5e7eb;margin:14px 0 16px}.tutor-stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mini-label{color:#667085;margin-bottom:6px;font-size:14px}.mini-value{color:#101828;font-size:18px;font-weight:700}.tutor-card-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.tutor-phone{color:#667085;font-size:15px}.text-btn{color:#101828;cursor:pointer;background:0 0;border:none;font-size:15px}.text-btn:hover{text-decoration:underline}.modal-backdrop{z-index:2000;background:#02061773;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #e5e7eb;border-radius:24px;width:100%;max-width:820px;padding:24px;box-shadow:0 20px 60px #0206172e}.modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.modal-close{cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:10px;width:38px;height:38px;font-size:22px}.modal-actions{grid-column:1/-1;justify-content:flex-end;gap:12px;display:flex}.secondary-btn{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:12px;min-height:46px;padding:0 18px;font-weight:600}.secondary-btn:hover{background:#f9fafb}@media (width<=900px){.toolbar-row{grid-template-columns:1fr}.page-topbar{flex-direction:column;align-items:stretch}.top-action-btn{width:100%}.tutor-cards-grid{grid-template-columns:1fr}}@media (width<=640px){.tutor-card{min-height:auto;padding:20px}.tutor-name-row{flex-direction:column;align-items:flex-start}.tutor-stats{grid-template-columns:1fr}.tutor-card-footer{flex-direction:column;align-items:flex-start}.modal-card{border-radius:18px;padding:18px}}.cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-top:20px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;box-shadow:0 10px 30px #0f172a0f}.card-header{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.avatar{color:#2563eb;background:#dbeafe;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.card-head-text{flex:1;min-width:0}.card-head-text h3{color:#0f172a;margin:0;font-size:18px;font-weight:800;line-height:1.2}.card-head-text p{color:#64748b;word-break:break-word;margin:6px 0 0;font-size:14px}.badge{text-transform:capitalize;cursor:pointer;border:0;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.badge.active{color:#047857;background:#10b9811f}.badge.pending{color:#b45309;background:#f59e0b24}.badge.inactive{color:#b91c1c;background:#ef44441f}.subject-row{margin-bottom:14px}.subject-chip{color:#334155;background:#f1f5f9;border-radius:999px;align-items:center;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.stats>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px}.stats span{color:#64748b;margin-bottom:6px;font-size:12px;display:block}.stats strong{color:#0f172a;font-size:18px;font-weight:800;display:block}.card-footer{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.card-footer span{color:#475569;word-break:break-word;font-size:14px}.card-footer button{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:700}.primary-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3b82f6,#4f46e5);border:0;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:800}.secondary-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:700}.toolbar{align-items:center;gap:12px;margin-top:18px;margin-bottom:8px;display:flex}.search-wrap{flex:1}.search-input,.filter-select,.form-grid input,.form-grid select{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #dbe0e6;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:14px}.filter-select{max-width:160px}.modal{z-index:9999;background:#0f172a80;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal-box.premium{background:#fff;border-radius:20px;width:100%;max-width:760px;padding:22px;box-shadow:0 30px 80px #0f172a38}.modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-header h2{color:#0f172a;margin:0;font-size:24px;font-weight:800}.modal-header button{color:#0f172a;cursor:pointer;background:#e2e8f0;border:0;border-radius:12px;width:40px;height:40px;font-size:18px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid label,.form-grid div label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}@media (width<=767px){.toolbar{flex-direction:column;align-items:stretch}.filter-select{max-width:none}.stats,.form-grid{grid-template-columns:1fr}.card-footer{flex-direction:column;align-items:stretch}}.sh-info-card{color:#475569;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;margin-top:20px;padding:18px 20px;font-size:14px;box-shadow:0 8px 25px #0f172a0d}@media (width<=1200px){.dashboard-grid{grid-template-columns:repeat(3,1fr)!important}}@media (width<=900px){.dashboard-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=600px){.dashboard-grid{grid-template-columns:1fr!important}}.dashboard-grid{gap:20px;max-width:1200px;display:grid;grid-template-columns:repeat(4,1fr)!important}.dashboard-card{border-radius:16px;padding:18px!important}.dashboard-card h2{font-size:28px!important}.dashboard-card p{font-size:13px!important}.dashboard-icon{border-radius:12px!important;width:44px!important;height:44px!important}@media (width<=1200px){.dashboard-grid{grid-template-columns:repeat(3,1fr)!important}}@media (width<=900px){.dashboard-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=600px){.dashboard-grid{grid-template-columns:1fr!important}}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.stat-card{border-radius:16px!important;min-height:128px!important;padding:18px!important}.stat-card-top{gap:10px!important}.stat-title{font-size:14px!important}.stat-value{margin-top:6px!important;font-size:30px!important;line-height:1!important}.stat-subtitle{margin-top:8px!important;font-size:12px!important}.metric-icon{border-radius:16px!important;width:52px!important;height:52px!important;font-size:24px!important}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=640px){.stats-grid{grid-template-columns:1fr!important}}.tracking-page{min-width:0;padding:28px 28px 36px}.tracking-head{margin-bottom:22px}.tracking-title{letter-spacing:-.03em;color:#111827;margin:6px 0 8px;font-size:34px;font-weight:800;line-height:1.05}.tracking-subtitle{color:#6b7280;margin:0;font-size:16px}.tracking-stats-grid{grid-template-columns:repeat(3,minmax(240px,1fr));gap:16px;margin-bottom:48px;display:grid}.tracking-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;min-height:118px;padding:26px 28px;box-shadow:0 8px 24px #0f172a0f}.tracking-stat-row{align-items:center;gap:16px;display:flex}.tracking-stat-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;font-weight:700;display:flex}.tracking-icon-amber{color:#d97706;background:#fef3c7}.tracking-icon-green{color:#65a30d;background:#dcfce7}.tracking-icon-blue{color:#4f46e5;background:#e0e7ff}.tracking-stat-value{color:#111827;margin-bottom:6px;font-size:28px;font-weight:800;line-height:1}.tracking-stat-label{color:#6b7280;font-size:14px}.tracking-empty-wrap{text-align:center;color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.tracking-empty-icon{opacity:.55;margin-bottom:18px;font-size:46px;line-height:1}.tracking-empty-title{color:#6b7280;margin-bottom:8px;font-size:18px;font-weight:700}.tracking-empty-subtitle{color:#6b7280;font-size:15px}.tracking-footer-note{text-align:center;color:#9ca3af;margin-top:36px;font-size:14px}@media (width<=1100px){.tracking-stats-grid{grid-template-columns:1fr}}.students-page{min-width:0;padding:28px 28px 36px}.students-topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.students-title{letter-spacing:-.03em;color:#111827;margin:6px 0 8px;font-size:34px;font-weight:800;line-height:1.05}.students-subtitle{color:#6b7280;margin:0;font-size:16px}.students-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(90deg,#3b82f6,#4f46e5);border:0;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:800}.students-search-wrap{margin-bottom:22px}.students-search-input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #dbe0e6;border-radius:12px;outline:none;width:100%;padding:13px 14px;font-size:14px}.students-empty{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;min-height:320px;display:flex}.students-empty-icon{opacity:.5;margin-bottom:12px;font-size:42px;line-height:1}.students-empty-title{color:#475569;margin-bottom:6px;font-size:18px;font-weight:700}.students-empty-subtitle{font-size:14px}.students-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.students-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;box-shadow:0 10px 30px #0f172a0f}.students-card-head{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.students-avatar{color:#6d28d9;background:#ede9fe;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.students-head-text{flex:1;min-width:0}.students-head-text h3{color:#0f172a;margin:0;font-size:18px;font-weight:800;line-height:1.2}.students-head-text p{color:#64748b;word-break:break-word;margin:6px 0 0;font-size:14px}.students-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.students-meta>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px}.students-meta span{color:#64748b;margin-bottom:6px;font-size:12px;display:block}.students-meta strong{color:#0f172a;word-break:break-word;font-size:15px;font-weight:800;display:block}@media (width<=767px){.students-page{padding:20px 16px 28px}.students-topbar{flex-direction:column;align-items:stretch}.students-add-btn{width:100%}.students-grid,.students-meta{grid-template-columns:1fr}.students-title{font-size:28px}.students-subtitle{font-size:14px}}.student-form-card{background:#fff;border:1px solid #e6e8ec;border-radius:16px;max-width:700px;margin-top:24px;padding:28px;box-shadow:0 12px 32px #0f172a0f}.form-title{margin-bottom:20px;font-size:20px;font-weight:700}.form-group{flex-direction:column;margin-bottom:18px;display:flex}.form-group label{color:#111827;margin-bottom:6px;font-size:14px;font-weight:600}.form-group input{border:1px solid #d1d5db;border-radius:12px;outline:none;height:46px;padding:0 14px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.form-group small{color:#6b7280;margin-top:4px;font-size:12px}.form-actions{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;padding:10px 18px;font-weight:600}.btn-secondary{cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;padding:10px 18px;font-weight:500}.students-modal{z-index:3000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.students-modal-backdrop{background:#0f172a8c;position:absolute;inset:0}.students-modal-box{z-index:1;background:#fff;border:1px solid #e5e7eb;border-radius:22px;width:100%;max-width:760px;padding:24px;position:relative;box-shadow:0 30px 80px #0f172a38}.students-modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.students-modal-head h2{color:#0f172a;margin:0;font-size:24px;font-weight:800}.students-modal-head button{color:#0f172a;cursor:pointer;background:#e2e8f0;border:0;border-radius:12px;width:40px;height:40px;font-size:18px}.students-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.students-field{flex-direction:column;display:flex}.students-field label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.students-field input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #dbe0e6;border-radius:12px;outline:none;width:100%;padding:12px 14px;font-size:14px}.students-field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.students-field small{color:#64748b;margin-top:6px;font-size:12px;line-height:1.45;display:block}.students-modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.students-cancel-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:700}.students-save-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#3b82f6,#4f46e5);border:0;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:800}@media (width<=767px){.students-modal{align-items:flex-end;padding:12px}.students-modal-box{border-radius:20px 20px 0 0;max-width:none;padding:18px}.students-form-grid{grid-template-columns:1fr}.students-modal-actions{flex-direction:column}.students-cancel-btn,.students-save-btn{width:100%}}html,body,#root{min-height:100%;margin:0;padding:0}body{color:#111827;background:#fff;font-family:Arial,sans-serif}