html,body{margin:0}
@font-face{font-family:StatusMulish;src:url('/fonts/Mulish.woff2') format('woff2');font-weight:300 900;font-display:swap}
@font-face{font-family:StatusUnbounded;src:url('/fonts/Unbounded.woff2') format('woff2');font-weight:300 800;font-display:swap}
.student-status{--ss-blue:#0047ff;--ss-ink:#19212d;--ss-muted:#68707c;--ss-line:#e7e9ee;min-height:100svh;background:#f5f6f8;color:var(--ss-ink);font:15px/1.45 StatusMulish,Arial,sans-serif;letter-spacing:0;box-sizing:border-box;color-scheme:light}
.student-status *{box-sizing:border-box;min-width:0}.student-status p,.student-status h1,.student-status h2,.student-status h3,.student-status dl,.student-status dd{margin:0}.ss-shell{width:100%;max-width:1120px;margin:0 auto;padding:0 clamp(16px,3vw,32px)}.ss-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;min-height:66px;border-bottom:1px solid var(--ss-line)}.ss-logo{width:154px;max-width:46%;height:auto;display:block}.ss-languages{display:flex;align-items:center;gap:2px;flex-shrink:0;background:#e9edf3;padding:3px;border-radius:8px}.ss-languages a{display:flex;align-items:center;justify-content:center;min-width:38px;min-height:32px;border-radius:5px;color:#56606e;text-decoration:none;font-size:11px;line-height:1;font-weight:750}.ss-languages a[aria-current=true]{color:#152033;background:#fff;box-shadow:0 1px 3px #18202d12}.ss-languages a:hover{color:var(--ss-blue)}.ss-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:23px 0 18px}.student-status h1{font:500 clamp(23px,3vw,31px)/1.25 StatusUnbounded,Arial,sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere}.ss-preview{font-size:10px;font-weight:600;line-height:1.35;border:1px solid #dfe3ea;border-radius:5px;padding:5px 8px;color:var(--ss-muted)}.ss-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.ss-study,.ss-payments{background:#fff;border:1px solid var(--ss-line);border-radius:14px;padding:20px 22px}.ss-study{padding-bottom:5px}.student-status h2{font-size:13px;font-weight:750;line-height:1.4}.ss-identity{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:17px}.student-status .ss-student{font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.25;overflow-wrap:anywhere}.ss-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;line-height:1.4;padding:5px 8px;border-radius:5px;color:#7d5b26;background:#f7f1e5;max-width:100%;overflow-wrap:anywhere}.ss-status-dot{width:5px;height:5px;border-radius:100%;background:currentColor;flex-shrink:0}.student-status .ss-details{margin-top:18px}.ss-details>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:14px;padding:13px 0;border-top:1px solid var(--ss-line);align-items:baseline}.ss-details dt{font-size:12px;color:var(--ss-muted);overflow-wrap:anywhere}.ss-details dd{font-size:13px;font-weight:650;text-align:right;overflow-wrap:anywhere}.ss-payments-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px}.student-status .ss-total-value{font-size:31px;letter-spacing:-.05em;font-weight:750;line-height:1.15;white-space:nowrap;font-variant-numeric:tabular-nums}.student-status .ss-total-label{font-size:11px;color:var(--ss-muted);margin-top:5px}.student-status .ss-reminder{font-size:12px;line-height:1.55;color:var(--ss-muted);margin-top:14px;padding-left:10px;border-left:2px solid #d6e1ff;overflow-wrap:anywhere}.ss-reminder strong{font-weight:750;color:var(--ss-ink)}.student-status .ss-invoices{margin:16px 0 0;padding:0;list-style:none}.ss-invoice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--ss-line)}.ss-invoice:last-child{padding-bottom:0}.ss-invoice-head{display:grid;gap:3px;overflow-wrap:anywhere}.student-status h3{font-size:12px;font-weight:700}.ss-invoice-amount{font-size:15px;font-weight:750;white-space:nowrap;font-variant-numeric:tabular-nums}.ss-pay{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:7px;min-height:44px;min-width:120px;max-width:100%;padding:11px 13px;font-size:12px;line-height:1.3;font-weight:750;color:#fff!important;background:var(--ss-blue);text-decoration:none;transition:background .16s ease}.ss-pay svg{flex-shrink:0}.ss-pay:hover{background:#003bdd}.ss-pay:focus-visible,.ss-languages a:focus-visible{outline:3px solid #8eacff;outline-offset:3px}.ss-paid{font-size:12px;font-weight:700;color:#206447}.ss-muted{font-size:12px;color:var(--ss-muted)}.student-status .ss-empty{margin-top:18px;font-size:13px;color:var(--ss-muted)}.ss-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 16px;font-size:10px;line-height:1.5;color:#727b88;padding:17px 1px 22px}.ss-error{max-width:640px;margin:0 auto;padding:60px 24px}.ss-error p{margin-top:18px;color:var(--ss-muted)}
@media(max-width:719px){.ss-header{min-height:62px}.ss-logo{width:138px}.ss-languages a{min-width:36px;min-height:36px}.ss-heading{padding:17px 0 14px}.student-status h1{font-size:clamp(21px,4.5vw,26px)}.ss-preview{font-size:9px;padding:4px 6px}.ss-grid{grid-template-columns:minmax(0,1fr);gap:12px}.ss-study,.ss-payments{padding:17px 18px}.ss-study{padding-bottom:3px}.ss-identity{margin-top:12px;gap:8px 12px}.student-status .ss-student{font-size:22px}.student-status .ss-details{margin-top:13px}.ss-details>div{padding:10px 0}.ss-payments-top h2{font-size:13px}.student-status .ss-total-value{font-size:28px}.student-status .ss-reminder{margin-top:12px}.student-status .ss-invoices{margin-top:13px}.ss-invoice{padding:11px 0}.ss-footer{padding:13px 1px 18px}.ss-footer span:last-child{max-width:100%;overflow-wrap:anywhere}}
@media(max-width:359px){.ss-shell{padding:0 12px}.ss-logo{width:127px}.ss-heading{gap:7px;padding-top:14px}.student-status h1{font-size:21px}.ss-preview{max-width:92px}.ss-study,.ss-payments{padding-left:15px;padding-right:15px}.ss-pay{min-width:108px;gap:10px;padding:11px}.ss-details>div{gap:10px}}
@media(max-height:720px) and (min-width:720px){.ss-header{min-height:56px}.ss-heading{padding:16px 0 14px}.student-status h1{font-size:27px}.ss-study,.ss-payments{padding-top:17px}.ss-identity{margin-top:13px}.ss-details>div{padding:11px 0}.ss-footer{padding-top:13px}}
@media(prefers-reduced-motion:reduce){.ss-pay{transition:none}}
@media(max-width:299px){.ss-invoice{grid-template-columns:minmax(0,1fr)}.ss-pay{width:100%}}

.ss-status[data-tone=positive]{color:#206447;background:#eaf5ee}