:root{--navy:#181b1d;--blue:#25282a;--ink:#202426;--line:#d9dad7;--muted:#707571;--bg:#f2f3f1;--danger:#9d342e}
body{font:13px/1.35 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.002em}
header{height:56px;padding:0 2.5%;gap:26px;background:#181b1d;border-bottom:1px solid #35393b}
header>.logo{font-size:23px}header>.logo small{font-size:10px;letter-spacing:1.8px;color:#c8cac6}header .account{gap:10px;font-size:12px}
.logo span{color:#a9ada8}.logo small{font-size:10px}
main{width:min(1680px,96%);margin-bottom:28px}
.title-row{padding:13px 0 7px;align-items:center}.title-row span,.kicker{font-size:10px;letter-spacing:1.45px;color:#747974}.title-row h1{font-size:17px;font-weight:600;letter-spacing:-.2px;margin:2px 0 0}.title-row time{font-size:11px}
nav{gap:16px;margin-bottom:8px}nav button{font-size:12px;padding:7px 2px;border-bottom-width:2px;font-weight:600}nav button.active{color:#181b1d;border-color:#181b1d}
input,select{height:33px;padding:5px 8px;border-radius:2px;border-color:#cfd1cd;font-size:12px}label{gap:3px;font-size:11px;font-weight:600}
.primary{border-radius:2px;padding:7px 13px;background:#25282a;font-size:12px}.link{color:#34383a;font-size:12px}
.stats{gap:0;margin-bottom:8px;border:1px solid var(--line)}.stats article{border:0;border-right:1px solid var(--line);border-radius:0;padding:8px 12px;min-height:52px}.stats article:last-child{border-right:0}.stats article:first-child{border-top:2px solid #25282a}.stats strong{font-size:18px;font-weight:600}.stats .money{font-size:10px}
.panel{border-radius:2px;padding:10px 12px;margin-bottom:8px}.panel.compact{padding:10px 12px}.section-title{margin-bottom:8px}.section-title h2,.panel h2{font-size:13px}.section-title span{font-size:11px}
.row-form,.filters{gap:9px}.row-form label{min-width:128px}.hours-field{width:80px;min-width:80px!important}.timer{margin-top:9px;padding-top:8px}.timer strong{font-size:17px}.timer button{border-radius:2px;padding:6px 11px;font-size:12px}
.summary-grid{gap:8px}.summary-row{padding:5px 0}.summary-row .money{font-size:10px}
th,td{padding:6px 7px;border-bottom-color:#e5e6e2}th{font-size:10px;text-transform:uppercase;letter-spacing:.045em;background:#f0f1ee;color:#6c716d}td{font-size:12px}.action{border-radius:2px;padding:4px 7px;font-size:11px;background:#eceeeb;color:#25282a}.action.danger{background:#f7eaea;color:var(--danger)}
.form-note{font-size:11px;margin:4px 0 10px}.message{font-size:12px;min-height:18px;margin:4px 0}
.payment-toolbar{display:flex;align-items:end;justify-content:space-between}.payment-toolbar .kicker{display:block;margin-bottom:2px}.payment-toolbar label{width:165px}
.payment-stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;border:1px solid var(--line);background:#fff;margin-bottom:8px}.payment-stats article{display:flex;flex-direction:column;justify-content:center;min-height:58px;padding:8px 12px;border-right:1px solid var(--line)}.payment-stats article:last-child{border-right:0}.payment-stats span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#777b77}.payment-stats strong{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.payment-stats .payment-total{background:#25282a;color:#fff}.payment-stats .payment-total span{color:#c9cbc7}.payment-stats .payment-total strong{font-size:17px}
.num{text-align:right;font-variant-numeric:tabular-nums}.amount{font-weight:700}.payment-status{height:27px;min-width:112px;font-weight:600}.status-in_progress{background:#f0f1ee;color:#515651}.status-closed{background:#eee5d2;color:#72531f;border-color:#d8c49a}.status-paid{background:#e1ede5;color:#315e41;border-color:#b7d0bf}
#payments-body td:first-child small{display:block;font-size:10px;color:#777b77;font-weight:400}#payments-history-body tr{cursor:pointer}#payments-history-body tr:hover,#payments-history-body .selected-month{background:#eef0ed}
.login-card{border-radius:2px;box-shadow:0 10px 35px #15181712}.login-card h1{font-size:19px}
@media(max-width:850px){.payment-stats{grid-template-columns:1fr 1fr}.payment-stats .payment-total{grid-column:1/-1}.payment-toolbar{align-items:center}header{padding:0 14px}main{width:calc(100% - 20px)}}