:root{color:#172534;font-synthesis:none;background:#edf2f6;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{font:inherit}main{max-width:1440px;margin:auto;padding:28px}.app-header{justify-content:space-between;align-items:end;margin-bottom:24px;display:flex}h1{letter-spacing:-.055em;margin:2px 0 0;font-size:clamp(2rem,4vw,3.5rem)}.eyebrow{color:#075a9d;letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;font-weight:800}.app-header__count{color:#647587}.workspace{grid-template-columns:minmax(250px,330px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.invoice-list{gap:8px;max-height:calc(100vh - 140px);padding-right:5px;display:grid;overflow:auto}.invoice-list__item{text-align:left;cursor:pointer;color:inherit;background:#fff;border:1px solid #d8e0e7;border-radius:12px;gap:5px;padding:15px;display:grid}.invoice-list__item:hover,.invoice-list__item--active{border-color:#075a9d;box-shadow:0 5px 18px #1232}.invoice-list__number{font-weight:800}.invoice-list__party{color:#536575;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.invoice-list__meta{color:#667789;justify-content:space-between;font-size:.8rem;display:flex}.status{text-transform:uppercase;border-radius:99px;justify-self:start;padding:3px 8px;font-size:.68rem;font-weight:800}.status--paid{color:#14613d;background:#ddf5e9}.status--open{color:#8b5100;background:#fff0d3}.invoice-card{background:#fff;border-radius:16px;padding:clamp(22px,4vw,48px);box-shadow:0 14px 50px #24384b18}.invoice-card__header{border-bottom:3px solid #075a9d;justify-content:space-between;gap:20px;padding-bottom:22px;display:flex}.invoice-card__header h2{margin:6px 0;font-size:2rem}.invoice-card p{color:#536575;margin:5px 0}.download{color:#fff;background:#075a9d;border-radius:8px;align-self:start;padding:11px 17px;font-weight:750;text-decoration:none}.parties{grid-template-columns:1fr 1fr;gap:30px;padding:28px 0;display:grid}.parties h3{margin:7px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:650px}th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.07em;background:#075a9d;font-size:.72rem}th,td{vertical-align:top;border-bottom:1px solid #dde5eb;padding:12px 10px}td:not(:first-child),th:not(:first-child){text-align:right}td small{color:#708090;margin-top:4px;display:block}.totals{width:min(370px,100%);margin:26px 0 26px auto}.totals div{justify-content:space-between;padding:7px 0;display:flex}.totals__grand{border-top:2px solid #075a9d;margin-top:5px;font-size:1.2rem}.terms{border-top:1px solid #dfe7ed;padding-top:20px}.terms h3{color:#075a9d}.terms .bullet{padding-left:18px;position:relative}.terms .bullet:before{content:"•";color:#075a9d;position:absolute;left:2px}.state{background:#fff;border-radius:12px;padding:30px}.state--error{color:#9b2929;border-left:4px solid #9b2929}@media (width<=800px){main{padding:16px}.workspace{grid-template-columns:1fr}.invoice-list{max-height:none;display:flex;overflow-x:auto}.invoice-list__item{min-width:245px}.parties{grid-template-columns:1fr}.invoice-card{padding:20px}}