/* Family workspace: the ERP admin visual language, without loading Filament. */
:root{--ink:#17283b;--muted:#597084;--line:rgba(16,67,93,.13);--accent:#087e94;--paper:#fff;--soft:#f5fafc;--sand:#edf5f9;--danger:#a53232}
body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;line-height:1.55;background:#f5f8fb}
header{background:#fff;box-shadow:0 2px 12px rgba(23,56,76,.04)}
.bar{min-height:72px;padding:14px 28px}.brand{letter-spacing:.025em}.brand-logo{display:block;width:218px;max-width:42vw;height:auto}
.brand small{letter-spacing:.08em;font-size:9px}.header-nav a{font-weight:650}
main{padding:28px 28px 64px}h1{font-family:inherit;font-size:clamp(25px,2.3vw,35px);line-height:1.2;font-weight:800;letter-spacing:-.035em;margin:8px 0 12px}
h2{font-size:18px;font-weight:750;letter-spacing:-.015em}h3{font-size:15px;font-weight:750}
.hero{gap:20px;padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.hero p{margin-bottom:8px;max-width:720px}
.eyebrow,.card-label{font-size:11px;font-weight:750;letter-spacing:.055em}.card-label{margin-bottom:12px}
.hero-aside{border-radius:13px;padding:16px 24px;background:var(--paper);border:1px solid var(--line);width:150px}.hero-number{font:800 30px/1.2 system-ui;color:var(--accent)}
.grid{gap:18px}.workspace-grid{gap:20px;grid-template-columns:minmax(0,1fr) 290px}
.card{border-radius:16px;padding:22px;margin-bottom:18px;box-shadow:0 8px 25px rgba(23,56,76,.055)}.accent-card{background:#f0f8fb}
.avatar{background:#e6f5fa;color:var(--accent);border-radius:11px;font:750 22px system-ui;width:44px;height:44px}
.student-name{font:750 22px/1.3 system-ui;letter-spacing:-.02em;margin:16px 0 6px}.student-footer{margin-top:18px;padding-top:16px}
button,.button{border-radius:11px;padding:10px 18px;min-height:44px;font-weight:700;font-size:13px;background:var(--accent);border-color:var(--accent)}
button:hover,.button:hover{background:#06677b}.secondary{background:#fff;color:var(--accent);border-color:#c8dce5}.secondary:hover{background:#eaf5fa;color:var(--ink)}
.text-button,.text-button:hover{background:transparent;border:0;color:var(--accent)}
.tag{border-radius:8px}.progress{background:#e3edf3}.check-icon.done{background:var(--accent)}
input,select,textarea{background:#fff;border-color:#c5d5e1;border-radius:10px;min-height:48px;padding:11px 13px;color:var(--ink)}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #0796ad18}*:focus-visible{outline-color:#0891b2}
.fields{gap:18px}.notice{background:#edf6fb;border-color:#cde4ef;border-radius:12px;padding:14px 18px;margin-bottom:20px}
.tabs{border:1px solid var(--line);border-radius:13px;background:#edf3f7;padding:5px;gap:4px;margin-bottom:20px}.tabs a{border-radius:10px;padding:10px 18px}
.tabs a[aria-current=page]{background:#fff;color:var(--accent);box-shadow:0 3px 10px #17384c12}
.steps{gap:6px;margin:20px 0}.step{border-radius:10px;background:#fff;color:var(--muted);border-color:var(--line)}.step.current{background:#e5f5fa;border-color:#addce7;color:#07687c}
.wizard-panel legend{font-size:19px;font-weight:750}.summary-list>div{border-color:var(--line);padding:11px 0}.checklist li{padding:12px 0}.check-icon{background:#e2edf5;color:#47647c}
.upload-card{background:#f7fafc;border-color:#b9cfdd;border-radius:12px}.file-icon{background:#e9f4fa;color:var(--accent);border-radius:9px}
input::file-selector-button{background:#e8f3fa}.bank-reference{background:#edf4f9}.amount{font:800 32px/1.3 system-ui;letter-spacing:-.025em}
.entry-aside{background:#102c43;color:#fff;border-radius:16px;padding:28px;min-height:240px}.entry-aside h2{font:750 25px/1.3 system-ui}.entry-aside p,.entry-aside small{color:#ccdee9}.pill-list span{border-color:#48697d;border-radius:8px}
.back-link{margin-bottom:18px}.section-heading{margin:22px 0 16px}.footer{font-size:12px}.form-footer{margin-top:24px;padding-top:18px}
@media(max-width:850px){.workspace-grid{grid-template-columns:1fr}}
@media(max-width:600px){.bar{padding:12px 16px;flex-wrap:wrap;gap:12px}.brand-logo{width:180px;max-width:56vw}.header-nav{gap:14px}.header-nav a{font-size:12px}main{padding:22px 16px 64px}h1{font-size:27px}.card{padding:18px;border-radius:14px}.hero{padding-bottom:16px}.student-name{font-size:21px}.entry-aside h2{font-size:23px}.form-footer{padding:14px 8px calc(12px + env(safe-area-inset-bottom))}.tabs a{padding:10px 14px}.step{font-size:11px}.brand small{font-size:8px}}
.family-shell{display:flex;align-items:center;gap:18px;font-size:13px}.family-shell>a{color:var(--ink);font-weight:650;text-decoration:none}.family-shell>a:hover{color:var(--accent)}.family-shell .customer-bridge{color:var(--accent)}.account-menu{position:relative}.account-menu>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;border-radius:12px;padding:5px 7px}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary:hover,.account-menu[open]>summary{background:#eef6f9}.account-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#dff2f6;color:#087e94;font-size:12px;font-weight:800;border:1px solid #bfe2e9;flex:none}.account-name{font-weight:700;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chevron{color:#748b98;font-size:13px}.account-popover{position:absolute;z-index:30;right:0;top:calc(100% + 10px);width:min(300px,calc(100vw - 32px));padding:10px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 48px rgba(16,52,70,.16)}.account-identity{display:flex;align-items:center;gap:11px;padding:8px 9px 12px;border-bottom:1px solid var(--line);margin-bottom:5px}.account-identity strong,.account-identity small{display:block;line-height:1.35}.account-identity small{max-width:205px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-popover>a,.account-logout{display:flex;width:100%;min-height:40px;padding:9px 10px;align-items:center;border:0;border-radius:9px;background:transparent;color:var(--ink);font-size:13px;font-weight:650;text-decoration:none;justify-content:flex-start}.account-popover>a:hover,.account-logout:hover{background:#edf6f9;color:var(--accent)}.account-popover form{margin:0;border-top:1px solid var(--line);padding-top:5px;margin-top:5px}@media(max-width:600px){.bar{flex-wrap:nowrap}.family-shell{gap:8px}.family-shell>a{display:none}.account-name,.account-chevron{display:none}.account-menu>summary{padding:3px}.account-avatar{width:38px;height:38px}.account-popover{position:fixed;right:16px;top:72px}.brand{min-width:0}.brand>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
.file-actions{display:flex;align-items:center;gap:10px;flex:none}.file-actions form{margin:0}.remove-file,.remove-file:hover{width:34px;height:34px;min-height:34px;padding:0;border-radius:50%;background:#fff;color:#8e3e3e;border:1px solid #e2c5c5;font-size:21px;font-weight:500;line-height:1}.remove-file:hover{background:#fff1f1;border-color:#d99f9f}@media(max-width:600px){.file-list li{position:relative;padding-right:38px}.file-actions{align-items:flex-end;flex-direction:column}.remove-file{position:absolute;right:0;top:13px}}