:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#142939;background:#f3f6f8;font-size:14px}*{box-sizing:border-box}body{margin:0}a{color:#147a83;text-decoration:none}a:hover{text-decoration:underline}.topbar{height:76px;background:#fff;border-bottom:1px solid #dfe7ea;display:flex;align-items:center;gap:38px;padding:0 max(32px,calc((100vw - 1340px)/2));box-shadow:0 1px 8px #17323c09}.brand{display:flex;align-items:center;gap:11px;color:#142939;white-space:nowrap}.brand-icon{height:36px;width:36px;display:grid;place-items:center;background:#164b56;color:#fff;font-weight:800;font-size:23px;border-radius:9px}.brand b{display:block;letter-spacing:.12em;font-size:15px;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:.16em;color:#617781;margin-top:4px}.topbar nav{display:flex;gap:24px;flex:1}.topbar nav a{font-weight:600;color:#526671}.topbar nav a:hover{color:#116f79}.account{display:flex;align-items:center;gap:14px;color:#647984;font-size:12px}.account form{margin:0}main{max-width:1340px;margin:0 auto;padding:38px 32px 80px;min-height:calc(100vh - 130px)}footer{border-top:1px solid #dfe7ea;padding:22px;text-align:center;color:#82939b;font-size:11px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#16828c;margin-bottom:9px}.page-heading h1,h1{font-size:32px;line-height:1.12;letter-spacing:-.04em;margin:0 0 8px}.page-heading p,.muted{color:#718590}.page-heading p{margin:0}.button,button{cursor:pointer;font:inherit}.button{display:inline-flex;align-items:center;justify-content:center}.primary,.secondary{border:1px solid transparent;border-radius:8px;padding:11px 17px;font-weight:700}.primary{background:#167e89;color:white;box-shadow:0 4px 10px #167e892b}.primary:hover{background:#0f6670;text-decoration:none}.secondary{background:#e8f3f3;color:#116a74;border-color:#c6dfe1}.secondary:hover{background:#d9eded}.text-button{background:none;border:0;color:#147a83;font-weight:650;padding:4px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:43px}.metrics article{background:#fff;border:1px solid #e0e8eb;border-radius:12px;padding:23px 24px;min-height:134px;box-shadow:0 7px 22px #24434c08}.metrics article.accent{background:#164b56;color:#fff;border-color:#164b56}.metrics small,.hero-amount small{display:block;font-size:10px;font-weight:800;letter-spacing:.1em;color:#6f8790}.metrics strong{display:block;font-size:24px;letter-spacing:-.04em;margin:17px 0 5px}.metrics span{color:#81949d;font-size:11px}.metrics .accent small,.metrics .accent span{color:#b9d3d6}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 15px}.section-heading h2,.panel h2{font-size:21px;letter-spacing:-.03em;margin:0}.section-heading .eyebrow{margin-bottom:4px}.table-wrap{background:#fff;border:1px solid #dfe8eb;border-radius:12px;overflow:auto;margin-bottom:32px;box-shadow:0 7px 22px #24434c08}table{border-collapse:collapse;width:100%;min-width:750px}th{text-align:left;background:#f8fafb;color:#748992;font-size:10px;font-weight:800;letter-spacing:.1em;padding:14px 18px;border-bottom:1px solid #e5ecee;text-transform:uppercase}td{padding:16px 18px;border-bottom:1px solid #eef2f3;vertical-align:middle;color:#405864;font-size:12px}tr:last-child td{border-bottom:0}td b{display:block;color:#193440;font-size:12px}td small{display:block;color:#91a0a7;margin-top:4px;font-size:11px}td.amount{white-space:nowrap;font-weight:700;color:#1e3a45}.row-link{font-weight:700;white-space:nowrap}.badge{display:inline-block;border-radius:100px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap}.badge.amber{background:#fff0d9;color:#a36a0f}.badge.green{background:#e0f4e9;color:#18734b}.badge.blue{background:#e2f2f7;color:#176c89}.badge.red{background:#ffe7e4;color:#ae3d32}.empty{text-align:center;color:#9badb5;padding:26px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:42px}.panel{background:#fff;border:1px solid #dfe8eb;border-radius:12px;padding:25px;box-shadow:0 7px 22px #24434c08}.panel h2{margin-bottom:15px}.panel p.muted{margin-top:-3px;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:20px 0}.form-grid .wide{grid-column:1/-1}label{display:block;color:#3d5661;font-size:11px;font-weight:700}input,select{display:block;width:100%;margin-top:7px;border:1px solid #d7e2e5;background:#fff;border-radius:7px;padding:10px 11px;color:#1b3440;font:inherit;outline:none}input:focus,select:focus{border-color:#16828c;box-shadow:0 0 0 3px #16828c18}input[type=file]{padding:7px}label small{display:block;font-weight:400;color:#96a4ab;margin-top:5px}.inline-form{display:grid;grid-template-columns:1fr 125px auto;gap:10px;align-items:end;margin:24px 0}.inline-form .primary{white-space:nowrap}.client-list{border-top:1px solid #ebf0f1;max-height:360px;overflow:auto}.client-list form{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ebf0f1;padding:10px 0;gap:12px;font-size:12px}.client-list form>span{font-weight:650}.client-list form div{display:flex;align-items:center;gap:6px;color:#94a5ac}.client-list input{width:57px;margin:0;padding:5px}.invoice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:28px}.invoice-title{display:flex;justify-content:space-between;align-items:start}.invoice-title h3{font-size:24px;letter-spacing:-.03em;margin:0}.invoice-card form{border-top:1px solid #ebf0f1;margin-top:23px;padding-top:15px}.invoice-card h4{margin:0}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 26px;margin:22px 0}.facts div{border-bottom:1px solid #eef2f3;padding-bottom:8px}.facts dt{color:#8da0a8;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.facts dd{margin:5px 0 0;color:#193540;font-weight:700}.links{display:flex;gap:18px;margin:18px 0}.hero-amount{text-align:right}.hero-amount strong{display:block;font-size:30px;letter-spacing:-.04em}.back{display:inline-block;margin-bottom:24px;color:#667c86}.login-card{background:#fff;border:1px solid #dfe8eb;border-radius:16px;padding:36px;max-width:430px;margin:8vh auto;box-shadow:0 14px 44px #24434c10}.login-card h1{font-size:30px}.login-card p{color:#81939b;line-height:1.5;margin-bottom:26px}.login-card label{margin-bottom:16px}.login-card .primary{width:100%;margin-top:8px}.flash{padding:12px 15px;border-radius:8px;margin:0 0 19px;font-size:12px}.flash.ok{background:#e2f4e9;color:#176947}.flash.error{background:#ffe9e5;color:#a93e34}@media(max-width:950px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-two,.invoice-grid{grid-template-columns:1fr}.topbar{gap:16px}.topbar nav{gap:12px}.account span{display:none}}@media(max-width:650px){main{padding:24px 14px 60px}.topbar{height:auto;min-height:65px;padding:10px 14px;flex-wrap:wrap}.brand{flex:1}.topbar nav{order:3;flex-basis:100%}.page-heading{align-items:start}.page-heading h1{font-size:26px}.page-heading>.button{font-size:11px;white-space:nowrap;padding:8px}.metrics{gap:8px}.metrics article{min-height:112px;padding:15px}.metrics strong{font-size:18px;margin:12px 0 4px}.section-heading .muted{display:none}.panel{padding:17px}.inline-form{grid-template-columns:1fr 95px}.inline-form button{grid-column:1/-1}.hero-amount strong{font-size:22px}}