:root{font-family:Inter,"Segoe UI",sans-serif;color:#17233b;background:#eaf0f8;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#eaf0f8}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.phone-shell,.auth-shell{width:100%;max-width:430px;min-height:100vh;margin:0 auto;background:#f8fafc;box-shadow:0 0 42px rgba(23,63,138,.13);position:relative}.app-shell{padding:76px 18px 92px}.app-header{position:fixed;z-index:20;top:0;left:50%;transform:translateX(-50%);width:min(100%,430px);height:66px;background:#fff;border-bottom:1px solid #e3e9f2;display:flex;align-items:center;justify-content:space-between;padding:10px 18px}.brand{display:flex;align-items:center;gap:10px;font-size:.84rem;color:#173f8a}.brand img{width:96px;height:44px;object-fit:contain}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#173f8a;color:#fff;font-weight:700}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,430px);height:72px;background:#fff;border-top:1px solid #dfe7f1;display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#768399;font-size:.72rem}.bottom-nav a.active{color:#173f8a;font-weight:700}.nav-icon{font-size:1.35rem}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:100;background:white;padding:8px}.page-heading{padding:10px 2px 18px}.page-heading h1,.invoice-detail-heading h1{margin:4px 0 5px;font-size:1.7rem;line-height:1.15}.page-heading p,.invoice-detail-heading p{margin:0;color:#718096}.eyebrow{font-size:.68rem!important;letter-spacing:.14em;font-weight:800;color:#1c5dab!important}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary-card{background:#fff;border:1px solid #e1e7ef;border-radius:17px;padding:16px;display:flex;flex-direction:column;min-height:126px}.summary-card span{font-size:.76rem;font-weight:700}.summary-card strong{font-size:1.18rem;margin-top:auto}.summary-card small{color:#778398;margin-top:4px}.summary-card.danger{border-top:4px solid #d84a4a}.summary-card.success{border-top:4px solid #2ca57a}.section-title{display:flex;justify-content:space-between;align-items:center;margin:25px 2px 10px}.section-title h2{font-size:1rem;margin:0}.section-title a,.back-link{font-size:.82rem;color:#1c5dab;font-weight:700}.invoice-list{display:grid;gap:10px}.invoice-card{display:flex;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:15px;box-shadow:0 4px 16px rgba(23,63,138,.05)}.invoice-card h3{margin:8px 0 3px;font-size:.93rem}.invoice-card p{margin:0;color:#7a8799;font-size:.72rem}.invoice-amount{text-align:right;display:flex;flex-direction:column;justify-content:center;white-space:nowrap}.invoice-amount strong{font-size:.91rem}.invoice-amount small{color:#7a8799;margin-top:5px;font-size:.68rem}.status{display:inline-flex;width:max-content;padding:4px 9px;border-radius:999px;font-size:.66rem;font-weight:800}.status.paid{color:#137a57;background:#def6eb}.status.partial{color:#9b5b08;background:#fff0cf}.status.unpaid{color:#ad3131;background:#fde5e5}.filter-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#e8edf4;border-radius:13px;padding:4px;margin-bottom:14px}.filter-tabs button{border:0;background:transparent;padding:10px 5px;border-radius:10px;color:#637085;cursor:pointer}.filter-tabs button.active{background:#fff;color:#173f8a;font-weight:700;box-shadow:0 2px 10px rgba(30,52,87,.1)}.invoice-detail-heading{padding:18px 2px 10px}.invoice-detail-heading h1{font-size:1.35rem;margin-top:10px}.detail-card{background:#fff;border:1px solid #e1e7ef;border-radius:16px;padding:10px 15px;margin-bottom:12px}.detail-list{margin:0}.detail-list>div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #edf1f5}.detail-list>div:last-child{border:0}.detail-list dt{color:#778398;font-size:.78rem}.detail-list dd{margin:0;text-align:right;font-size:.82rem;font-weight:700}.component-row{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #edf1f5}.component-row:last-child{border:0}.component-row>div{display:flex;flex-direction:column;gap:3px}.component-row small{color:#778398}.component-row strong{font-size:.84rem}.totals-card .grand-total{color:#173f8a;font-size:1rem}.notice,.empty-state{background:#fff;border-radius:16px;padding:24px;text-align:center;border:1px solid #e1e7ef}.notice.error{color:#a52a2a;background:#fff0f0}.empty-state.compact{padding:22px}.empty-state h1,.empty-state h2{margin:0 0 7px}.empty-state p{color:#718096}.primary-link{display:inline-block;background:#173f8a;color:#fff;border-radius:10px;padding:11px 18px}.auth-body{background:#eaf0f8}.auth-shell{padding:34px 22px;display:flex;align-items:center}.auth-card{width:100%;background:#fff;border-radius:22px;padding:25px 21px;box-shadow:0 16px 45px rgba(23,63,138,.12)}.auth-logo{display:block;width:176px;max-height:105px;object-fit:contain;margin:0 auto 20px}.auth-card h1{margin:0 0 6px;font-size:1.55rem;text-align:center}.auth-card>.subtitle{text-align:center;color:#718096;margin:0 0 23px}.form-field{margin:14px 0}.form-field label{display:block;font-size:.78rem;font-weight:700;margin-bottom:6px}.form-field input{width:100%;border:1px solid #cfd8e5;border-radius:10px;padding:12px;background:#fff}.primary-button{width:100%;border:0;border-radius:11px;background:#173f8a;color:#fff;padding:13px;font-weight:700;cursor:pointer}.auth-links{display:flex;justify-content:space-between;margin-top:17px;font-size:.78rem;color:#1c5dab}.validation-summary-errors,.field-validation-error{color:#b42318;font-size:.75rem}.success-message{color:#137a57;background:#def6eb;padding:10px;border-radius:9px;margin:10px 0}.error-message{color:#ad3131;background:#fde5e5;padding:10px;border-radius:9px;margin:10px 0}#blazor-error-ui{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff2cc;color:#5e4800;padding:10px;z-index:100}.loading-state{display:grid;place-items:center;color:#173f8a}.dxbl-loading-panel{max-width:430px!important}
.auth-card .eyebrow,.auth-card h1,.auth-card .muted{text-align:center}.auth-card .muted{color:#718096;margin:6px 0 22px}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:6px;font-size:.78rem;font-weight:700}.auth-form input{width:100%;border:1px solid #cfd8e5;border-radius:10px;padding:12px;background:#fff;color:#17233b}.auth-form input:focus{outline:3px solid rgba(28,93,171,.14);border-color:#1c5dab}.notice.success{color:#137a57;background:#def6eb;border-color:#bce9d5}.text-link{display:block;text-align:center;margin-top:16px;color:#1c5dab;font-size:.8rem;font-weight:700}
@media(max-width:430px){.phone-shell,.auth-shell{box-shadow:none}.app-shell{padding-left:14px;padding-right:14px}}