:root{font-family:system-ui,sans-serif}body{margin:0;padding:2rem;background:#fafafa;color:#111}.app{max-width:40rem;margin:0 auto}.app-shell{display:grid;grid-template-rows:auto auto 1fr;min-height:100vh}.app-shell__header{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;background:#1f2937;color:#f9fafb;border-bottom:1px solid #111827}.app-shell__header h1{margin:0;font-size:1.25rem}.app-shell__role{margin-left:auto;padding:.125rem .5rem;border:1px solid #4b5563;border-radius:.25rem;text-transform:uppercase;font-size:.75rem}.app-shell__nav{display:flex;gap:1rem;padding:.5rem 1.5rem;background:#374151}.app-shell__nav-item{color:#e5e7eb;text-decoration:none;padding:.25rem .5rem;border-radius:.25rem}.app-shell__nav-item.is-active,.app-shell__nav-item:hover{background:#4b5563}.app-shell__main{padding:1.5rem}.app-login{display:grid;place-items:center;min-height:100vh}.app-login__form{display:grid;gap:.5rem;width:320px;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem}.app-login__form h1{margin:0 0 .5rem}.app-login__form label{font-size:.875rem;color:#374151}.app-login__form input{padding:.5rem;border:1px solid #d1d5db;border-radius:.25rem}.app-login__form button{padding:.5rem;background:#1f2937;color:#f9fafb;border:none;border-radius:.25rem;cursor:pointer}.app-login__form button:disabled{opacity:.6;cursor:progress}.app-login__error{color:#b91c1c;margin:0;font-size:.875rem}.app-loading,.app-error{padding:2rem;text-align:center;color:#6b7280}.academic-page__grid{display:grid;grid-template-columns:repeat(3,minmax(8rem,1fr)) 2fr;gap:1rem}.academic-page__col{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem}.academic-page__col--wide{grid-column:span 1}.academic-page__col h2{margin-top:0;font-size:1rem}.academic-page__col ul{list-style:none;padding:0;margin:0}.academic-page__col button.active{font-weight:700;background:#1f2937;color:#f9fafb}.users-page__error{color:#b91c1c}.assignments-page__form{display:flex;gap:.5rem;margin-bottom:1rem}.csv-enroll__preview,.csv-enroll__report{margin:.5rem 0}.enrollments-page__single,.enrollments-page__bulk{margin-bottom:1rem}.faculty-courses{padding:0}.entity-panel__title{margin-top:0}.entity-panel__form{display:grid;gap:.5rem;margin-bottom:1rem}.entity-panel__field{display:grid;gap:.25rem;font-size:.875rem}.entity-panel__error{color:#b91c1c}.entity-panel__table{width:100%;border-collapse:collapse}.entity-panel__table th,.entity-panel__table td{padding:.5rem;border-bottom:1px solid #e5e7eb;text-align:left}