:root{color:#1f2937;font-family:system-ui,Segoe UI,sans-serif;line-height:1.5}body{margin:0}button:disabled{cursor:not-allowed}.login-page{box-sizing:border-box;justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.login-card,.app-panel{box-sizing:border-box;background:#fff;border:1px solid #d9dee7;border-radius:10px;width:100%;padding:32px;box-shadow:0 1px 3px #0f172a14}.login-card{max-width:400px}.login-logo{width:100%;max-width:200px;height:auto;max-height:72px;margin:0 auto 20px;display:block}.login-card h1,.app-panel h1{color:#172033;margin:0 0 24px;font-size:24px}.app-shell{background:#f5f7fa;min-height:100svh}.app-header{color:#172033;background:#fff}.app-header-content,.app-tabs,.app-content{box-sizing:border-box;width:100%;max-width:960px;margin:0 auto}.app-header-content{justify-content:space-between;align-items:center;min-height:64px;padding:0 24px;display:flex}.app-brand{align-items:flex-end;gap:12px;min-width:0;display:flex}.header-logo{width:100%;max-width:112px;height:auto;max-height:40px}.app-title{font-size:20px;font-weight:700}.app-tabs{gap:24px;padding:0 24px;display:flex}.app-tabs button{color:#526075;cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:3px solid #0000;padding:16px 4px 12px}.app-tabs button.active{color:#172033;border-bottom-color:#1d4ed8;font-weight:600}.app-content{padding:32px 24px}.app-panel{max-width:640px}.app-form,.login-form{gap:18px;display:grid}.app-form label,.login-form label{color:#344054;gap:7px;font-weight:600;display:grid}.app-form input,.login-form input,.primary-button,.secondary-button{font:inherit;border-radius:6px;padding:10px 12px}.app-form input,.login-form input{color:#172033;border:1px solid #aeb8c7}.primary-button,.secondary-button{cursor:pointer;font-weight:600}.primary-button{color:#fff;background:#1d4ed8;border:1px solid #1d4ed8}.secondary-button{color:#172033;background:#fff;border:1px solid #aeb8c7}.app-header .secondary-button{color:#fff;background:#172033;border-color:#172033}button:disabled{cursor:not-allowed;opacity:.65}.app-error{color:#b42318;margin:0}.app-success{color:#067647;margin:16px 0 0}.payment-details{gap:16px;margin:0;display:grid}.payment-details div{border-bottom:1px solid #e3e7ed;gap:4px;padding-bottom:12px;display:grid}.payment-details dt{color:#526075;font-size:14px;font-weight:600}.payment-details dd{color:#172033;overflow-wrap:anywhere;margin:0}.status-badge{color:#075985;background:#e0f2fe;border-radius:999px;padding:3px 9px;font-size:14px;font-weight:600;display:inline-block}.button-group{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.references-page{gap:20px;display:grid}.references-heading{justify-content:space-between;align-items:center;display:flex}.references-heading h1{color:#172033;margin:0 0 4px;font-size:24px}.references-heading p,.reference-card-heading p{color:#526075;margin:0}.reference-filters{gap:8px;display:flex}.reference-filters button{color:#344054;cursor:pointer;font:inherit;background:#fff;border:1px solid #d9dee7;border-radius:999px;padding:7px 12px}.reference-filters button.active{color:#1740a8;background:#e0eaff;border-color:#1d4ed8;font-weight:600}.reference-list{gap:12px;display:grid}.reference-card{background:#fff;border:1px solid #d9dee7;border-radius:10px;padding:20px;box-shadow:0 1px 3px #0f172a0d}.reference-card-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.reference-card h2{color:#172033;margin:0 0 4px;font-size:17px}.reference-details{flex-wrap:wrap;gap:16px 32px;margin:20px 0 0;display:flex}.reference-details div{gap:3px;display:grid}.reference-details dt{color:#526075;font-size:13px;font-weight:600}.reference-details dd{color:#172033;margin:0}.status-badge.paid{color:#067647;background:#dcfae6}.reference-filter-panel{background:#fff;border:1px solid #d9dee7;border-radius:10px;gap:16px;padding:16px;display:grid}.reference-filter-fields{grid-template-columns:minmax(0,2fr) minmax(140px,1fr) minmax(140px,1fr);gap:12px;display:grid}.reference-filter-fields label{color:#344054;gap:6px;font-size:14px;font-weight:600;display:grid}.reference-filter-fields input{color:#172033;font:inherit;border:1px solid #aeb8c7;border-radius:6px;padding:9px 10px}@media (width<=600px){.app-header-content,.app-tabs,.app-content{padding-left:16px;padding-right:16px}.app-content{padding-top:20px}.app-tabs{gap:16px}.login-card,.app-panel{padding:24px}.button-group{display:grid}.references-heading{align-items:start;gap:12px}.reference-filter-fields{grid-template-columns:1fr}.header-logo{max-width:90px;max-height:34px}.app-title{font-size:18px}}