@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-blue:#185fa5;--primary-blue-dark:#0c447c;--primary-blue-light:#378add;--primary-blue-lighter:#5ba3e8;--accent-green:#1d9e75;--accent-green-dark:#0f6e56;--accent-green-light:#5dcaa5;--accent-green-lighter:#9fe1cb;--sky-start:#378add26;--sky-end:#378add0d;--subject-maths:#3b82f6;--subject-science:#10b981;--subject-english:#8b5cf6;--subject-telugu:#f59e0b;--subject-evs:#22c55e;--subject-sanskrit:#ec4899;--subject-social:#f97316;--grade-1:#ff6b6b;--grade-2:#4ecdc4;--grade-3:#45b7d1;--grade-4:#96ceb4;--grade-5:#ffeaa7;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--radius-sm:.25rem;--radius:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:linear-gradient(180deg, var(--sky-start) 0%, var(--sky-end) 100%);min-height:100vh;color:var(--gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--primary-blue-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-blue)}::selection{background:var(--primary-blue-light);color:#fff}:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:1rem}a{color:var(--primary-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-blue-dark)}.gradient-text{background:linear-gradient(135deg, var(--primary-blue) 0%, var(--accent-green) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-5%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeIn{animation:.5s ease-out forwards fadeIn}.animate-slideIn{animation:.3s ease-out forwards slideIn}.animate-scaleIn{animation:.3s ease-out forwards scaleIn}.animate-float{animation:3s ease-in-out infinite float}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-bounce{animation:1s infinite bounce}.animate-spin{animation:1s linear infinite spin}html,body{overflow-x:hidden}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}.scroll-container{-webkit-overflow-scrolling:touch}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-area-top{padding-top:env(safe-area-inset-top,0)}@media screen and (width<=900px){html{font-size:15px}::-webkit-scrollbar{width:6px;height:6px}}@media screen and (width<=600px){html{font-size:14px}::-webkit-scrollbar{width:4px;height:4px}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}}@media screen and (width<=380px){html{font-size:13px}}@media screen and (height<=500px) and (orientation:landscape){html{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{*{color:#000!important;background:#fff!important}nav,aside,footer,button{display:none!important}}:root{--sidebar-width:260px;--sidebar-collapsed:80px;--header-height:70px;--mobile-nav-height:60px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--font-xs:.75rem;--font-sm:.85rem;--font-md:.95rem;--font-lg:1.1rem;--font-xl:1.25rem;--font-2xl:1.5rem;--border-radius-sm:8px;--border-radius-md:12px;--border-radius-lg:16px;--border-radius-xl:20px}.hide-mobile{display:block}.show-mobile{display:none!important}.hide-tablet{display:block}.show-tablet{display:none!important}.responsive-container{width:100%;max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.responsive-grid{gap:var(--spacing-md);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex-responsive{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.responsive-card{border-radius:var(--border-radius-lg);padding:var(--spacing-lg);background:#fff;box-shadow:0 2px 8px #0000000d}.responsive-input,.responsive-select,.responsive-textarea{border-radius:var(--border-radius-sm);width:100%;font-size:var(--font-md);box-sizing:border-box;border:1px solid #e5e7eb;padding:.75rem}.responsive-button{border-radius:var(--border-radius-sm);font-size:var(--font-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1.5rem;font-weight:600;transition:transform .2s,opacity .2s;display:inline-flex}.responsive-button:active{transform:scale(.98)}.responsive-modal{padding:var(--spacing-md);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.responsive-modal-content{border-radius:var(--border-radius-xl);background:#fff;width:100%;max-width:600px;max-height:90vh;overflow:auto}.text-responsive-title{font-size:var(--font-2xl);font-weight:700;line-height:1.3}.text-responsive-subtitle{font-size:var(--font-lg);font-weight:600}.text-responsive-body{font-size:var(--font-md);line-height:1.6}.touch-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}@media screen and (width<=900px){:root{--sidebar-width:220px;--header-height:60px;--spacing-lg:1.25rem;--font-2xl:1.35rem;--font-xl:1.15rem}.hide-tablet{display:none!important}.show-tablet{display:block!important}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.responsive-container{padding:0 var(--spacing-md)}.responsive-card{padding:var(--spacing-md)}.responsive-modal-content{max-width:95%;margin:var(--spacing-md)}}@media screen and (width<=768px){:root{--header-height:56px;--spacing-lg:1rem;--font-2xl:1.25rem;--font-xl:1.1rem;--font-lg:1rem}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.sidebar-desktop{display:none!important}.bottom-nav-mobile{display:flex!important}.main-content-with-sidebar{padding-bottom:var(--mobile-nav-height);margin-left:0!important}}@media screen and (width<=600px){:root{--header-height:52px;--mobile-nav-height:56px;--spacing-lg:.875rem;--spacing-md:.75rem;--font-2xl:1.15rem;--font-xl:1rem;--font-lg:.95rem;--font-md:.875rem;--font-sm:.8rem}.hide-mobile{display:none!important}.show-mobile{display:block!important}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.responsive-container{padding:0 var(--spacing-sm)}.responsive-card{padding:var(--spacing-md);border-radius:var(--border-radius-md)}.responsive-modal-content{border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;max-width:100%;max-height:100vh;margin:0;position:absolute;bottom:0;left:0;right:0}.responsive-button{font-size:var(--font-sm);width:100%;padding:.625rem 1rem}.flex-responsive{flex-direction:column}.text-responsive-title{font-size:1.1rem}.text-responsive-subtitle{font-size:.95rem}}@media screen and (width<=380px){:root{--font-2xl:1.1rem;--font-xl:.95rem;--font-lg:.9rem;--font-md:.85rem;--font-sm:.75rem;--spacing-md:.625rem}.responsive-card{padding:var(--spacing-sm)}}@media screen and (height<=500px) and (orientation:landscape){.responsive-modal-content{max-height:95vh}.bottom-nav-mobile{height:48px}}@media print{.no-print{display:none!important}}@supports (padding:env(safe-area-inset-bottom)){.bottom-nav-mobile,.responsive-modal-content{padding-bottom:env(safe-area-inset-bottom)}}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@media screen and (width<=768px){.custom-scrollbar::-webkit-scrollbar{width:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.syllabus-tracker{max-width:1200px;margin:0 auto;padding:24px}.tracker-header{margin-bottom:32px}.tracker-header h2{color:#1f2937;margin:0 0 8px;font-size:28px;font-weight:700}.tracker-header p{color:#6b7280;margin:0;font-size:14px}.tracker-filters{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:32px;display:flex}.grade-select,.subject-select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:150px;padding:10px 16px;font-size:14px}.subject-select:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6}.view-filters{gap:8px;margin-left:auto;display:flex}.filter-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:13px;transition:all .2s}.filter-btn:hover{border-color:#3b82f6}.filter-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.progress-section{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:12px;margin-bottom:32px;padding:20px}.progress-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.progress-header h3{color:#1f2937;margin:0;font-size:18px;font-weight:600}.progress-stats{color:#6b7280;gap:16px;font-size:14px;display:flex}.delayed-badge{color:#991b1b;background:#fee2e2;border-radius:4px;padding:2px 8px}.progress-bar{background:#e5e7eb;border-radius:6px;width:100%;height:12px;margin-bottom:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);height:100%;transition:width .3s}.progress-details{grid-template-columns:repeat(4,1fr);gap:12px;font-size:13px;display:grid}.progress-details>div{color:#6b7280;background:#fff;border-radius:4px;padding:8px}.topics-container{flex-direction:column;gap:12px;display:flex}.loading,.no-topics,.empty-state{text-align:center;color:#6b7280;padding:48px 24px;font-size:14px}.empty-state{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px}.chapter-accordion{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.chapter-header{cursor:pointer;background:#f3f4f6;align-items:center;gap:12px;padding:16px;transition:background .2s;display:flex}.chapter-header:hover{background:#e5e7eb}.chapter-toggle{color:#6b7280;min-width:16px;font-size:12px}.chapter-title{color:#1f2937;flex:1;font-weight:600}.chapter-count{color:#1e40af;background:#dbeafe;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:500}.chapter-topics{border-top:1px solid #e5e7eb;flex-direction:column;padding:0;display:flex}.topic-card{cursor:pointer;border-bottom:1px solid #f3f4f6;border-left:4px solid #3b82f6;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.topic-card:last-child{border-bottom:none}.topic-card:hover{background:#f9fafb}.topic-checkbox{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.status-icon{font-size:18px;font-weight:700}.topic-content{flex:1;min-width:0}.topic-meta{color:#6b7280;flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.planned-date,.actual-date{align-items:center;gap:4px;display:flex}.delay-badge{color:#991b1b;background:#fee2e2;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:500}.topic-remarks{color:#6b7280;margin-top:8px;font-size:12px;font-style:italic}.topic-actions{align-items:center;gap:8px;display:flex}.assessment-badge{color:#166534;background:#f0fdf4;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500}.edit-icon{color:#9ca3af;font-size:14px}.dialog-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-box{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.dialog-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px;display:flex}.dialog-header h3{margin:0;font-size:18px;font-weight:600}.dialog-content{padding:20px}.topic-title{color:#1f2937;margin-bottom:20px;font-weight:600}.status-selector{margin-bottom:20px}.status-selector label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.status-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.status-option{cursor:pointer;border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:8px;padding:10px;font-size:13px;transition:all .2s;display:flex}.status-option:hover{background:#f0f9ff;border-color:#3b82f6}.status-option input[type=radio]{cursor:pointer}.status-option input[type=radio]:checked+span{color:#3b82f6;font-weight:600}.remarks-section{margin-bottom:20px}.remarks-section label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.remarks-section textarea{resize:vertical;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px;font-family:inherit;font-size:13px}.date-info{color:#6b7280;gap:12px;margin-bottom:20px;font-size:12px;display:flex}.dialog-actions{border-top:1px solid #e5e7eb;gap:12px;padding:20px;display:flex}.btn-cancel,.btn-save{cursor:pointer;border:none;border-radius:6px;flex:1;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.btn-cancel{color:#374151;background:#f3f4f6}.btn-cancel:hover{background:#e5e7eb}.btn-save{color:#fff;background:#3b82f6}.btn-save:hover{background:#2563eb}@media (width<=640px){.syllabus-tracker{padding:16px}.tracker-filters{flex-direction:column}.grade-select,.subject-select{width:100%}.view-filters{justify-content:space-between;width:100%;margin-left:0}.progress-details{grid-template-columns:repeat(2,1fr)}.topic-card{flex-direction:column}.topic-actions{align-self:flex-start;margin-left:40px}.dialog-box{width:95%}}.syllabus-board{max-width:1400px;margin:0 auto;padding:24px}.board-header{margin-bottom:32px}.board-header h2{color:#1f2937;margin:0 0 8px;font-size:28px;font-weight:700}.board-header p{color:#6b7280;margin:0;font-size:14px}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.card{text-align:center;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bfdbfe;border-radius:12px;padding:20px}.card-label{color:#6b7280;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.card-value{color:#1f2937;font-size:32px;font-weight:700}.tabs{border-bottom:2px solid #e5e7eb;gap:8px;margin-bottom:24px;display:flex}.tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .3s}.tab:hover{color:#3b82f6}.tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.filter-section{align-items:center;gap:12px;margin-bottom:24px;display:flex}.filter-section label{color:#374151;font-size:14px;font-weight:600}.filter-section select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:150px;padding:8px 12px;font-size:14px}.teacher-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-bottom:32px;display:grid}.teacher-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;transition:all .3s}.teacher-card:hover{box-shadow:0 10px 25px -5px #0000001a}.teacher-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.teacher-name{color:#1f2937;font-size:15px;font-weight:600}.teacher-pct{font-size:18px;font-weight:700}.progress-bar-thin{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden}.progress-fill-thin{height:100%;transition:width .3s}.teacher-stats{color:#6b7280;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.teacher-subjects{flex-direction:column;gap:8px;display:flex}.subject-badge{background:#f3f4f6;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.subject-name{color:#374151}.subject-pct{color:#1f2937;font-weight:600}.detailed-table{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.detailed-table h3{color:#1f2937;margin:0 0 16px;font-size:16px;font-weight:600}.detailed-table table{border-collapse:collapse;width:100%}.detailed-table thead{background:#f9fafb}.detailed-table th{text-align:left;color:#374151;border-bottom:2px solid #e5e7eb;padding:12px;font-size:12px;font-weight:600}.detailed-table td{border-bottom:1px solid #e5e7eb;padding:12px;font-size:13px}.teacher-col{color:#1f2937;font-weight:600}.progress-inline{align-items:center;gap:8px;display:flex}.progress-bar-inline{background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:3px;min-width:100px;height:6px}.status-badge{border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.delayed-list{flex-direction:column;gap:12px;display:flex}.delayed-item{background:#fff;border:1px solid #fee2e2;border-left:4px solid #ef4444;border-radius:8px;padding:16px}.delayed-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.grade-subject{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:4px 8px;font-size:12px}.delayed-content{margin-bottom:12px}.topic-name{color:#1f2937;margin-bottom:4px;font-weight:600}.chapter-name{color:#6b7280;font-size:12px}.delayed-badge{background:#fee2e2;border-radius:4px;margin-right:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.planned-date{color:#6b7280;font-size:12px;display:inline-block}.schools-container{grid-template-columns:1fr 1.2fr;gap:24px;display:grid}.school-cards{flex-direction:column;gap:12px;display:flex}.school-card{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:16px;transition:all .3s}.school-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.school-card.selected{background:#f0f9ff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.school-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.school-name{color:#1f2937;font-size:14px;font-weight:600}.school-pct{font-size:16px;font-weight:700}.school-stats{color:#6b7280;gap:12px;font-size:12px;display:flex}.school-detail{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-height:600px;padding:20px;overflow-y:auto}.detail-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.detail-header h3{margin:0;font-size:16px;font-weight:600}.close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:18px}.detail-summary{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.detail-summary>div{color:#6b7280;background:#f9fafb;border-radius:6px;padding:12px;font-size:13px}.coverage-table{margin-top:20px}.coverage-table h4{color:#1f2937;margin:0 0 12px;font-size:14px;font-weight:600}.coverage-table table{border-collapse:collapse;width:100%;font-size:12px}.coverage-table th{text-align:left;color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px;font-weight:600}.coverage-table td{border-bottom:1px solid #e5e7eb;padding:8px}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;display:grid}.analytics-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.analytics-card h3{color:#1f2937;margin:0 0 16px;font-size:16px;font-weight:600}.delay-chart{flex-direction:column;gap:12px;display:flex}.delay-bar{align-items:center;gap:12px;display:flex}.delay-label{color:#6b7280;min-width:80px;font-size:12px}.delay-bar-container{background:#f3f4f6;border-radius:4px;flex:1;align-items:center;height:32px;display:flex;overflow:hidden}.delay-bar-fill{background:linear-gradient(90deg,#ef4444,#f97316);height:100%;transition:width .3s}.delay-count{color:#1f2937;margin-left:8px;font-size:12px;font-weight:600}.ranking-list{flex-direction:column;gap:12px;display:flex}.ranking-item{background:#f9fafb;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.ranking-badge{color:#fff;background:#3b82f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.ranking-info{flex:1;min-width:0}.ranking-name{color:#1f2937;margin-bottom:4px;font-size:13px;font-weight:600}.ranking-pct{color:#3b82f6;font-size:14px;font-weight:700}.ranking-bar{background:#e5e7eb;border-radius:2px;min-width:60px;height:4px;overflow:hidden}.ranking-bar-fill{height:100%;transition:width .3s}.empty-state{text-align:center;color:#6b7280;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;padding:48px 24px;font-size:14px}.loading{text-align:center;color:#6b7280;padding:48px;font-size:14px}@media (width<=1024px){.schools-container,.analytics-grid{grid-template-columns:1fr}}@media (width<=640px){.syllabus-board{padding:16px}.summary-cards{grid-template-columns:repeat(2,1fr);gap:12px}.teacher-cards{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.tab{padding:8px 12px;font-size:12px}.detailed-table{overflow-x:auto}.detailed-table table{font-size:11px}.detailed-table td,.detailed-table th{padding:8px}}