*{box-sizing:border-box}body{margin:0;background:#f8f9f6;color:#26352f;font:15px system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:12px 16px;background:#183e35;color:#fff}button:focus-visible,input:focus-visible{outline:3px solid #529b82;outline-offset:3px}.shell{min-height:100vh;display:flex}aside{width:250px;background:#fff;border-right:1px solid #e0e8e2;padding:30px 20px;display:flex;flex-direction:column;gap:30px}.brand{font-size:48px;font-weight:800;letter-spacing:-4px;color:#183e35}.brand span{color:#529b82}.brand small{display:block;font-size:12px;letter-spacing:0;font-weight:400}nav{display:grid;gap:5px}nav button{background:transparent;color:#52665b;text-align:left}nav button.active,footer button.active{background:#eaf3ee;color:#183e35;font-weight:700}main{flex:1;max-width:1440px;padding:32px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}h1{margin:5px 0;font-size:30px}h2,h3{margin:8px 0}small,p{color:#63766b}p{line-height:1.6}.tag,.notice{background:#eaf3ee;border-radius:12px;padding:12px;color:#365b4c}.tag{font-size:12px}.notice{margin-bottom:20px;font-size:13px}.hero{background:#183e35;color:#fff;padding:28px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero small,.hero p{color:#c7ded3}.hero h2{font-size:30px}.hero label{font-size:12px;display:grid;gap:8px}.hero input{border:0;border-radius:8px;padding:10px;background:#fff;color:#183e35}.metrics,.panels{display:grid;gap:16px;margin:20px 0}.metrics{grid-template-columns:repeat(4,1fr)}.panels{grid-template-columns:1fr 1fr}article{background:#fff;border:1px solid #e0e8e2;border-radius:16px;padding:22px;min-width:0}article h2{font-size:25px}article p{font-size:14px}.bars{display:flex;justify-content:space-around;gap:10px;margin-top:25px}.bars div{flex:1;text-align:center}.bars i{display:block;height:5px;background:#b8d8c8;border-radius:4px;margin-bottom:8px}footer{display:none}@media(max-width:850px){aside{display:none}main{padding:20px 16px 100px}.metrics{grid-template-columns:repeat(2,1fr)}.panels{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.hero h2{font-size:25px}header{flex-wrap:wrap}footer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e0e8e2;display:flex;justify-content:space-around;padding:8px 4px calc(8px + env(safe-area-inset-bottom))}footer button{background:#fff;color:#52665b;font-size:10px;padding:7px 5px;flex:1}footer b{display:block;font-size:22px}article{padding:16px}}.entry{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;align-items:end}.entry label{display:grid;gap:6px;font-size:13px}.entry input,.entry select,header input,article select{width:100%;padding:10px;border:1px solid #d5e2d9;border-radius:8px;background:#fff;color:#26352f;font:inherit}.secondary{background:#eaf3ee;color:#183e35}.billlist{margin-top:12px}.bill{display:flex;flex-wrap:wrap;gap:10px;align-items:center;border-top:1px solid #e0e8e2;padding:12px 0}.bill>div:first-child{flex:1;min-width:120px}.bill small{display:block}.bill button{font-size:12px;padding:8px}.projection{display:grid;gap:10px}.projection>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;border-bottom:1px solid #e0e8e2;padding:8px 0}.projection small{width:100%}main>article+article{margin-top:16px}