*{box-sizing:border-box}body{margin:0;background:#f5f6f2;color:#223b3e;font:15px/1.55 'Segoe UI',Arial,sans-serif}a{color:#176b5d;text-decoration:none}button,input,textarea{font:inherit}button,.button{border:1px solid #c7d3cd;border-radius:8px;background:white;color:#234c46;padding:10px 17px;cursor:pointer;display:inline-block}button:hover,.button:hover{filter:brightness(.96)}.primary{background:#176b5d;border-color:#176b5d;color:white}.quiet{border:0;background:transparent}input,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #bccdc5;border-radius:7px;background:#fff;color:#173a39;margin:5px 0 12px}input:focus,textarea:focus{outline:3px solid #a7d9c6;outline-offset:1px}label{font-size:13px;font-weight:600;color:#49625e}header{height:78px;background:#fff;border-bottom:1px solid #dfe5df;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.brand{font-size:27px;font-weight:800;letter-spacing:1px;color:#163f43}.brand span{color:#289477}.brand small{font-size:12px;letter-spacing:3px;margin-left:10px}nav{display:flex;align-items:center;gap:22px;font-size:13px}nav form{margin:0}h1{font-size:29px;letter-spacing:-.7px;line-height:1.2;margin:8px 0 10px}h2{font-size:18px;margin:0 0 16px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;color:#63817a;margin:0 0 12px}.muted{color:#6b7d77}.small{font-size:12px}.card{background:white;border:1px solid #dfe5de;border-radius:14px;padding:26px;margin-bottom:22px;box-shadow:0 3px 12px #183e3504}.workspace{display:grid;grid-template-columns:270px 1fr;min-height:calc(100vh - 130px)}aside{padding:30px 20px;border-right:1px solid #dce3da;background:#eef2eb}.aside-title{display:flex;justify-content:space-between;padding:0 8px}.aside-title span{font-size:12px}.add{display:block;padding:10px 12px;border:1px dashed #a5bdb0;border-radius:8px;margin:0 0 20px}.client{display:block;padding:14px 12px;border-radius:9px;margin-bottom:7px;color:#4c645e}.client strong{display:block;font-size:14px}.client small{font-size:11px}.client.active{background:#163f43;color:#fff}.main{padding:36px 42px;max-width:1250px;width:100%}.title-row{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:25px}.period-select{display:grid;grid-template-columns:160px auto;gap:8px;align-items:start}.period-select label{grid-column:1/-1}.period-select input{margin:0}.summary{display:grid;grid-template-columns:1fr 1fr;gap:20px}.amount{font-size:35px;line-height:1.5;font-weight:650;letter-spacing:-1px}.badge{display:inline-block;border-radius:100px;background:#edf0ec;color:#536a60;font-size:12px;font-weight:600;padding:7px 12px}.good{background:#e3f3e9;color:#216b4d}.warning{background:#fff0d1;color:#81570c}.section-head{display:flex;justify-content:space-between;gap:10px}.section-head a{font-size:13px}.actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #ecf0eb;padding-top:20px;margin-top:20px}.comment{white-space:normal;background:#f5f8f3;border-left:3px solid #74a894;padding:18px;margin:12px 0 24px;overflow-wrap:anywhere}.reopen{border-top:1px solid #e7ece5;padding-top:20px}.audit{display:grid;grid-template-columns:140px 1fr 65px;gap:8px;border-top:1px solid #ecf0ea;padding:13px 0;font-size:12px}.audit small{grid-column:2/-1;color:#7b8880}.audit strong{font-weight:600}.login{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;max-width:1060px;margin:90px auto;padding:25px}.login h1{font-size:46px}.login-note{border-left:3px solid #84ad99;padding-left:20px;color:#557167;margin-top:40px}.narrow{max-width:700px;margin:36px auto;padding:0 20px}.narrow .card{margin-top:20px}.customer{max-width:1000px;margin:40px auto;padding:0 24px}.errorlist{color:#a3382b;background:#fff2ef;padding:12px 25px;border-radius:7px;font-size:13px}.messages{padding:8px 38px;background:#e3f4e9}.messages p{margin:6px}footer{font-size:11px;color:#778b80;text-align:center;padding:18px}.empty{padding:65px 38px}hr{border:0;border-top:1px solid #e3e9e1;margin:25px 0}.helptext{font-size:12px;color:#637c71}ul{padding-left:20px}@media(max-width:850px){header{padding:15px 20px;height:auto}nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}nav>span{display:none}.workspace{grid-template-columns:1fr}aside{border:0;padding:18px}.client-list{display:flex;overflow:auto;gap:10px}.client{min-width:180px}.aside-title h2{margin-bottom:8px}.add{margin-bottom:10px}.main{padding:25px 18px}.title-row{flex-direction:column}.summary{grid-template-columns:1fr}.summary .card{margin-bottom:0}.summary{margin-bottom:20px}.login{grid-template-columns:1fr;margin:25px auto;gap:20px}.login h1{font-size:35px}.login-note{display:none}.actions{flex-direction:column}.audit{grid-template-columns:110px 1fr}.audit small{grid-column:1/-1}.card{padding:22px}.brand{font-size:23px}.brand small{display:none}}