:root{color:#172033;background:#f4f6fb;font-family:Inter,system-ui,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:#154ec1;text-decoration:none}button,.button{color:#fff;cursor:pointer;background:#154ec1;border:0;border-radius:10px;padding:10px 14px;font-weight:600;display:inline-block}button:hover,.button:hover{filter:brightness(.95)}.button.secondary{color:#154ec1;background:#e9eefb}.button.small{padding:6px 9px;font-size:12px}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#0e1b3d;width:260px;height:100vh;padding:22px;position:sticky;top:0}.brand{color:#fff;margin-bottom:24px;font-size:22px;font-weight:800;display:block}.brand-logo{width:108px;height:auto;margin:0 auto 10px;display:block}.sidebar nav{gap:7px;display:grid}.sidebar a{color:#dce6ff;border-radius:9px;padding:11px 13px}.sidebar a.active,.sidebar a:hover{color:#fff;background:#1a2f63}.main{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e5e7ef;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex}.topbar span{color:#667085;margin-top:3px;font-size:13px;display:block}.content{padding:28px}.login-page{background:linear-gradient(135deg,#0e1b3d,#154ec1);place-items:center;min-height:100vh;display:grid}.login-card{text-align:center;background:#fff;border-radius:20px;width:min(460px,92vw);padding:38px;box-shadow:0 20px 60px #0004}.page-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.page-title-actions{align-items:center;gap:10px;display:flex}.page-title-actions>.button,.page-title-actions>button{justify-content:center;align-items:center;height:40px;line-height:1;display:inline-flex}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0;display:grid}.card,.panel{background:#fff;border:1px solid #e6e9f2;border-radius:16px;padding:18px;box-shadow:0 6px 18px #1018280a}.card span{color:#667085;margin-bottom:8px;display:block}.card strong{font-size:30px}.grid2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.toolbar{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}input,select,textarea{background:#fff;border:1px solid #cfd6e6;border-radius:9px;width:100%;padding:10px}textarea{min-height:95px}.table-wrap{background:#fff;border:1px solid #e6e9f2;border-radius:14px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #eef1f7;padding:12px 14px}th{color:#344054;text-transform:uppercase;letter-spacing:.02em;background:#f8faff;font-size:13px}.empty{text-align:center;color:#667085}.badge{color:#147a37;background:#e6f4ea;border-radius:999px;padding:5px 9px;font-size:12px;display:inline-block}.badge-inactive,.badge-deactivated,.badge-overdue{color:#b42318;background:#fff1f0}.badge-due,.badge-partially-paid{color:#b54708;background:#fff7e6}.form fieldset{background:#fff;border:1px solid #dfe4ef;border-radius:16px;margin:18px 0}.form legend{padding:0 8px;font-weight:700}.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;padding:16px;display:grid}.export-fields-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.export-field-option{white-space:nowrap;align-items:center;gap:8px;display:flex}.export-field-option input[type=checkbox]{width:auto;margin:0}.form label{color:#344054;gap:7px;font-size:14px;display:grid}.form label.wide{grid-column:1/-1}.label-row{align-items:center;gap:4px;display:inline-flex}.required-star{color:#d92d20;font-weight:700}.field-error{color:#b42318;font-size:12px;font-weight:600}.input-error{box-shadow:inset 0 0 0 1px #d92d2014;background:#fff5f5!important;border-color:#d92d20!important}.form label.has-error{color:#b42318}.inline-form{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:10px;display:grid}.alert{border-radius:10px;margin:12px 0;padding:12px 14px}.alert.error{color:#b42318;background:#fff1f0}.validation-errors{margin:10px 0 0;padding-left:18px}.validation-errors li+li{margin-top:4px}.alert.success{color:#067647;background:#ecfdf3}.profile-head{background:#fff;border:1px solid #e6e9f2;border-radius:16px;align-items:center;gap:18px;margin:16px 0;padding:18px;display:flex}.profile-head img,.avatar{object-fit:cover;color:#154ec1;background:#e9eefb;border-radius:18px;place-items:center;width:96px;height:96px;font-size:42px;font-weight:800;display:grid}dl{grid-template-columns:180px 1fr;gap:8px 12px;display:grid}dt{color:#667085;text-transform:capitalize}dd{margin:0}.note-form{gap:8px;margin-top:12px;display:grid}.pay-box{align-items:center;gap:6px;min-width:270px;display:flex}.pay-box input{width:90px}.modal-backdrop{z-index:1000;background:#0f172a80;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{width:min(760px,96vw);max-height:90vh;overflow:auto}@media (width<=820px){.app-shell{display:block}.sidebar{width:auto;height:auto;position:static}.sidebar nav{grid-template-columns:repeat(2,1fr)}.topbar{height:auto;padding:12px 16px}.content{padding:16px}.pay-box{flex-wrap:wrap}}