body{margin:0;font-family:Arial;background:#f4f7fb;color:#1d2b36}.top{background:#087b72;color:#fff;padding:16px 22px;display:flex;justify-content:space-between}.top a{color:white;text-decoration:none}.layout{display:flex;min-height:calc(100vh - 56px)}.side{width:230px;background:#0d2335;padding:14px}.side a{display:block;color:#fff;text-decoration:none;padding:11px;border-radius:8px}.side a:hover{background:#183b58}.main{flex:1;padding:22px}.card{background:white;border:1px solid #dfe7ef;border-radius:12px;padding:18px;margin-bottom:18px;box-shadow:0 2px 8px #0001}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{border:1px solid #dfe7ef;border-radius:12px;padding:16px}.metric b{display:block;font-size:24px;margin-top:8px}table{width:100%;border-collapse:collapse;background:white}td,th{border:1px solid #dfe7ef;padding:8px;text-align:left}th{background:#eef7f6}input,select{width:100%;padding:8px;border:1px solid #cfdbe6;border-radius:7px}.row{display:flex;gap:12px;align-items:end}.row>*{flex:1}.btn{background:#087b72;color:white;border:0;border-radius:8px;padding:10px 14px;text-decoration:none;display:inline-block;cursor:pointer}.btn2{background:#edf3f8;color:#183b58;border:1px solid #dfe7ef;border-radius:8px;padding:9px 12px;text-decoration:none;display:inline-block}.shelf{margin:14px 0;padding:12px;border:1px solid #dfe7ef;border-radius:12px;background:#f8fbfd}.cells{display:grid;gap:10px}.cell{background:white;border:1px solid #ccd8e3;border-radius:10px;padding:10px;min-height:110px}.cell-title{font-weight:bold;color:#087b72}.small{font-size:12px;color:#6a7886}.pill{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef7f6;color:#087b72;font-size:12px}.zero{border-left:6px solid #d94141}.low{border-left:6px solid #d99700}.good{border-left:6px solid #159447}@media(max-width:900px){.layout{display:block}.side{width:100%;display:flex;overflow:auto}.grid4{grid-template-columns:1fr}.row{display:block}.row>*{margin-bottom:8px}.main{padding:12px}.cells{grid-template-columns:1fr!important}}