.accounts-header .brand span{display:flex;align-items:baseline;gap:7px}.accounts-header .brand small{color:var(--color-primary);font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.accounts-welcome{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.8fr);align-items:center;gap:clamp(36px,7vw,110px);width:min(1180px,calc(100% - 40px));min-height:calc(100vh - 150px);margin:auto;padding:70px 0}.accounts-kicker{margin:0 0 8px;color:var(--color-primary-hover);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.accounts-kicker i{margin-right:7px}.accounts-welcome h1,.accounts-auth h1,.accounts-page-head h1{margin:0;color:var(--color-text);font-size:clamp(2.25rem,5vw,4.8rem);font-weight:700;letter-spacing:-.055em;line-height:1.01;text-wrap:balance}.accounts-welcome h1 span{color:var(--color-primary)}.accounts-welcome-copy>p:not(.accounts-kicker){max-width:650px;margin:24px 0;color:var(--color-muted);font-size:1.08rem;line-height:1.7}.accounts-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:34px;color:var(--color-muted);font-size:.76rem;font-weight:600}.accounts-trust i{margin-right:5px;color:var(--color-primary)}.accounts-preview{position:relative;padding:26px;border-radius:24px;color:#fff;background:#172337;box-shadow:0 26px 70px #17233735;overflow:hidden}.accounts-preview:before{content:"";position:absolute;right:-85px;bottom:-85px;width:260px;height:260px;border:2px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 36px #ffffff08,0 0 0 72px #ffffff06}.preview-top{position:relative;display:flex;align-items:center;justify-content:space-between}.preview-amount{position:relative;display:block;margin-top:34px;font-size:clamp(2.7rem,5vw,4.2rem);letter-spacing:-.05em}.accounts-preview>small{position:relative;color:#ffffff9c}.preview-progress{position:relative;height:6px;margin:24px 0 26px;border-radius:99px;background:#ffffff18;overflow:hidden}.preview-progress span{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}.preview-ledger{position:relative;display:grid;gap:8px}.preview-ledger>div{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border-radius:12px;background:#ffffff0b}.preview-ledger>div>i{display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:#172337;background:#f0ad65}.preview-ledger .paid>i{background:#8ed3a4}.preview-ledger span{display:grid;min-width:0}.preview-ledger small{color:#ffffff8a;font-size:.68rem}.preview-ledger b{font-variant-numeric:tabular-nums}.accounts-auth{display:grid;grid-template-columns:minmax(0,.8fr) minmax(450px,.72fr);align-items:center;gap:clamp(40px,9vw,140px);width:min(1080px,calc(100% - 40px));min-height:calc(100vh - 150px);margin:auto;padding:54px 0}.accounts-auth.compact{width:min(980px,calc(100% - 40px))}.accounts-auth-intro>p:not(.accounts-kicker){max-width:510px;color:var(--color-muted);line-height:1.7}.accounts-auth h1{font-size:clamp(2.2rem,4vw,4rem)}.accounts-auth-card{width:100%;padding:28px;border:0;box-shadow:0 0 0 1px rgba(22,22,22,.05),0 18px 50px rgba(23,35,55,.1)}.accounts-form-title{display:flex;align-items:center;gap:13px}.accounts-form-title>span{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:12px;color:#fff;background:#172337;font-size:.82rem;font-weight:800}.accounts-form-title h2{margin:0;font-size:1.2rem}.accounts-form-title p{margin:2px 0 0;color:var(--color-muted);font-size:.74rem}.accounts-form-foot{margin:0;text-align:center;color:var(--color-muted);font-size:.8rem}.accounts-form-foot a,.accounts-panel a{color:var(--color-primary-hover);font-weight:700}.accounts-page{width:min(1320px,calc(100% - 40px));padding-top:46px}.accounts-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.accounts-page-head h1{font-size:clamp(2.2rem,4vw,3.7rem)}.accounts-page-head>div>p:last-child{margin:9px 0 0;color:var(--color-muted)}.accounts-metrics{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:14px;margin-bottom:14px}.accounts-metrics article{position:relative;min-height:154px;padding:22px;border-radius:18px;background:var(--color-surface);box-shadow:var(--shadow);overflow:hidden}.accounts-metrics article>span{color:var(--color-muted);font-size:.75rem;font-weight:700}.accounts-metrics strong{display:block;margin:20px 0 8px;font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.accounts-metrics small{color:var(--color-muted)}.accounts-metrics small i{color:var(--color-success)}.accounts-metrics .metric-main{color:#fff;background:#172337}.accounts-metrics .metric-main>span,.accounts-metrics .metric-main small{color:#ffffffa1}.metric-court-line{position:absolute;right:-56px;bottom:-82px;width:235px;height:235px;border:2px solid #ffffff13;border-radius:50%;box-shadow:0 0 0 35px #ffffff08}.accounts-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);gap:14px;margin-bottom:14px}.accounts-panel{padding:22px;border-radius:18px;background:var(--color-surface);box-shadow:var(--shadow)}.accounts-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.accounts-panel h2{margin:0;font-size:1.2rem;letter-spacing:-.02em}.accounts-panel>header>span{color:var(--color-muted);font-size:.72rem}.accounts-chart{display:flex;align-items:flex-end;gap:clamp(8px,2vw,24px);height:210px;padding:16px 6px 0;border-bottom:1px solid var(--color-border)}.chart-month{display:grid;grid-template-rows:1fr 22px;align-items:end;flex:1;height:100%;text-align:center}.chart-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%}.chart-bars i,.chart-bars b{display:block;width:min(18px,42%);min-height:3px;border-radius:4px 4px 1px 1px;background:#f0b17b}.chart-bars b{background:var(--color-primary)}.chart-month>span{align-self:end;color:var(--color-muted);font-size:.63rem;text-transform:capitalize}.chart-legend{display:flex;justify-content:flex-end;gap:16px;margin-top:12px;color:var(--color-muted);font-size:.68rem}.chart-legend i,.chart-legend b{display:inline-block;width:9px;height:9px;margin-right:5px;border-radius:3px;background:#f0b17b}.chart-legend b{background:var(--color-primary)}.payment-timeline{display:grid;gap:0}.payment-timeline article{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:0 0 22px}.payment-timeline article:not(:last-child):before{content:"";position:absolute;left:16px;top:33px;bottom:0;width:1px;background:var(--color-border)}.payment-timeline article>i{z-index:1;display:grid;width:33px;height:33px;place-items:center;border-radius:50%;color:#8a4a11;background:#fff0d8}.payment-timeline article.matched>i{color:var(--color-success);background:#e9f6ed}.payment-timeline article>div{display:grid}.payment-timeline small,.payment-timeline span{color:var(--color-muted);font-size:.7rem}.payment-timeline.detailed article{grid-template-columns:40px minmax(0,1fr);padding-bottom:28px}.payment-timeline.detailed article>i{width:38px;height:38px}.payment-timeline.detailed article>div>strong{font-size:1.18rem}.payment-timeline.detailed article>div>span{margin-top:6px}.matches-glance{padding:0;overflow:hidden}.matches-glance>header{padding:22px 22px 0}.accounts-match-list article{display:grid;grid-template-columns:52px minmax(0,1fr) auto 95px;align-items:center;gap:15px;padding:14px 22px;border-top:1px solid var(--color-border)}.accounts-match-list time{display:grid;width:46px;height:50px;place-items:center;border-radius:10px;background:var(--color-control);line-height:1}.accounts-match-list time strong{font-size:1.05rem}.accounts-match-list time span{color:var(--color-muted);font-size:.62rem;text-transform:uppercase}.accounts-match-list article>div{display:grid;min-width:0}.accounts-match-list small{overflow:hidden;color:var(--color-muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.accounts-match-list article>b{font-variant-numeric:tabular-nums}.finance-status{display:inline-flex;justify-content:center;padding:5px 8px;border-radius:999px;font-size:.68rem;font-weight:800;white-space:nowrap}.finance-status.pending{color:#8a4a11;background:#fff0d8}.finance-status.partial{color:#175c87;background:#e8f4fb}.finance-status.paid{color:var(--color-success);background:#e9f6ed}.accounts-empty{display:grid;justify-items:center;gap:7px;padding:44px 18px;color:var(--color-muted);text-align:center}.accounts-empty i{font-size:1.7rem;color:var(--color-primary)}.accounts-empty.small{padding:24px 12px}.accounts-import{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:14px;padding:16px;border:1px dashed color-mix(in srgb,var(--color-primary) 55%,var(--color-border));border-radius:16px;background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}.import-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:13px;color:var(--color-primary);background:var(--color-warning-bg);font-size:1.2rem}.accounts-import>div:nth-child(2){display:grid}.accounts-import span{color:var(--color-muted);font-size:.72rem}.accounts-import label{cursor:pointer}.accounts-import input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.accounts-filters{display:grid;grid-template-columns:minmax(210px,1.3fr) repeat(3,minmax(145px,.65fr)) auto auto;align-items:end;gap:10px;margin-bottom:14px;padding:14px;border-radius:16px;background:var(--color-surface);box-shadow:var(--shadow)}.accounts-filters label,.payment-form>label{display:grid;gap:6px;color:var(--color-muted);font-size:.7rem;font-weight:800}.accounts-table-wrap{overflow:auto;border-radius:16px;background:var(--color-surface);box-shadow:var(--shadow)}.accounts-table{width:100%;border-collapse:collapse}.accounts-table th{padding:13px 15px;color:var(--color-muted);background:var(--color-surface-soft);font-size:.68rem;text-align:left;text-transform:uppercase}.accounts-table td{padding:14px 15px;border-top:1px solid var(--color-border);font-size:.78rem;vertical-align:middle}.accounts-table td>small{display:block;max-width:480px;margin-top:4px;overflow:hidden;color:var(--color-muted);font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.accounts-table .numeric{text-align:right;font-variant-numeric:tabular-nums}.accounts-table .icon-button{display:grid;margin:auto}.payments-layout{display:grid;grid-template-columns:minmax(320px,.62fr) minmax(0,1.15fr);align-items:start;gap:14px}.payment-form{display:grid;gap:16px;position:sticky;top:92px}.money-input{position:relative}.money-input input{padding-right:44px}.money-input span{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--color-muted);font-weight:800}.matching-note{display:flex;gap:8px;margin:0;color:var(--color-muted);font-size:.68rem;line-height:1.45}.matching-note i{color:var(--color-primary)}
.manual-matching{border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-soft)}.manual-matching summary{padding:11px 13px;color:var(--color-text);font-size:.72rem;font-weight:800;cursor:pointer}.manual-matching summary i{margin-right:6px;color:var(--color-primary)}.manual-matching>p{margin:0;padding:0 13px 9px;color:var(--color-muted);font-size:.65rem}.manual-matching>div{display:grid;max-height:220px;overflow:auto;border-top:1px solid var(--color-border)}.manual-matching label{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 12px;cursor:pointer}.manual-matching label+label{border-top:1px solid var(--color-border)}.manual-matching input{width:18px;height:18px;min-height:18px;margin:0;accent-color:var(--color-primary)}.manual-matching label>span{display:grid;min-width:0}.manual-matching label strong{overflow:hidden;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.manual-matching label small{color:var(--color-muted);font-size:.61rem}.manual-matching label>b{font-size:.7rem;font-variant-numeric:tabular-nums}
@media(max-width:950px){.accounts-welcome,.accounts-auth{grid-template-columns:1fr}.accounts-welcome{padding-block:46px}.accounts-preview{max-width:620px}.accounts-auth{gap:30px}.accounts-metrics{grid-template-columns:1.2fr 1fr}.accounts-metrics article:last-child{grid-column:1/-1}.accounts-dashboard-grid,.payments-layout{grid-template-columns:1fr}.payment-form{position:static}.accounts-filters{grid-template-columns:1fr 1fr 1fr}.accounts-filters label:first-child{grid-column:1/-1}}
@media(max-width:720px){.accounts-header{gap:10px}.accounts-header [data-theme-toggle]{order:2;width:44px;margin-left:auto;padding:0}.accounts-header [data-theme-toggle] span{display:none}.accounts-header .burger{order:3}.accounts-header .nav{order:4}.accounts-page,.accounts-welcome,.accounts-auth{width:min(100% - 24px,1320px)}.accounts-welcome h1{font-size:2.55rem}.accounts-page-head{align-items:stretch;flex-direction:column}.accounts-metrics{grid-template-columns:1fr}.accounts-metrics article:last-child{grid-column:auto}.accounts-dashboard-grid{grid-template-columns:1fr}.accounts-match-list article{grid-template-columns:48px minmax(0,1fr) auto}.accounts-match-list .finance-status{grid-column:2/4;justify-self:start}.accounts-import{grid-template-columns:46px minmax(0,1fr)}.accounts-import label{grid-column:1/-1;justify-content:center}.accounts-filters{grid-template-columns:1fr}.accounts-filters label:first-child{grid-column:auto}.accounts-filters .button{justify-content:center}.accounts-table .numeric{text-align:left}.accounts-table .icon-button{margin:0}.accounts-preview{padding:18px}.preview-ledger b{display:none}}