@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#17223a;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}h1,h2{font-family:Manrope,sans-serif}h1{font-size:2rem;margin:0 0 .4rem}h2{font-size:1.1rem;margin:0 0 1rem}p{line-height:1.5}button{border:0;border-radius:10px;background:#2155cd;color:#fff;font:inherit;font-weight:700;padding:.8rem 1.1rem;cursor:pointer}button:disabled{opacity:.55;cursor:wait}input{display:block;width:100%;padding:.8rem;border:1px solid #d8dfeb;border-radius:9px;margin-top:.35rem;font:inherit;background:#fff}label{display:block;font-size:.87rem;font-weight:600;margin:.9rem 0}.check{display:flex;align-items:center;gap:.5rem}.check input{width:auto;margin:0}.auth{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(145deg,#dce8ff,#f7f9fd)}.auth .card{width:min(100%,450px)}.card{background:#fff;border:1px solid #e5eaf2;border-radius:16px;padding:1.5rem;box-shadow:0 8px 30px #1e37640a}.card p{color:#66748d}.card form button{width:100%;margin-top:.8rem}.eyebrow{font-size:.75rem;font-weight:800;color:#2155cd;letter-spacing:.15em}.notice{color:#2155cd;font-weight:600;min-height:1.5em}.app{display:flex;min-height:100vh}aside{width:235px;flex:none;background:#102044;color:#fff;padding:1.5rem;display:flex;flex-direction:column}.logo{font:800 1.15rem Manrope,sans-serif;margin-bottom:2rem}.logo span{display:block;font-size:.75rem;font-weight:600;color:#91aff2;letter-spacing:.15em;text-transform:uppercase}nav{display:grid;gap:.3rem}nav button,.logout{background:transparent;text-align:left;color:#bdc9e2;font-weight:600}nav button:hover,nav .selected{background:#2b457b;color:#fff}.logout{margin-top:auto}.content{width:100%;max-width:1400px;margin:auto;padding:2.3rem}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.identity{font-weight:800}.identity small{display:block;color:#7a879d;text-align:right}.hero{background:#142d5f;color:#fff;border-radius:18px;padding:1.6rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;overflow:hidden}.hero p{margin:0 0 .5rem;color:#b7c9ef}.hero strong{word-break:break-all}.hero button{background:#f5aa63;color:#17223a;flex:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1.2rem 0 2rem}.stats small,.balance small{display:block;color:#6f7d93}.stats strong,.balance strong{display:block;font:800 1.7rem Manrope,sans-serif;margin-top:.6rem}.table-wrap{overflow:auto;background:#fff;border:1px solid #e5eaf2;border-radius:15px;margin:1rem 0 2rem}table{border-collapse:collapse;width:100%;min-width:600px}th,td{text-align:left;border-bottom:1px solid #eef1f5;padding:1rem;white-space:nowrap;font-size:.87rem}th{text-transform:capitalize;color:#75839a;font-size:.75rem}tr:last-child td{border:0}.narrow{max-width:610px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}a{color:#2155cd}@media(max-width:850px){.app{display:block}aside{width:100%;padding:1rem}.logo{margin:0 0 1rem}nav{display:flex;overflow:auto}nav button{white-space:nowrap}.logout{margin-top:.5rem}.content{padding:1rem}.stats{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}}@media(max-width:500px){.stats{grid-template-columns:1fr 1fr}.hero{display:block}.hero button{margin-top:1rem}}select{width:100%;padding:.8rem;border:1px solid #d8dfeb;border-radius:9px;background:#fff;font:inherit}.referral-page{min-height:100vh;padding:3rem 1rem;background:linear-gradient(145deg,#e8f0ff,#f6f8fb)}.referral-shell{max-width:960px;margin:auto}.referral-header{text-align:center;margin-bottom:1.7rem}.referral-header p{color:#65748f}.referral-attribution{display:inline-block;background:#dce8ff;color:#183e86;padding:.55rem 1rem;border-radius:999px;font-size:.88rem}.referral-school-form h2{margin:1.6rem 0 .7rem}.referral-school-form h2:first-child{margin-top:0}.referral-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}.referral-grid label{margin:.5rem 0}.referral-grid .span-two{grid-column:1/-1}.referral-grid textarea{display:block;width:100%;min-height:90px;margin-top:.35rem;padding:.8rem;border:1px solid #d8dfeb;border-radius:9px;font:inherit}.referral-school-form>.check{margin:1.7rem 0 1rem}.referral-error{color:#a22323;font-weight:600}.referral-school-form>button{width:100%}@media(max-width:620px){.referral-grid{grid-template-columns:1fr}.referral-page,.referral-school-form{padding:1rem}}
