.app-shell[data-v-d64c1a2a]{min-height:100vh;display:flex;flex-direction:column}.app-header[data-v-d64c1a2a]{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;background:var(--card);border-block-end:1px solid var(--border)}.brand-row[data-v-d64c1a2a]{display:flex;align-items:center;gap:.75rem;min-inline-size:0}.header-logo[data-v-d64c1a2a]{border-radius:.5rem;flex-shrink:0}.school-name[data-v-d64c1a2a]{font-size:1.05rem;font-weight:650;letter-spacing:-.02em;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn[data-v-d64c1a2a]{border:1px solid var(--border);border-radius:.55rem;padding:.45rem .85rem;background:#fff;color:var(--ink);cursor:pointer;flex-shrink:0}.app-main[data-v-d64c1a2a]{flex:1;padding:1.25rem}.login-page[data-v-607a983e]{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card[data-v-607a983e]{width:min(100%,420px);background:var(--card);border:1px solid var(--border);border-radius:1.25rem;padding:2rem 1.75rem;box-shadow:0 18px 40px #1a233214}.brand[data-v-607a983e]{text-align:center;margin-block-end:1.5rem}.brand-logo[data-v-607a983e]{display:block;margin-inline:auto;border-radius:1rem}.login-form[data-v-607a983e]{display:grid;gap:.9rem}.login-form h2[data-v-607a983e]{margin:0;font-size:1.05rem}label[data-v-607a983e]{display:grid;gap:.35rem;font-size:.85rem;color:var(--muted)}input[data-v-607a983e]{width:100%;border:1px solid var(--border);border-radius:.65rem;padding:.7rem .8rem;color:var(--ink);background:#fff}input[data-v-607a983e]:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.error[data-v-607a983e]{margin:0;padding:.65rem .8rem;border-radius:.55rem;background:#fef3f2;color:var(--danger);font-size:.85rem}button[data-v-607a983e]{border:0;border-radius:.65rem;padding:.8rem 1rem;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}button[data-v-607a983e]:disabled{opacity:.55;cursor:not-allowed}.home[data-v-a770f902]{color:var(--muted)}:root{--bg: #f4f6f8;--card: #ffffff;--ink: #1a2332;--muted: #5b6b7c;--accent: #0b6e4f;--accent-soft: #e6f4ef;--border: #d8e0e8;--danger: #b42318;--font: "Segoe UI", "Helvetica Neue", Arial, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#d9f0e6 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#dce7f5 0%,transparent 50%),var(--bg)}button,input{font:inherit}