:root{--navy:#16253d;--blue:#1779ba;--paper:#fff;--bg:#f4f6f8}
body{background:var(--bg);color:#17202a}.top-bar{background:var(--navy);margin-bottom:2rem}.top-bar ul{background:transparent}.top-bar a,.top-bar .menu-text{color:#fff}.grid-container{max-width:1200px}.login{max-width:430px;margin-top:10vh}.callout{border-radius:.35rem;box-shadow:0 2px 10px #0000000d}.stat strong{font-size:2.5rem;display:block}.stat span{color:#59636e}.position{align-items:end}.position .remove-position{margin-top:1.3rem}.drag{font-size:1.5rem;cursor:move;padding-top:1.5rem}.totals{display:flex;justify-content:flex-end;gap:2rem;font-size:1.1rem}.invoice-view{background:#fff;margin-top:2rem;padding:3rem;box-shadow:0 2px 15px #0002}.invoice-view header{border-bottom:3px solid var(--navy);margin-bottom:2rem}.invoice-view footer{border-top:1px solid #ccc;padding-top:1rem;margin-top:3rem}@media(max-width:640px){.top-bar{display:block}.totals{display:block}.invoice-view{padding:1rem;margin-top:0}}
.article-modal{width:min(1100px,94vw);max-height:88vh;border:0;border-radius:.45rem;padding:1.5rem;box-shadow:0 20px 70px #0006}.article-modal::backdrop{background:#101828b8}.article-modal .article-description{max-width:30rem;white-space:normal}.article-modal table{font-size:.92rem}