@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700;800&display=swap");*{margin:0;padding:0;box-sizing:border-box}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}@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}}