:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17382f;background:#f5f2e9}*{box-sizing:border-box}body{margin:0}header{padding:14px max(20px,calc((100% - 1180px)/2));background:#123f35;color:white;display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{display:flex;align-items:center}.brand img{display:block;width:clamp(104px,15vw,150px);height:clamp(104px,15vw,150px);object-fit:contain;border-radius:16px;background:#fff;box-shadow:0 8px 24px #0003}h1{margin:.25rem 0 0;font-family:Georgia,serif;font-size:clamp(1.8rem,5vw,2.7rem)}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.badge{background:#dfb85d;color:#17382f;padding:8px 12px;border-radius:999px;font-weight:800;font-size:.78rem}main{max-width:1180px;margin:auto;padding:22px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.card{background:white;color:#17382f;text-align:left;border:1px solid #dedbd1;border-radius:18px;padding:18px;box-shadow:0 8px 25px #183c3020}.card span{display:block;color:#6d766f;font-size:.82rem}.card strong{display:block;margin-top:8px;font-size:1.5rem}.card small{display:block;margin-top:6px;color:#8a928e}.card.profit{background:#173f35;color:white}.card.profit span,.card.profit small{color:#cbd8d3}nav{display:flex;gap:8px;margin:24px 0 12px;overflow:auto}button{border:0;background:#173f35;color:white;border-radius:12px;padding:12px 17px;font-weight:750;font-size:1rem;cursor:pointer}button:disabled{opacity:.6;cursor:wait}nav button{background:#e5e2d9;color:#44534e;white-space:nowrap}nav button.active{background:#d9a63f;color:#17382f}.panel{background:white;border:1px solid #dedbd1;border-radius:20px;padding:20px;box-shadow:0 8px 25px #183c3015}.hidden{display:none!important}.panel-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.panel h2{margin:0}.panel p{color:#6d766f;margin:.35rem 0}.inline{display:flex;gap:9px;flex-wrap:wrap}.button{display:inline-block;text-decoration:none;border-radius:12px;padding:12px 17px;font-weight:750}.secondary{background:#e6e6e2;color:#35433e}table{width:100%;border-collapse:collapse;margin-top:18px}th,td{text-align:left;padding:13px;border-bottom:1px solid #ece9e1}th{font-size:.78rem;text-transform:uppercase;color:#78807c}.clickable,tr[data-job]{cursor:pointer}.link{background:none;color:#126fbe;padding:0;text-align:left}.positive{color:#087a4f;font-weight:800}.negative{color:#b33b2e;font-weight:800}.status{padding:5px 9px;border-radius:999px;background:#f1e7cc;font-size:.78rem;font-weight:800}.paid{background:#d7f0e3;color:#087a4f}form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.entry-form{border-top:1px solid #ddd;margin-top:24px;padding-top:8px}label{font-size:.82rem;font-weight:800;color:#59645f}input,select{display:block;width:100%;margin-top:6px;border:1px solid #cfd2cc;border-radius:11px;padding:12px;background:white;font:inherit}.wide{grid-column:1/-1}.wide span{display:block;color:#7a817d;margin-top:5px;font-weight:500}.actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}dialog{border:0;border-radius:20px;width:min(500px,calc(100% - 30px));padding:24px;box-shadow:0 30px 90px #0005}#detailDialog{width:min(860px,calc(100% - 24px))}dialog::backdrop{background:#102a2466}.detail-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}.detail-cards div{background:#f3f1ea;border-radius:12px;padding:12px;font-size:.75rem}.detail-cards strong{display:block;font-size:1rem;margin-top:4px}#toast{position:fixed;right:18px;bottom:18px;background:#173f35;color:white;padding:12px 16px;border-radius:12px;opacity:0;transform:translateY(10px);transition:.2s;z-index:10}#toast.show{opacity:1;transform:none}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.table-wrap{overflow:auto}table{min-width:720px}}@media(max-width:560px){header{align-items:center}.header-actions button{padding:8px;font-size:.75rem}.badge{font-size:.67rem}.cards{grid-template-columns:1fr 1fr}.card:last-child{grid-column:1/-1}form{grid-template-columns:1fr}.wide,.actions{grid-column:1}.panel-head{align-items:flex-start;flex-direction:column}.detail-cards{grid-template-columns:1fr 1fr}.detail-cards div:last-child{grid-column:1/-1}}