@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700;800&display=swap");*,:after,:before{margin:0;padding:0;box-sizing:border-box;min-width:0}html{font-size:14px}body,html{height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.app.loading{align-items:center;justify-content:center}.loading-spinner{text-align:center;font-size:1.2rem;color:#667eea;font-weight:600}.app-header{background:white;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.user-details{display:flex;flex-direction:column;gap:.25rem}.header-left h1{color:#1a202c;font-size:1.8rem;margin:0}.school-name{color:#667eea;font-size:1.8rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.5rem}.school-name:before{content:"🏫";font-size:1.5rem}.user-name{color:#4a5568;font-size:.95rem;font-weight:500;margin:0}.user-info{display:flex;align-items:center;gap:1rem;margin-left:auto}.user-role{background-color:#667eea;padding:6px 12px;border-radius:6px;text-transform:capitalize}.logout-button,.user-role{color:white;font-size:.875rem;font-weight:600}.logout-button{background-color:#e53e3e;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;transition:all .2s}.logout-button:hover{background-color:#c53030;transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}.app-content{flex:1 1;width:100%;background-color:#f5f5f5}.dashboard-placeholder{background:white;border-radius:12px;padding:2rem;max-width:1200px;margin:2rem auto;box-shadow:0 4px 6px rgba(0,0,0,.1)}.dashboard-placeholder h2{color:#1a202c;font-size:1.5rem;margin-top:0;margin-bottom:1rem}.dashboard-placeholder p{color:#718096;font-size:1rem;line-height:1.6}#__next{height:100%;overflow-x:hidden}.action-btn,.stat-card,[class*=-card],[class*=-container],[class*=-grid],[class*=-list],[class*=-section],[class*=-wrap],canvas,code,iframe,img,pre,svg,table,video{max-width:100%}.ds-content .dashboard-container,.ds-content .principal-dashboard-container,.ds-content .student-dashboard-container,.ds-content .super-admin-container,.ds-content .teacher-dashboard-container{padding:0;min-height:unset;width:100%;max-width:100%;overflow-x:hidden}.ds-content .dashboard-header h1,.ds-content .principal-title,.ds-content .section-title,.ds-content h1{font-size:1.2rem;font-weight:700;line-height:1.3}.ds-content h2{font-size:1rem;font-weight:700}.ds-content h3{font-size:.9rem;font-weight:600}.ds-content h4{font-size:.8rem;font-weight:600}.ds-content .metric-value,.ds-content .stat-content h3,.ds-content .stat-value{font-size:1.5rem;font-weight:800}.ds-content .dashboard-header,.ds-content .navigation-section,.ds-content .overview-section,.ds-content .quick-actions,.ds-content .stats-grid,.ds-content .teachers-section{margin-bottom:1rem}.ds-content .empty-state,.ds-content .loading-container{padding:2rem 1rem}.ds-content .adm-table-wrap,.ds-content [class*=-table-wrap],.ds-content [class*=table-container],.ds-content [class*=table-scroll]{overflow-x:auto;max-width:100%}.ds-content .stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:.75rem}.ds-content [class*=-grid]:not(.stats-grid){grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}.ds-content [class*=-actions],.ds-content [class*=-row],.ds-content [class*=-tabs]{flex-wrap:wrap;max-width:100%}.ds-content [class*=-card],.ds-content [class*=-item],.ds-content [class*=-panel]{min-width:0;max-width:100%;word-break:break-word;overflow-wrap:break-word}@media (max-width:768px){.app-header{flex-direction:column;align-items:flex-start}.app-header h1,.school-name{font-size:1.5rem}.school-name:before{font-size:1.2rem}.user-name{font-size:.875rem}.user-info{width:100%;justify-content:space-between;margin-left:0}.app-content{padding:1rem}}