*{box-sizing:border-box}body{margin:0;background:#f3f5f1;color:#18362e;font:15px system-ui,sans-serif;display:flex;min-height:100dvh}aside{width:250px;background:#173b32;color:#fff;padding:28px 18px;display:flex;flex-direction:column;gap:35px;position:sticky;top:0;height:100dvh}.brand{font-size:25px;font-weight:800;color:#e9c787}.brand small{display:block;font-size:9px;letter-spacing:1px;margin-top:8px}nav{display:grid;gap:8px;flex:1;align-content:start}button{border:0;border-radius:10px;background:#173b32;color:white;padding:12px 17px;font:inherit;font-weight:650;cursor:pointer}nav button{text-align:left;background:transparent;color:#d5e3db}nav button.active{background:#31594a;color:#f2d69f}main{flex:1;min-width:0;padding:32px;max-width:1400px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}h1{margin:4px 0;font-size:32px}small{color:#80938a}aside small{color:#b8cbbf}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.card,article{background:white;border:1px solid #e0e6df;border-radius:15px;padding:20px;margin-bottom:14px}.metric{font-size:32px;font-weight:750;margin-top:10px}.muted{color:#71847a}.line{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pill{background:#e8efe6;padding:5px 10px;border-radius:20px;font-size:12px}.secondary{background:#e8ede7;color:#173b32}.danger{color:#a23b35;background:#f8e9e7}h2{font-size:19px}h3{margin:0 0 8px}p{line-height:1.5}input,select,textarea{width:100%;padding:12px;border:1px solid #cbd7ce;border-radius:8px;font:inherit;background:white;color:#173b32}label{display:block;margin:12px 0}label span{display:block;margin-bottom:5px;font-weight:600}dialog{border:0;border-radius:18px;width:min(480px,94vw);padding:24px;color:#173b32;max-height:90dvh;overflow:auto}dialog::backdrop{background:#102a2399}footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.notice{background:#f6edda;padding:12px;border-radius:10px;color:#695327;margin-bottom:20px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.day{min-height:65px;background:#f3f5f1;color:#173b32;padding:7px;text-align:left;overflow:hidden}.day.selected{outline:2px solid #173b32}.dot{display:block;color:#96722d;font-size:11px}.blank{min-height:40px}.search{margin-bottom:16px}@media(max-width:700px){body{display:block}aside{position:fixed;bottom:0;top:auto;width:100%;height:auto;padding:8px 5px calc(8px + env(safe-area-inset-bottom));z-index:5}.brand,aside>small{display:none}nav{display:flex;justify-content:space-around;gap:0}nav button{font-size:10px;text-align:center;padding:8px 4px;flex:1}nav button span{display:block;font-size:20px;margin-bottom:3px}main{padding:20px 14px 110px}h1{font-size:25px}header button{font-size:12px;padding:10px}.card,article{padding:15px}.day{min-height:48px}.cards{grid-template-columns:1fr 1fr}}
