*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Arial,sans-serif;background:#f7f4ee;color:#1f2937}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.site-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(187,35,35,.06),transparent 24%),radial-gradient(circle at bottom right,rgba(229,115,48,.08),transparent 22%),linear-gradient(180deg,#fbf8f3,#f7f4ee)}.container{max-width:1200px;margin:0 auto;padding:24px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.brand-block{display:flex;flex-direction:column;gap:4px}.brand-title{font-size:24px;font-weight:800;letter-spacing:-.02em;color:#7f1d1d}.brand-subtle{font-size:14px;color:#7b7280}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a{padding:10px 14px;background:hsla(0,0%,100%,.78);border:1px solid #eadfce;border-radius:999px;font-size:14px;color:#6b3b2a;box-shadow:0 8px 20px rgba(60,41,20,.05)}.card{background:hsla(0,0%,100%,.9);border-radius:22px;padding:20px;box-shadow:0 14px 34px rgba(60,41,20,.08);border:1px solid #eee3d4}.grid{display:grid;grid-gap:16px;gap:16px}.grid-4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}label{display:block;font-size:14px;margin-bottom:8px;font-weight:700;color:#4b5563}input,select,textarea{width:100%;padding:13px 14px;border-radius:14px;border:1px solid #ddcfbf;background:#fffdf9;font-size:15px;color:#1f2937;outline:none}input:focus,select:focus,textarea:focus{border-color:#d96d3f;box-shadow:0 0 0 4px rgba(217,109,63,.12)}button{border:none;border-radius:14px;padding:12px 16px;cursor:pointer;font-size:15px;font-weight:700}.primary-btn{background:linear-gradient(135deg,#b91c1c,#d96d3f);color:#fff;box-shadow:0 12px 24px rgba(185,28,28,.18)}button.secondary{background:#efe7db;color:#4b5563}.muted{color:#6b7280}.form-message{font-size:14px;color:#6b7280;line-height:1.5}.login-shell{min-height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center}.login-panel{width:100%;max-width:1080px;display:grid;grid-template-columns:1.05fr .95fr;grid-gap:28px;gap:28px;align-items:stretch}.login-left{padding:22px 10px 22px 6px;display:flex;flex-direction:column;justify-content:center}.logo-wrap{margin-bottom:18px}.school-logo{width:220px;height:auto;object-fit:contain;border-radius:18px;background:#fff9f3;padding:12px;box-shadow:0 10px 24px rgba(60,41,20,.06);border:1px solid #eee3d4}.login-copy h1{margin:0 0 14px;font-size:42px;line-height:1.08;letter-spacing:-.03em;color:#7f1d1d}.login-copy p{margin:0;font-size:18px;line-height:1.7;color:#6b7280;max-width:560px}.login-card{background:hsla(0,0%,100%,.94);border:1px solid #eee3d4;border-radius:28px;padding:30px;box-shadow:0 18px 42px rgba(60,41,20,.1);align-self:center}.login-card-header{margin-bottom:20px}.login-card-header h2{margin:0 0 8px;font-size:32px;color:#111827}.login-card-header p{margin:0;color:#6b7280;line-height:1.6}.welcome-banner{background:linear-gradient(135deg,#fff7ed,#fff1f2);border:1px solid #f1dfcf;padding:24px;border-radius:24px;margin-bottom:24px;box-shadow:0 12px 28px rgba(60,41,20,.06)}.stat-card h2{margin:8px 0 0;font-size:30px;color:#7f1d1d}@media (max-width:860px){.login-panel{grid-template-columns:1fr}.login-left{padding:0}.login-copy h1{font-size:32px}.topbar{flex-direction:column;align-items:flex-start}}