*{box-sizing:border-box}body{margin:0;font:14px/1.5 Arial,sans-serif;color:#222;background:#f6f7f9}a{text-decoration:none;color:inherit}aside{position:fixed;inset:0 auto 0 0;width:244px;background:#16231f;color:#dce7e2;padding:24px 14px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 24px;border-bottom:1px solid #30413a}.brand small,.user small{display:block;color:#94a69f}.logo{width:42px;height:42px;border:1px solid #8fb2a4;display:grid;place-items:center;font:700 16px Georgia}.brand b{font-family:Georgia;font-size:16px}nav{overflow:auto;padding:18px 0}.navitem{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:8px;color:#acbbb5;margin:2px 0}.navitem:hover,.navitem.active{background:#293b34;color:white}.navitem i{font-style:normal;width:22px;text-align:center;color:#7bb89d}.user{margin-top:auto;border-top:1px solid #30413a;padding:18px 8px 0;display:flex;gap:10px;align-items:center}.user>a{margin-left:auto}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#d9b87b;color:#16231f;font-weight:bold}main{margin-left:244px;padding:0 32px 60px}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e7e8;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:1.6px;color:#78847f}h1{font:400 30px Georgia;margin:4px 0}h2{font:400 20px Georgia;margin:4px 0}.head-actions{display:flex;gap:10px;align-items:center}.branch,.badge{background:#edf2ef;padding:8px 12px;border-radius:7px;color:#486257;font-size:12px}.btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid #d9dedb;background:#fff;padding:10px 14px;border-radius:7px;cursor:pointer;font-weight:bold}.btn.primary{background:#a66345;color:white;border-color:#a66345}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric{background:white;border:1px solid #e5e8e6;border-top:3px solid #d8deda;border-radius:9px;padding:18px}.metric span,.metric small{display:block;color:#7a837f}.metric strong{display:block;font:400 24px Georgia;margin:8px 0}.metric.blue{border-top-color:#4b83c4}.metric.green{border-top-color:#4f9776}.metric.violet{border-top-color:#826fa8}.metric.amber{border-top-color:#c98d44}.panel{background:#fff;border:1px solid #e5e8e6;border-radius:9px;margin-bottom:18px;overflow:hidden}.panelhead{padding:18px 20px;border-bottom:1px solid #edf0ee;display:flex;justify-content:space-between;align-items:center}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.bars{height:190px;padding:20px;display:flex;align-items:end;gap:12px}.barcol{height:165px;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px}.bar{width:70%;background:#719e89;border-radius:3px 3px 0 0}.barcol small{font-size:10px;color:#89918e}.progressrow{padding:14px 20px}.progressrow>div:first-child{display:flex;justify-content:space-between}.track{height:7px;background:#edf0ee;border-radius:8px;margin-top:8px;overflow:hidden}.track i{height:100%;display:block;background:#a66345}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid #eef0ef}th{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#75807b;background:#fafbfa}tr:hover td{background:#fafbfa}.empty{padding:50px;text-align:center;color:#8a928f}.posgrid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}.formgrid label{font-size:12px;font-weight:bold;color:#5f6965}.formgrid input,.formgrid select{width:100%;margin-top:6px;padding:11px;border:1px solid #dce1de;border-radius:7px;background:white;font:inherit}.wide{grid-column:1/-1}.receipt{padding:24px}.receiptline{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px dashed #dfe3e1}.receipttotal{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.receipttotal strong{font:400 28px Georgia;color:#a66345}.receipt p{color:#77817d}.notice,.error{padding:12px 16px;border-radius:7px;background:#e4f2eb;color:#286545;margin-bottom:16px}.error{background:#fbe9e6;color:#a23e34}.reporthero{padding:28px;background:#1d3129;color:white;border-radius:9px;margin-bottom:18px}.reporthero p{color:#b7c6c0}.mobile{display:none}.login{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr;background:#fff}.loginart{background:#193027;color:white;padding:10vh 9vw;display:flex;flex-direction:column;justify-content:center}.loginart .monogram{width:72px;height:72px;border:1px solid #7ea18f;display:grid;place-items:center;font:24px Georgia;margin-bottom:28px}.loginart>span{letter-spacing:2px;font-size:11px;color:#a9c0b5}.loginart h1{font-size:54px;max-width:600px;margin:22px 0}.loginart p{font-size:18px;color:#b9c8c1;max-width:560px}.feature{margin-top:14px;color:#d9e5df}.loginbox{width:min(420px,80%);margin:auto}.loginbox h2{font-size:34px}.loginbox>p{color:#7b8581;margin-bottom:28px}.loginbox label{display:block;font-weight:bold;margin:16px 0}.loginbox input{width:100%;padding:13px;border:1px solid #dce1de;border-radius:7px;margin-top:7px}.loginbox .btn{width:100%;margin:8px 0 16px}.loginbox small{color:#8a928f}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.grid2,.posgrid{grid-template-columns:1fr}}@media(max-width:760px){aside{transform:translateX(-100%);transition:.2s}body.open aside{transform:none}main{margin-left:0;padding:0 16px}.mobile{display:block}.head-actions .branch{display:none}header{height:88px}.metrics{grid-template-columns:1fr 1fr}.login{grid-template-columns:1fr}.loginart{display:none}.loginbox{padding:40px 0}.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}}@media print{aside,header,.btn{display:none}main{margin:0;padding:0}.panel{break-inside:avoid}}